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?

  3. #3
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    style="display:none;"

  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.

  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 04: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

  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

  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.

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