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?height?style="display:none;"I feel pretty stupid now. All I needed was:
display: none; .
That is all I needed, right?Probably.
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?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 */
}Thanks! I'll give it a shot.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: hiddenli {margin-left: -22px;}
ul {list-style:none;margin:0;padding:0;} //Moz. uses padding, IE & Opera use marginI actually like to put the following at the top of my CSS file...* { 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.
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?height?style="display:none;"I feel pretty stupid now. All I needed was:
display: none; .
That is all I needed, right?Probably.
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?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 */
}Thanks! I'll give it a shot.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: hiddenli {margin-left: -22px;}
ul {list-style:none;margin:0;padding:0;} //Moz. uses padding, IE & Opera use marginI actually like to put the following at the top of my CSS file...* { 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.