Hey guys, working on this site for my PT business, got pOes on here who helped me create an awesome navigation! But I am not liking how the nav is fitting in with the rest of the layout. Can anyone give me any suggestions? I am getting quite frustrated and getting close to getting way behind starting my business. http://goallinefitness.com/layout/1/ Thank you!
i would move that navigation below your header, maybe have the tabs laid over the red part of your header image. just a thought...
the content of the link is irrelivent.. what do you mean great link? cheers for what? the guy is asking for advice on the look and feel of his site.. anyway i think its great. It looks proffesional and to the point. The ONLY thing i dont like is the font style, but thats just me.
I agree with this point, the navigation looks a bit lonely up there on the top. If they aremoved down thay need to become more bold to distinguish them from the red header.
Hey is the beginning of the Home supposed to have the A in front of it? <li><a href="home.php" class="active">»home</a> If it is, fine, but if it's not, it sure looks like a characterset mismatch. Your page is iso-8859-1 but I wonder if your server is set to something else? And was the actual HTML file also saved in that charset? Usually when I see Â's it's charset problems. Not everyone will see them then. Yeah, now I also see a square "unknown character" in the middle of the text (end of the first paragraph).
hey poes, yeah I dont know where that A came from, nor do I know how to get rid of it! Seems to happen to me a lot, I don't think I changed anything from your .html to my .php ?? I also don't know how to get the tabs to overlay the header, I love the idea of it, but I am awful with floats and I think that is how I would have to do it? Thanks guys!
http://goallinefitness.com/layout/1/ Slight Update, got the navigation underneath the logo, I like the looks of it now, just have to modify and tweak it now. What do you guys think? Thanks! Suggestions greatly appreciated!
Looks nice! I found a CSS error (mine)... it still works because technically the last declaration doesn't need the ending ; but just got it flagged: #Navigation li { float: left; width: 10em; margin-right: 2px; border: 1px solid #ccc;e border-bottom: 0 [b]<---- here ;[/b] } Code (markup): Second, I wrote my HTML and my CSS in UTF-8 as that's what my server is set to anyway, so the code, the meta tags, and the server were all UTF-8. You have more than one doctype!! Ack! You may only have one, did an editor add those in? Mine's still in there too with my charset... your page is set to iso-8859-1 or whatever... US letters : ) You need to move the suckerfish scripts to your own <head>, remove the other doctypes, and then save the HTML or PHP (whatever) document as iso-whatever you have, then set the meta tag likje your first one (or, I mean, leave it the way it is, it already says iso-whatever), and then check your server or whoever's hosting... prolly the same one. The CSS file is also in UTF-8. Open it in a text editor, click Save As and give it a new name (or better yet, just add it to your normal CSS sheet for the rest of the page) and save as charset (they usually ask you which charset to save as) make it the same iso-8859-1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Goal Line Fitness - Personal Training in Sault Ste. Marie, Michigan</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.1"> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div id="container"> <div id="logo"><img src="logo-gradient.png"></div> <div id="top"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Goal Line Fitness - Home</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="generator" content="BBEdit 8.6/gEdit for Gnome"> <link rel="stylesheet" type="text/css" href="topnav2.css"> <script type="text/javascript"> <!--//--><![CDATA[//><!-- sfHover = function() { var sfEls = document.getElementById("Navigation").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); //--><!]]> </script> </head><body> Code (markup): Yikes!
You can also checkout the markup validation tools at http://validator.w3.org/ These can be pretty hand to identify code issues.