SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast AdamZman's Avatar
    Join Date
    Oct 2004
    Location
    jersey C.I.
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post <li> problems with Opera 7.54

    i have created a list of images and i want them to have a margin/padding of 5px at the bottom of all of the but i have got it to work on IE6 and Mozilla 1.7.3 but with Opera 7.54 it just seems do nothing

    and sagestions on how to get a margin/padding on the li's in Opera 7.54???

    HTML CODE:
    HTML Code:
    <div id="takecontrol">
    <ul>
    <li><a href="/"><img src="Images/updateyoursite.gif" alt="UPDATE YOUR WEBSITE EASILY"></a></li>
    <li><a href="/"><img src="Images/limitcontent.gif" alt="LIMIT CONTENT TO CERTAIN PEOPLE"></a></li>
    <li><a href="/"><img src="Images/driveenquiries.gif" alt="DRIVE ENQUIRIES"></a></li>
    <li><a href="/"><img src="Images/hostyoursiteoffshore.gif" alt="HOST YOUR SITE OFFSHORE"></a></li>
    </ul>
    </div>
    CSS CODE
    HTML Code:
    #takecontrol
    {
    margin:0;
    padding:0;
    float:left;
    width: 321px;
    height: 58px;
    margin-top: 73px;
    }
    
    #takecontrol ul
    {
    margin:0;
    padding:0;
    }
    
    
    #takecontrol li
    {
    display:inline;
    padding-bottom: 5px;
    margin-bottom: 5px;
    }
    looks like this in IE and mozilla


    but looks like this in Opera



    Thanks Adam
    Last edited by AdamZman; Oct 8, 2004 at 02:22.
    ~Adam~

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,475
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Try this:
    Code:
    #takecontrol
    {
    margin:0;
    padding:0;
    float:left;
    width: 321px;
    height: 58px;
    margin-top: 73px;
    }
    #takecontrol ul
    {
    margin:0;
    padding:0;
    }
    
    #takecontrol li {padding-bottom: 5px;}
    * html #takecontrol li {display:inline;}
    
    You didn't put in your image sizes so I couldn't test properly, but I think it does what you want.

    Paul

  3. #3
    SitePoint Enthusiast AdamZman's Avatar
    Join Date
    Oct 2004
    Location
    jersey C.I.
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks dude
    ~Adam~


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
  •