Forums
New posts
Articles
Product Reviews
Policies
FAQ
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Menu
Log in
Register
Install the app
Install
Forums
Digital Lifestyle
Web Design and Hosting
CSS problem
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="DrewOlsen" data-source="post: 961646" data-attributes="member: 135627"><p>Did you plan on having spaces between the nav? if not you can remove the </p><p><code>#nav li {</p><p>float:left;</p><p><span style="color: Red">margin-right: 5px;</span>}</p><p></code></p><p></p><p>And that fixes your problem. If not you have to change the left-right padding on your a element a little bit.</p><p>#nav li a {</p><p>background-image:url(../images/header/nav-off.gif);</p><p>background-repeat:no-repeat;</p><p>color:#FFFFFF;</p><p>font-weight:bold;</p><p>line-height:39px;</p><p><span style="color: Red">padding:11px 8px;</span></p><p>text-decoration:none;</p><p>}</p><p></p><p>Either of those will fix your problem and shouldn't affect it too much in any of the browsers.</p><p></p><p> All that is happening is you are breaking that nav element because the elements within are too wide for the space.</p><p></p><p>I know its weird that its different between browsers. I find little changes in my designs because of margin differences as well.</p><p></p><p></p><p>You might want to look at the content throughout your pages a bit too. Some of the content isn't aligning how you want it to be in firefox on the mac.</p></blockquote><p></p>
[QUOTE="DrewOlsen, post: 961646, member: 135627"] Did you plan on having spaces between the nav? if not you can remove the <code>#nav li { float:left; [COLOR="Red"]margin-right: 5px;[/COLOR]} </code> And that fixes your problem. If not you have to change the left-right padding on your a element a little bit. #nav li a { background-image:url(../images/header/nav-off.gif); background-repeat:no-repeat; color:#FFFFFF; font-weight:bold; line-height:39px; [COLOR="Red"]padding:11px 8px;[/COLOR] text-decoration:none; } Either of those will fix your problem and shouldn't affect it too much in any of the browsers. All that is happening is you are breaking that nav element because the elements within are too wide for the space. I know its weird that its different between browsers. I find little changes in my designs because of margin differences as well. You might want to look at the content throughout your pages a bit too. Some of the content isn't aligning how you want it to be in firefox on the mac. [/QUOTE]
Verification
Post reply
Forums
Digital Lifestyle
Web Design and Hosting
CSS problem
Top