Announcement

Collapse
No announcement yet.

ul lists in i.e. vs firefox

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    ul lists in i.e. vs firefox

    Some advice please - I use !!<<ul>>!! and !!<<li>>!! lists in my product descriptions starting each !!<<li>>!! on a new line (so that they are clear to view/edit)

    When viewed in firefox I get an unwanted line break between each item but not when viewed in i.e.

    If I don't start each !!<<li>>!! on a new line or leave the closing !!<</li>>!! tag out the line break doesn't appear in firefox and also works ok in i.e.

    Which is the best option or is there another way?

    Thanks in advance

    #2
    This may be Actinic putting in <br /> tags whenever you type the new-lines. Try surrounding the entire block of code in !!< and >!!, rather than putting it around each separate HTML tag.
    Norman - www.drillpine.biz
    Edinburgh, U K / Bitez, Turkey

    Comment


      #3
      Just one set of !!< >!! would probably sort things out but FF is a stricter browser so if it doesn't work there it's probably that FF is viewing your code with a firmer hand.
      No suprise that if you don't have closing </li> that FF doesn't like it and nor should it.

      Best option is to become less lazy with your code and use css more to effect the look of your site.

      p.s As a rule now I tend to test in FF to make sure I'm doing things correctly then make sure all is ok in ie as lets face it 90% of users will use it.
      Boxhedge New Media Design
      Design and development solutions for SME's.
      Tel: 0118 966 2786
      Examples of work can be found at http://www.boxhedge.com

      Comment


        #4
        Thanks for that Norman - worked fine

        Banger - Thanks for your comments - although I did mean that leaving off the </li> closing tag worked fine in FF

        I have managed to change the font colour for lists using css but sorting this line break with css is a bit beyond me (trying not to be lazy but at my age I need lots of sleep)

        Comment


          #5
          This might be useful:
          http://www.alistapart.com/articles/taminglists/

          in fact all articles are useful in the CSS section

          p.s I'm not suggesting your lazy more that ie makes us lazy becuase it let so many things fly.

          happy coding,
          regards
          Bangers
          Boxhedge New Media Design
          Design and development solutions for SME's.
          Tel: 0118 966 2786
          Examples of work can be found at http://www.boxhedge.com

          Comment


            #6
            I tend to always do lists as follows:

            Code:
            !!<<ul>
            <li />List Item 1
            <li />List Item 2
            <li />List Item 3 etc
            </ul>>!!
            Works in both FF and IE, and doesn't result in linebreaks between list items.
            Cheers!
            Marci - <a href="http://www.Over-Clock.co.uk" target="_blank">www.Over-Clock.co.uk</a>

            Comment

            Working...
            X