Jump to content

DizzyDan

Members
  • Posts

    261
  • Joined

  • Last visited

Everything posted by DizzyDan

  1. DizzyDan

    Website Order

    I'm not sure how to explain this but my question is can anyone explain or link me to an article that explains the order in which the browser reads the files of a website. Like after you click a link it first reads the html then css then PHP then javascript etc...
  2. Can you put up a screenshot of what you mean exactly?
  3. Can you post the code that is being used?
  4. Ok so I decided to move these to my main style sheet instead of using separate style sheets, I find this much easier to work with. Anyway so far all has been working well but I hit a snag now. On my phone I generally use Chrome as my browser and it pulls the correct style sheet but when I use the original browser it doesn't. Is there a tool out there where I can see how my site would look on different phone browsers? Is there a such thing like firebug for phone browsers? or maybe you can guide me to what I'm doing wrong! I placed these at the bottom of the style sheet. /********** Phones **********/@media only screen and (max-device-width: 480px) { #test-size{ display: none; } p{ font-size: 2em; } img{ width: 100% } #main-nav, #footer-nav, #main-full{ margin: 0; } #menu-main li a{ width: 33.333%; } #home, #home-grid .column, #home-featured{ width: 100%; } #home{ background: purple; } #home-grid .column{ background: #111; } #home-featured{ background: #777; }}
  5. Could you recommend or suggest a dependable solution for a quick and easy full website and database backup/restore.
  6. Currently I am using notepad++ to edit files and FileZilla to upload them. I just want to make sure that my flipping between windows, folders, the editor, ftp client and the browser to see my changes, is the best solution out there.
  7. Well that makes MUCH more sense to me now, thank you for taking an extra step to explain it! So I added this little fella: <link rel='stylesheet' media='only screen and (max-device-width: 480px)' href='/wp-content/themes/test-set/narrow.css' /> And it works! Woohoo! My only confusion now is the difference between 'only screen' vs 'screen' and 'max-width' vs 'max-device-width' Which brings up a question of should I re-label all of these to say 'max-device-width'? Thank you VERY much for your help.
  8. Yes but at 700px shouldn't my narrow style still show for that width? My phone is showing the regular css not the narrow css
  9. So I am working on a flexible template and I have 3 break points. When I resize the browser all works well but when I view it on my phone it isn't using narrow.css, what am I doing wrong? URL: test.setthathook.com - General style sheet - min width 901px wide (regular browser) - min width 701px medium (smaller screens/tablet) - max width 700px narrow (tablet/phone/smaller devices) <link rel="stylesheet" type="text/css" media="all" href="/wp-content/themes/test-set/style.css" /> <link rel='stylesheet' media='screen and (max-width: 700px)' href='/wp-content/themes/test-set/narrow.css' /> <link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='/wp-content/themes/test-set/medium.css' /> <link rel='stylesheet' media='screen and (min-width: 901px)' href='/wp-content/themes/test-set/wide.css' />
  10. This script works for the nav linking /about/, /services/. But when on the home page "/" all the button share the class 'active'. HTML Nav <nav id="cssmenu"><ul><li><a href='/'>Home</a></li><li><a href='/about-us/'>About</a></li><li><a href='/services/'>Services</a></li><li><a href='/contact/'>Contact</a></li></ul></nav> Script $(function() { $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');});
  11. or link a new style sheet in the head and put all your new css in there and upload it to the corresponding directory. (root directory in this example) <link rel="stylesheet" type="text/css" href="/stylesheetname.css">
  12. You need a Lightbox Plugin or if your gonna code it yourself, just google search "lightbox"
  13. Now I'm really confused I deleted the .js file that had this code in it just to see what would happen and the drop down remains unchanged (the drop down still works for community and not for insurance) Mind you this wasn't a theme I built it is a theme I am trying to edit for a client. I created a test site on my server with the theme files they provided. I feel that I'm just missing something very simple but the other half of me worries that I am going to have to just build this menu from scratch.
  14. I tried is 3 different ways none of which are working. I believe below to be correct... I must be missing something tho. $(function(){ $('.footerInside a.top').click(function(){ $('html, body').animate({scrollTop: '0px'}, 1000); return false;});$('.shareWrapper2').containedStickyScroll();$('ul.sf-menu').superfish();// nav bar$("ul#menu-navigation-bar li").hover(function(){ $(this).addClass("hover"); $('ul:first',this).css('visibility', 'visible'); }, function(){ $(this).removeClass("hover"); $('ul:first',this).css('visibility', 'hidden'); }); $("ul#menu-navigation-bar li ul li:has(ul)").find("a:first").append(" » "); });// nav bar 2$("ul#menu-benefits li").hover(function(){ $(this).addClass("hover"); $('ul:first',this).css('visibility', 'visible'); }, function(){ $(this).removeClass("hover"); $('ul:first',this).css('visibility', 'hidden'); }); $("ul#menu-benefits li ul li:has(ul)").find("a:first").append(" » "); });
  15. I believe you nailed it but I'm not sure what to add to this code (I'm pretty sure this is where I need to add the ID) // nav bar$("ul#menu-navigation-bar li").hover(function(){ $(this).addClass("hover"); $('ul:first',this).css('visibility', 'visible'); }, function(){ $(this).removeClass("hover"); $('ul:first',this).css('visibility', 'hidden'); }); $("ul#menu-navigation-bar li ul li:has(ul)").find("a:first").append(" » "); });
  16. This is a WordPress website: I have a main menu nav that works and am trying to add a second navigation but the drop downs do not work. In the main nav the item "Community" has a drop down with item "Forums", this nav works fine. In the second nav there is an item called "insurance" i have 2 sub items "Medicare" and "Auto Home" these don't show up. the live test site is http://amac.444web.com/ Below is the code header.php <div class="navWrapper"> <?php wp_nav_menu( array( 'theme_location' => 'menu-1' ) ); ?> </div> <div class="navWrapper"> <?php wp_nav_menu( array( 'theme_location' => 'menu-5' ) ); ?> </div> style.css /*----------------------------------- Main Navigation-----------------------------------*/.navWrapper{height:55px;margin-bottom:15px;padding-left:5px;position: relative; z-index: 1000;}#menu-navigation-bar {list-style:none;border: 1px solid #062A5F;border-top: none;border-bottom: none;}#menu-navigation-bar li{position:relative;border-right:1px solid #215398;float: left;}#menu-navigation-bar li a{display:block;height:55px;font-family: Georgia, "Times New Roman", Times, serif;color:#fff;font-size:18px;text-decoration:none;text-shadow: 1px 1px 0 #03224F;border-right:1px solid #05224C;padding: 0 12px 0 13px;line-height: 54px;}#menu-navigation-bar li a:hover{background: url(/wp-content/themes/AMAC/images/mainNav-onPage-bg.png) repeat-x top left;text-shadow: 1px 1px 0 #9F131C;}#menu-navigation-bar li.current-menu-item, #menu-navigation-bar li.current-menu-ancestor { background: url("/wp-content/themes/AMAC/images/mainNav-onPage.png") repeat-x scroll left bottom #437AC7;}#menu-navigation-bar ul { left: 0; position: absolute; top: 100%; visibility: hidden; width: 220px;} /*-----------------------------------Sub Navigation-----------------------------------*//*** ESSENTIAL STYLES ***/#menu-navigation-bar ul{list-style:none;background:#7c7d81;width:260px;position:absolute;top:54px;left:0;z-index:100;border-top: 1px solid #7C7D81;}#menu-navigation-bar ul li{float:none;border:none;} #menu-navigation-bar ul li a {display:block;border-bottom:1px solid #949494;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#fff;padding:10px;text-decoration:none;height:inherit;height:auto;text-align:left;line-height:normal;text-shadow: 1px 1px 0 #555;border-right: medium none;}#menu-navigation-bar ul li a:hover{background:#d2181f;text-shadow: 1px 1px 0 #9F131C;}#menu-navigation-bar ul ul {left: 100%; top: 0;}#menu-navigation-bar ul li:hover > ul {visibility: visible;} /*-----------------------------------Second Navigation-----------------------------------*/.navWrapper{height:55px;margin-bottom:15px;padding-left:5px;position: relative; z-index: 1000;}#menu-benefits {list-style:none;border: 1px solid #062A5F;border-top: none;border-bottom: none;}#menu-benefits li{position:relative;border-right:1px solid #215398;float: left;}#menu-benefits li a{display:block;height:55px;font-family: Georgia, "Times New Roman", Times, serif;color:#fff;font-size:18px;text-decoration:none;text-shadow: 1px 1px 0 #03224F;border-right:1px solid #05224C;padding: 0 12px 0 13px;line-height: 54px;}#menu-benefits li a:hover{background: url(/wp-content/themes/AMAC/images/mainNav-onPage-bg.png) repeat-x top left;text-shadow: 1px 1px 0 #9F131C;}#menu-benefits li.current-menu-item, #menu-benefits li.current-menu-ancestor { background: url("/wp-content/themes/AMAC/images/mainNav-onPage.png") repeat-x scroll left bottom #437AC7;}#menu-benefits ul { left: 0; position: absolute; top: 100%; visibility: hidden; width: 220px;} /*-----------------------------------Sub Navigation-----------------------------------*//*** ESSENTIAL STYLES ***/ #menu-benefits ul{list-style:none;background:#7c7d81;width:260px;position:absolute;top:54px;left:0;z-index:100;border-top: 1px solid #7C7D81;}#menu-benefits ul li{float:none;border:none;} #menu-benefits ul li a {display:block;border-bottom:1px solid #949494;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#fff;padding:10px;text-decoration:none;height:inherit;height:auto;text-align:left;line-height:normal;text-shadow: 1px 1px 0 #555;border-right: medium none;} #menu-benefits ul li a:hover{background:#d2181f;text-shadow: 1px 1px 0 #9F131C;}#menu-benefits ul ul {left: 100%; top: 0;}#menu-benefits ul li:hover > ul {visibility: visible;}
  17. Thx Niche, I can't believe I forgot the doc type... a nice palm in face moment.
  18. Why does this center on every browser except IE...? 444web.com/amac/cookbook-test/ Oops i fixed it. Had no doc type
  19. Oh thought there was an API section haha.
  20. Should I re-post this there or will a mod just move it?
  21. I may be in the wrong place but I figure I wills start here and maybe you can point me in the correct direction. I'm using WordPress for my website - heckraiser.org Basically what I am looking to do is as follows: - If a user shares my link on their Facebook, Twitter, Google plus or whatever they will receive a free download or maybe a unique code for a free download. That's is my goal any suggestions?
×
×
  • Create New...