[CSS] H1 Tag vergewaltigen...

[mike]

kann man eigentlich sowas : http://www.dynamicdesign.at/tp/test.htm
auch ohne tabellen realisieren?
Idealerweise wär ein style rein für den h1 tag.
Ich hab schon ein paar ansätze probiert, wie ein span im h1 bzw. ein div, jedoch schaffe ich da nie die 100% breite des balkens.

Hat da wer eine Idee?

p.s. der Text soll text bleiben.

[mixabit]

hmm versuche mir mal was on the fly aus den fingern zu saugen:

Stylesheet:

.blue {
width: 500px;
color: blue;
}

h1 {
width: 200px;
color: white;
}

<span class="blue">
 <h1>
  Ueberschrift
 </h1>
</span>

Ungetestet --> Haftungsausschluss

[seb]

jedoch schaffe ich da nie die 100% breite des balkens.

So gehts doch?:

h1
{
	background-color:#00f;
}

h1 span
{
	background-color:#fff;
	padding:4px;
}

<h1><span>Text 23123</span></h1>

[mike]

bussi @seb

ich hab den span immer nach dem h1 positioniert + irgendwo eine lineheight größer 100% drin gehabt.

Aber so haut es hin. Danke.