|
|
| Welcome to the Mac Forums forums. Please read the FAQ if you have questions. Register to participate. |
|
|||||||
| TouchArcade.com - iPhone Game Reviews and News |
![]() |
|
|
Thread Tools | Search this Thread | Display Modes |
|
|
#1 |
|
macrumors 6502a
Join Date: May 2005
Location: London
|
CSS line spacing between h2 and p
I'll try and make this logical as I can manage. Is it possible in CSS code to make the spacing between an h2 and a p field to appear like it's only being separated by a <br>?
Hello, I'm an H2 Heading And I'm a P field. See how I have a gap?? - - - - I would like this to be the H2 heading And for this to be the p field. Am I making any sense? Obviously I can make the h2 lines p and manipulate them with the <span> command that but I'm trying to keep my code as simple as possible and trying to control appearance from one CSS file. I hope I'm making sense. I'm a little muddled in the head at the moment.
__________________
White Macbook 2.16GHz C2D, Superdrive, 2GB RAM, 160GB HD 5G 60GB Black Video iPod + 1GB Shuffle |
|
|
|
| cooknwitha |
| View Public Profile |
| Find More Posts by cooknwitha |
|
|
#2 |
|
Demi-God (Moderator)
Join Date: Mar 2004
Location: Bergen, Norway
|
In your css (or just in a style tag) set margin and padding to 0px for both h2 and p and they should get considerably closer...
__________________
Those who fail to learn history are doomed to repeat it;
those who fail to learn history correctly... why, they are simply doomed. |
|
|
|
| Mitthrawnuruodo |
| View Public Profile |
| Find More Posts by Mitthrawnuruodo |
|
|
#3 |
|
Thread Starter
macrumors 6502a
Join Date: May 2005
Location: London
|
You, Mitthrawnuruodo, are a champion!! I think I tried almost every combination with padding and margin except that! I wanted it to go
HEADING Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para HEADING Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para Para And I've now achieved that with: Code:
h2 {
padding:0px;
margin:0px;
}
p {
padding:0px;
margin-top:0px;
}
__________________
White Macbook 2.16GHz C2D, Superdrive, 2GB RAM, 160GB HD 5G 60GB Black Video iPod + 1GB Shuffle |
|
|
|
| cooknwitha |
| View Public Profile |
| Find More Posts by cooknwitha |
|
|
#4 |
|
Demi-God (Moderator)
Join Date: Mar 2004
Location: Bergen, Norway
|
No problem... just glad to help...
![]() I've never understood why the h-tags and p-tag has all that margin by default... that's just <mumble /> stupid...
__________________
Those who fail to learn history are doomed to repeat it;
those who fail to learn history correctly... why, they are simply doomed. |
|
|
|
| Mitthrawnuruodo |
| View Public Profile |
| Find More Posts by Mitthrawnuruodo |
|
|
#5 |
|
Thread Starter
macrumors 6502a
Join Date: May 2005
Location: London
|
I agree. I'm in the process of changing my old Flash-based website into HTML with CSS and I love the flexibility of it. But the gaps between the h tags were driving me insane. But now I've fixed that.
CSS is great though. I had no idea it was so flexible. Not a table to be seen. Not to mention relatively simple to understand.
__________________
White Macbook 2.16GHz C2D, Superdrive, 2GB RAM, 160GB HD 5G 60GB Black Video iPod + 1GB Shuffle |
|
|
|
| cooknwitha |
| View Public Profile |
| Find More Posts by cooknwitha |
![]() |
| Thread Tools | Search this Thread |
| Display Modes | |
|
|