Rewriting <H#> tag (example: <H5>)

[LORDGreg]

i know this works, but please, help me,.. because i don't know what did i edit in CSS to do that:

if you wrote "<h5>text here</h5> blah.."

the BLAH word will be in next line and not the same,.. what must i add in CSS H5 style to change this, so when i write the text like above, the text will stay where is and won't jump into next line?


thanks for answer

[Paul S]

I think is

H5 {padding:0px}

Paul

[Wizardx8]

OK, well <H#> is a block level element, meaning itr is doing exactly what it is supposed to, and if you want it to display inline then you are not using the tag how it was designed, instead, try this:

CSS File:

span.larger  {
  font-family:verdana,arial, sans-serif;
  font-size:2em;
  color:#d00;
  background:transparent;
  }

And in your HTML:

The following is the <span class="larger">larger</span> text in action...

Span is an inline element, just means you have to manually assign the properties for the class in the CSS file... H# tags are used for actualy headings that are on their own line...

[iTec]

Wizard, the only problem with your solution is that in browsers that dont support css there is no more weight placed on the heading then the rest of the text.

you can display block level elements as inline elements using the display property.

h5 {
  font-family:verdana,arial, sans-serif;
  font-size:2em;
  color:#d00;
  background:transparent;
  display:inline;
  }

and now for the majic H test we do

I Lo<h5>ve iT</h5>ec

you will now get something like
I Love iTec

instead of
I Lo
ve iT
ec

[Wizardx8]

Whilst that is a sollution, the problem is that the text is not "really" a heading if it is inline, so you are using the tag where it is not intended... And so in a browser that does not support CSS, would you want that text to be weighted, as it will still drop to a new line with the H5 tag...

[iTec]

I can think of several reasons why structuraly you would want to use a H tag inline, example would be

<h1>Title of Article</h1> - date published

or something to that effect. You have structural markup in your document (a good thing) and still get the presentation you desire.

[Wizardx8]

OK, true, good point

[redux]

oh yes...excellent point itec...

[corrs_fan]

folks, can anyone help me i cannot get any of the above to work on my ie6 sp1. can anyone give me any clues as to what to check (i resorted to copy & pastes to rule out any problems, with basic typos)

i even resorted to starting out with a completley clean css file with only the one h1 statement & as basic an html file i can get from frontpage it & still didnt like the h1 selector/statement. the span worked, but dropped all colour formatting etc from it, as well as not being as elegant a solution as the inline selector.

I know it should be able to work, but for whatever reason its not working. Any pointers gratefully accepted. (ill accept get shot of IE if thats what it takes