h1, css, and a line skip

[geiger]

hey i'm trying to get my site a bit more search-engine friendly by putting in some headings. unfortunately, even with css i am unable to make my headings look slightly normal. on http://www.4netdesign.com the text with the purple bg will be headings. thing is, the heading automatically makes the line under the text skip to make room for the information. with my template, though, i don't want the skip! how do i fix it?

[htmlite]

Headers and CSS don't mix well.

What I did for my site was to define a class (font weight, size, etc.) then applying that to the TD holding the text. Might be a solution for you as well.

[geiger]

no, doesn't work ;(
i needed to use the heading tag but no css i can find will keep it looking normal

[Sarah]

am I right in saying that the "web templates" is the one you have used H1 on? and you want to get rid of the extra purple line below it?

Have you set the margins in H1 in css? ie margin:0px and also padding-top:0px padding-bottom:0px

plus is the text below it contained within a <P> make sure that you have margin-top:0px; on that one also

This can work as I have achieved it, but also remember that it case sensitive in NS so if you use XML approach keep your H1 in your css file lower case...

if that you have done this post the pertinant part of the css and I will compare to mine (when i find it )

Sarah

[geiger]

thanks. i was looking forthe attributewhich creates teh line skip, but i didnt even think of padding. ill try it, now.

[boredboi]

have u noticed that it only creates the line skip in "home" and not in "design"?

my guess is that it has something to do with the centre column. could be that it its too "tall"..

[Sarah]

well now I am confused I thought that the headings were the words web templates and graphics - not the home, about stuff? Buti do the thin line under home... I presume thats not supposed to be there?

okay just looked at the text and you have this

<h1><font color="#FFFFFF"><b>Web Templates</b></font></h1>

try doing this in css

h1 {font-family etc including font-weight:bold; and color:#FFFFFF}

and then just having <h1></h1> in the main text

you could try taking out the <div align=center> and use text-align:center; in the style for h1

see how they work

[boredboi]

yes the headings are "web templates" and "graphics"..

what i meant was that in the home-page, the "web templates" headings has a line skip, but not in the design-page.

and the line is probably supposed to be there, as a marker..

[Sarah]

gotcha...!

I think that he has only applied it to that one heading anyway... the rest are FONT tags

[geiger]

only the 'web templates' heading on the index page has been changed. everything else is a bit of css and html combined, for better netscape4 support.

once i fix all of the heading stuff and complete the site, i will go in and clean up some messy dreamweaver code that shouldn't me there (ie centering)

[geiger]

it was the margin, after all. i will redo everything soon. thanks!

[Sarah]

looking good

well done

Sarah