#1
  1. fork while true;
    Devshed God 1st Plane (5500 - 5999 posts)

    Join Date
    May 2005
    Location
    England, UK
    Posts
    5,528
    Rep Power
    1056

    Simple q: block element without line break


    try to make a UL into a horizontal nav.

    i want the a's inside the li's to be display:block, so i need a block element around the outside, but that means they wrap to new lines.

    What is block without new lines?

    thanks.
  2. #2
  3. Cunning Linguist
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2003
    Location
    I used to live at home, now I stay at the house
    Posts
    10,166
    Rep Power
    2043
    Float them? Why do you need the <a>'s to be block level?
    Support requests via PM will be ignored!
    Read These: The General Rules Thread | The General FAQ Thread | NEW USERS - How to post a question

  4. #3
  5. fork while true;
    Devshed God 1st Plane (5500 - 5999 posts)

    Join Date
    May 2005
    Location
    England, UK
    Posts
    5,528
    Rep Power
    1056
    Originally Posted by ChiefWigs1982
    Float them? Why do you need the <a>'s to be block level?
    so that when you hover over anywhere in the box, they glow nicely with another pretty colour
  6. #4
  7. Cunning Linguist
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2003
    Location
    I used to live at home, now I stay at the house
    Posts
    10,166
    Rep Power
    2043
    You don't really need blocks for that, you could just assign padding
    values to the inline <a>'s
    Support requests via PM will be ignored!
    Read These: The General Rules Thread | The General FAQ Thread | NEW USERS - How to post a question

  8. #5
  9. fork while true;
    Devshed God 1st Plane (5500 - 5999 posts)

    Join Date
    May 2005
    Location
    England, UK
    Posts
    5,528
    Rep Power
    1056
    hmm...

    Good idea chief.
    Ty for the help.
    will rep when love has been spread
  10. #6
  11. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,134
    Rep Power
    4310
    Remember that non-floated, non-absolutely positioned block-level elements have a default width of 100%.

    I tend to float my <li>s and <a> for horizontal navigational lists.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  12. #7
  13. fork while true;
    Devshed God 1st Plane (5500 - 5999 posts)

    Join Date
    May 2005
    Location
    England, UK
    Posts
    5,528
    Rep Power
    1056
    Originally Posted by Kravvitz
    Remember that non-floated, non-absolutely positioned block-level elements have a default width of 100%.

    I tend to float my <li>s and <a> for horizontal navigational lists.
    ty!

    is there any way to hide the bullets?

    thanks
  14. #8
  15. |<.+#f@#+.&.|
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    2,999
    Rep Power
    1228
    You can use

    list-style:none;

    for more info: http://www.w3.org/TR/CSS21/generate.html#lists

    Comments on this post

    • LinuxPenguin agrees : have some reppy :)
  16. #9
  17. fork while true;
    Devshed God 1st Plane (5500 - 5999 posts)

    Join Date
    May 2005
    Location
    England, UK
    Posts
    5,528
    Rep Power
    1056
    thanks.

IMN logo majestic logo threadwatch logo seochat tools logo