Old 04-08-2004, 16:35   #1 (permalink)
strawbleu
Senior Member
 
strawbleu's Avatar
 
Join Date: May 2004
Location: Leeds, UK
Posts: 276
Send a message via MSN to strawbleu
Space above and below <hr>

How do you change it? I'm trying SO hard and googling and everything, but it's eluding me - I don't honestly believe the only way to love the line break above and below is to 'cheat' and put it in the <p> </p> tags...

Anyone shed any light?
__________________
Jon Eland :: StrawBleu
Web evangelist, photographic imagemaker and all-round good egg.
  Reply With Quote
Old 04-08-2004, 16:38   #2 (permalink)
Alex
div
 
Alex's Avatar
 
Join Date: Feb 2004
Location: Leeds
Posts: 647
Send a message via MSN to Alex
hr
{
margin: 1000000px 0;
}

?
__________________
  Reply With Quote
Old 05-08-2004, 02:33   #3 (permalink)
smallbeer
I Ain't Losing Any Sleep™
 
Join Date: Apr 2003
Posts: 5,235
I had trouble with this the other day only I was trying to hide the hr without it still taking up space, if that makes sense.

No matter what I did I couldn't get rid of the margin above it and had to wrap it in a block level element.

Something along the lines of (and I can't believe it came to this):

Code:
hr { display: none; } div { border-bottom: 1px solid #333; } <div><hr /></div>

Only to be used when you desperately need to have a hr in the unstyled version + the design won't accomodate the space above the hr in IE.
__________________
That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8