1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

The problem with 'br' tag in a list in IE 6

Discussion in 'HTML & Website Design' started by tayiper, Sep 28, 2007.

  1. #1
    Hello all. This time I am curious: does anyone know why Internet Explorer let's say "ignores" the <br /> tag in an unordered list (it's basically a menu with links to all the website's pages) on my main general personal Tadej Persic's website ??!


    Here below's the code in question:

    <ul id="navmenu"><li><strong><span class="tenpx">index</span></strong></li><li><a href="my-websites.html" title="my websites">my websites</a></li><li><a href="my-blogs.html" title="my blogs">my blogs</a></li><br /><li><a href="my-articles.html" title="my articles">my articles</a></li><li><a href="my-principles.html" title="my principles">my principles</a></li><li><a href="my-computing.html" title="my computing">my computing</a></li><li><a href="my-projects.html" title="my projects">my projects</a></li><br /><li><a href="about-me.html" title="about me">about me</a></li><li><a href="about-site.html" title="about site">about site</a></li><li><a href="the-news.html" title="the news">the news</a></li><br /><li><a href="sitemap.html" title="sitemap">sitemap</a></li></ul>
    Code (markup):

    The screenshot of the list in FF 2:

    [​IMG]


    The screenshot of the list in IE 6:

    [​IMG]


    P.S. - Oh and could anyone please test it (look at it ) in IE broser version 7 since I don't have it installed on my computer??!


    thanks in advance, tayiper
     
    tayiper, Sep 28, 2007 IP
    nabil_kadimi likes this.
  2. longhornfreak

    longhornfreak Well-Known Member

    Messages:
    2,067
    Likes Received:
    95
    Best Answers:
    0
    Trophy Points:
    140
    #2
    I've never used breaks in my lists, you could do any of the following

    1) set up separate lists and put a break in between the diffrent lists
    2) try using the paragraph <p></p>

    Your site is suspended for me so I can't view it

    Go here to get IE.
     
    longhornfreak, Sep 28, 2007 IP
    tayiper likes this.
  3. tayiper

    tayiper Active Member

    Messages:
    421
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    78
    #3
    tayiper, Sep 28, 2007 IP
  4. krt

    krt Well-Known Member

    Messages:
    829
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    120
    #4
    One thing IE does better than FF, no browser should be rendering those line breaks.

    I achieve this with a "separator" list item, e.g.

    <li>Link</li>
    <li>Link</li>
    <li class="separator"> </li>
    <li>Link</li>
    <li>Link</li>

    With the following CSS (so it doesn't show a bullet):

    li.separator { list-style: none; }
     
    krt, Sep 28, 2007 IP
    tayiper likes this.
  5. nabil_kadimi

    nabil_kadimi Well-Known Member

    Messages:
    1,065
    Likes Received:
    69
    Best Answers:
    0
    Trophy Points:
    195
    #5
    have you tried adding the <br /> before the closing </li> tag

    here is how I get the same output

    <ul id="navmenu">
      <li><strong><span class="tenpx">index</span></strong></li>
      <li><a href="my-websites.html" title="my websites">my websites</a></li>
      <li><a href="my-blogs.html" title="my blogs">my blogs</a><br /><br /></li>
      <li><a href="my-articles.html" title="my articles">my articles</a></li>
      <li><a href="my-principles.html" title="my principles">my principles</a></li>
      <li><a href="my-computing.html" title="my computing">my computing</a></li>
      <li><a href="my-projects.html" title="my projects">my projects</a><br /><br /></li>
      <li><a href="about-me.html" title="about me">about me</a></li>
      <li><a href="about-site.html" title="about site">about site</a></li>
      <li><a href="the-news.html" title="the news">the news</a><br /><br /></li>
      <li><a href="sitemap.html" title="sitemap">sitemap</a></li>
    </ul>
    
    HTML:
     
    nabil_kadimi, Sep 28, 2007 IP
    tayiper likes this.
  6. Colbyt

    Colbyt Notable Member

    Messages:
    3,224
    Likes Received:
    185
    Best Answers:
    0
    Trophy Points:
    210
    #6
    It looks the same in IE7 as it does in 6.
     
    Colbyt, Sep 29, 2007 IP
  7. tayiper

    tayiper Active Member

    Messages:
    421
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    78
    #7
    Hey, thanks much to all for your educative replies!!


    tayiper
     
    tayiper, Sep 29, 2007 IP
  8. tayiper

    tayiper Active Member

    Messages:
    421
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    78
    #8
    Oh and yes, that indeed worked, thanks much once again ...


    tayiper
     
    tayiper, Sep 29, 2007 IP
  9. Zippo

    Zippo Peon

    Messages:
    311
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #9
    :) sorry, cant help myself !
     
    Zippo, Sep 29, 2007 IP