Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Nov 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Firefox problems

    I was wondering if someone could take a quick look at my webpage in firefox and give me an idea of how to fix the top menus.

    www.centralroomies.com

    It looks right in IE6 and IE7, but in Firefox it makes the top menus very skinny.

    Thanks
    Jason

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    IE automatically applies a 17px line-height to elements. What your seeing (since you have no text in there) is the 17px + your padding (17+5+5) so it looks correct right now. toss some text in your nav and see how it looks.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Just put some text between the anchor elements, it will be fine.

    Example:

    Code:
    	<ul>
    		<li><a href="#" accesskey="1" title="">Link1</a></li>
    		<li><a href="#" accesskey="2" title="">Link2</a></li>
    		<li><a href="#" accesskey="3" title="">Etc.</a></li>
    		<li><a href="#" accesskey="4" title=""></a></li>
    		<li><a href="#" accesskey="5" title=""></a></li>
    	</ul>
    Gary

  • #4
    New Coder
    Join Date
    Nov 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ahh i see. Thank you very much

    Is there anyway to have it show correctly without the text in there?

  • #5
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    turn your line height and font size to 0px

    Code:
    line-height: 0px;
    font-size: 0px;
    }
    and that just neturalize it

    Edit

    Oh wait you want it to be tall like in IE....

    You can give the anchor a fixed height but you'll need to make them display block to do anything. If your going to make the buttons images , the image them selves will make t expand. if they are going to be background images, then display:block and add a height. Several ways to do it really, depending on what your final outcome is going to be.
    Last edited by harbingerOTV; 09-20-2007 at 01:21 AM.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #6
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Add height:17px to you 'menu a' CSS.

    Gary

  • #7
    New Coder
    Join Date
    Nov 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Wow, You guys are great. Thanks it's all fixed.

    Thanks to you both


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •