View Full Version : working with <H3>


toptemp
08-14-2005, 04:22 PM
Hey, I was wondering if there is a way to make any header tag (in my case, it's H3) so that the text appears as normal? Essentially, make it so that nothing changes with the text. eg- 'Hello <H3>everybody</H3>' would appear just the same as 'Hello everybody.'

I've tried multiple things using CSS, but can't seem to make it work.

Paz
08-14-2005, 10:47 PM
Hi,

that's a misuse of the h3 tag in my opinion. It's a header tag and shouldn't really be used to decorate body text.

I think a better structure would be:
<h1>Main page keyword Title
<p>text
<h2>Page sub-title(s)
<p> text
<h3>paragraph titles...
<p> text

However, if you really want to do that you can do it very easily with CSS eg something like (put these somewhere in your <head> tags:

<style>
<!--
h1 {color:black;background-color:white;padding:0px;margin:0px;font-size:15px;text-align:center;font-family:verdana;font-weight:600;text-decoration:none;}
h2 {color:black;background-color:white;padding:0px;margin:0px;font-size:14px;text-align:center;font-family:verdana;font-weight:600;text-decoration:none;}
h3 {color:black;background-color:white;padding:0px;margin:0px;font-size:12px;text-align:center;font-family:verdana;font-weight:400;text-decoration:none;}
p {color:black;background-color:white;padding:0px;margin:0px;font-size:12px;text-align:center;font-family:verdana;font-weight:400;text-decoration:none;}
//-->
</style>

You should offer font alternatives, but I never do, and you can make the code more efficient by h1 h2 h3 {..} etc. but the above layout is easier to read and edit. After you've played a little with the above settings and you are happy, you can experiment with other tags and put the css in an external file.

Cheers,
Paz.

Sam
02-03-2006, 02:08 AM
Also, if you want the H3 to appear without a line break before it, set the CSS for the H3 to display:inline;

Although Paz is right, it's not a correct use of an H3 tag.

Sam