Skipperkirk
05-28-2005, 08:06 AM
ok, look at this picture:http://tinypic.com/5eipvq
i highlighted the text befor so you could see the space...
in my css i have this:
h1 { font-family: Verdana;
color: #3f3616;
padding-bottom: 5px;} but the padding only works for the text part... how can i get rid totaly of the other space?
thanks!
Skipperkirk
In HTML 4.01, h1, h2... etc all have a small line break under. But this should work:
1) You need a graphics program which allows you to make transparent GIFS. Some versions of MS paint allow this, but i'm not sure which ones.
2) Create a 1 x 1 pixel image, set the 1 pixel as white.
3) Save the image, save it as 'pixel.gif', making white the transparent color.
4) In your HTML, just in your code:
<H1>Your Text...<br><img src="pixel.gif" width="1" height="1"></H1>
hopefully this works, as i'm not totally sure. For another alternative, just use <font-size="6">....your text....</font>
Size 6 is H1 size.
try adding the margin-bottom to your css...
h1 { font-family: Verdana;
color: #3f3616;
padding-bottom: 0px;
margin-bottom: 0px;}
if that does not do it, please link to the page itself as something else may be creating the space.
1) You need a graphics program which allows you to make transparent GIFS. Some versions of MS paint allow this, but i'm not sure which ones.
2) Create a 1 x 1 pixel image, set the 1 pixel as white.
3) Save the image, save it as 'pixel.gif', making white the transparent color.
4) In your HTML, just in your code:
<H1>Your Text...<br><img src="pixel.gif" width="1" height="1"></H1>
without testing it, i would guess it does not work. the space is usually caused when the ending H1 tag is passed.
<font-size="6">....your text....</font>
that would actually be no dash in there ^^ and using css would be a much better alternative than the font tag. good thought behind the idea though.