SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: ul li issue

  1. #1
    SitePoint Member
    Join Date
    Dec 2007
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    ul li issue

    I am trying to get my li img to line up with my text, It lines up just fine in IE but firefox puts the li higher than the text. Is there a fix for this?

    Below is a link so you can see my issue. Its the home button above the mylookups menu


    http://knoxville.mylocallookup.com/


    Code:
    # home_btn ul {
    padding-bottom:5px;
    float:left;
    }
    
    
    #home_btn ul li {
    margin-left: 25px;
    padding: 0px;
    list-style-image:url(http://knoxville.mylocallookup.com/images/home.png);
    list-style-position: outside;
    behavior: url(iepngfix.htc); 
    }
    
    #home_btn ul li a {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 100%;
    display: block;/*setting for FF and other standards compliant browsers*/
    #display: block; /*setting for IE7*/
    _display: block ;/*setting for IE6*/
    padding: 5px 0px 10px 5px;
    text-decoration: none;
    color: #666666;
    width:140px;
    }
    
    #home_btn ul li a:hover, #home_btn ul li a:focus {
    color: #000000;
    background-color: #eeeeee;
    opacity: .3;
    filter: alpha(opacity=30);
    -moz-opacity:.3; 
    }
    thanks

  2. #2
    SitePoint Zealot ejg's Avatar
    Join Date
    Jun 2007
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have never been able to get list-style-image to look good across all browsers.

    I usually end up using <li><img src="aaa.jpg">text</li> so I can position the image and text in the css.

  3. #3
    SitePoint Member
    Join Date
    Dec 2007
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, I was hoping i would not have to do that but, it looks like that's what i am going to do


Bookmarks

Posting Permissions

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