Problem with "List Item" in Firefox

Discussion in 'HTML & Website Design' started by Jikdor, Aug 4, 2007.

  1. #1
    It looks good in Internet Explorer but not in firefox. Im not ver good at html coding, just did it in Dreamweaver. The dots are outsite the table in FF, why is that? :confused:

    [​IMG]
     
    Jikdor, Aug 4, 2007 IP
  2. RoyalSeo

    RoyalSeo Peon

    Messages:
    560
    Likes Received:
    88
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Didn't get what you are saying.
    I am good at HTML.

    Say it more specifically, may be I can do something.
     
    RoyalSeo, Aug 4, 2007 IP
  3. Jikdor

    Jikdor Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Did you se the image? The list code looks somthing like this, inse the table.

    
    <li>101<br />
    </li>
    <li>102<br />
    </li>
    <li>103<br />
    </li>
    <li>104<br />
    </li>
    <li>105<br />
    </li>
    
    HTML:
     
    Jikdor, Aug 5, 2007 IP
  4. Jikdor

    Jikdor Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Dose anyone know why it dose this?
     
    Jikdor, Aug 5, 2007 IP
  5. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #5
    What's the <br> doing in there? A list by default will do a new line.
    FF is seems to be adding a pixel or two to the left margin-- not with the text but with whatever you're using to make the coloured table part. Did you set margins and padding to 0 at the beginning of your css sheet?
     
    Stomme poes, Aug 6, 2007 IP
  6. Jikdor

    Jikdor Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Removed the br tags and set the margins and padding to 0 (I have no idea what thay are for). Nothing changed.
     
    Jikdor, Aug 6, 2007 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I don't know what those boxes are, so I dunno that it's the margins and padding.

    But the reason people set them to 0 in the beginning of their CSS sheets is because some browsers have different defaults. Since you made them 0, you know the problem isn't caused by one browser using some funky default. But you could try playing with adding a left padding to the text, or the left margin with the table thingies, and see how they move around on the page (on each browser).

    What are those tables, are they images, or do you have a div or a table with some border set...? I'm still learning this but the text should stay in the div box (or table cell if that's what it is).

    Oh wait, is the www.dreamuploader.com the site? On the main page, using Firefox 1.5, the bullets appear to stay within the box.

    Okay, the box IS a table. It looks like the list is in a <td>, and you've set things like cellpadding and cellspacing etc, so those are the numbers you would play with to move the text around. The table's padding etc override the margin: 0; padding: 0; that you set at the beginning (which is good, it just means that when you're setting margins and padding on stuff, you're starting at the same place for all browsers).

    Again, looks fine in my FF: here
     
    Stomme poes, Aug 6, 2007 IP
  8. Jikdor

    Jikdor Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Im not working on dreamuploader right now, had the same promelem with dreamuplaoder before (it still looks like shit in FF trought), dunno how i fixed that.
     
    Jikdor, Aug 6, 2007 IP
  9. Jikdor

    Jikdor Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Ill think ill just remove li tags...
     
    Jikdor, Aug 6, 2007 IP
  10. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #10
    simply removing them may make the list inline-- then you would need <br>s to make them stack on top of each other.
     
    Stomme poes, Aug 7, 2007 IP