www.webdeveloper.com
Results 1 to 11 of 11

Thread: help with <hr> properties

  1. #1
    Join Date
    Oct 2004
    Location
    Ohio
    Posts
    66

    help with <hr> properties

    Hi,

    How do I make and <hr> appear as though it is not there? I've made these properties 0px,

    line-height: 0px;
    padding: 0px;
    margin: 0px;
    width: 0px;


    ,but the <hr> is still affecting the layout. I want to keep the <hr> element in the code for potential future use.

    Any thoughts?

  2. #2
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    height?
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  3. #3
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    style="display:none;"
    At least 98% of internet users' DNA is identical to that of chimpanzees

  4. #4
    Join Date
    Oct 2004
    Location
    Ohio
    Posts
    66
    I feel pretty stupid now. All I needed was:
    display: none; .

    That is all I needed, right?

  5. #5
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Probably.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  6. #6
    Join Date
    Oct 2004
    Location
    Ohio
    Posts
    66
    Thanks, Fang

    One more question, how can I eliminate the dead space to the left of a list item when the list-style-type is none?

  7. #7
    Join Date
    Dec 2004
    Location
    Neca Valley, Pennsyltucky
    Posts
    388
    Originally posted by cobalt
    Thanks, Fang

    One more question, how can I eliminate the dead space to the left of a list item when the list-style-type is none?
    li {
    margin-left: -22px; /* adjust to your liking I imagine em would work more reliably than px */
    }
    Last edited by Triumph; 02-16-2005 at 03:57 PM.

  8. #8
    Join Date
    Oct 2004
    Location
    Ohio
    Posts
    66
    Thanks! I'll give it a shot.

  9. #9
    Join Date
    Nov 2003
    Location
    Canada
    Posts
    1,592
    I would just like to comment on the original question...

    Using display: none; will completely rid the page of the object. If you still want all the side-effects of the object to exist (for example, if you're using it as a clearing element) you can use visibility: hidden
    Windows XP SP2 - theme: Thallos
    AMD Athlon 64 X2 4600+ | ASUS M2N32-SLI Deluxe | 2 * 1024 PC2-6400 Mushkin DDR2-800 | eVGA GeForce 6800XT 256MB | Creative Sound Blaster X-FI Music
    5 * 320GB Seagate Barracuda SATA-II 3Gb/s in RAID 5 | Lite-On 16x DVD-RW | Mitsumi 7-in-1 Floppy drive and card reader
    Samsung SyncMaster 204B 20" TFT LCD | Logitech G15 Keyboard | Logitech G7 Mouse | Seasonic PC160SK Headset

  10. #10
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    li {margin-left: -22px;}
    ul {list-style:none;margin:0;padding:0;} //Moz. uses padding, IE &amp; Opera use margin
    At least 98% of internet users' DNA is identical to that of chimpanzees

  11. #11
    Join Date
    Nov 2003
    Location
    Canada
    Posts
    1,592
    I actually like to put the following at the top of my CSS file...
    Code:
    * { margin: 0; padding: 0; }
    That'll remove ALL default margin/padding on ALL elements. I prefer to do that so different browsers' defaults won't screw up my pages.
    Windows XP SP2 - theme: Thallos
    AMD Athlon 64 X2 4600+ | ASUS M2N32-SLI Deluxe | 2 * 1024 PC2-6400 Mushkin DDR2-800 | eVGA GeForce 6800XT 256MB | Creative Sound Blaster X-FI Music
    5 * 320GB Seagate Barracuda SATA-II 3Gb/s in RAID 5 | Lite-On 16x DVD-RW | Mitsumi 7-in-1 Floppy drive and card reader
    Samsung SyncMaster 204B 20" TFT LCD | Logitech G15 Keyboard | Logitech G7 Mouse | Seasonic PC160SK Headset

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles