h1 > Hintergrundbild > mittig samt text ...

[css_73]

Hallo .. ich möchte gerne folgendes erreichen:

Code: Alles auswählen

...
h1
{
color:#fff;
font-size:2.6em;
font-weight:bold;
background-image: url(../img_blocks/h5_hintergrund.gif);
background-repeat:no-repeat;
height:123px;
width:119px;
}
...


.. mein Problem ist es jetzt das, wenn ich ein Titel eingebe,
das der mittig über dem Bild steht.

momentan wusche ich mich so durch ... ich füge
einfach das hinzu:

Code: Alles auswählen

..
padding-top: 43px;
..


Mozilla stellt es albwegs, so da wie ich es möchte, selbst der IE6 aber IE7 gar nicht.

kann mir jemand vielleicht helfen?

würde mich freuen

gruß

css_73

[Azra]

Wo soll der Text hin?
Wenn du ihn nach ganz unten haben willst könntest du es mit line-height: 110px; versuchen.

[css_73]

hi ...

nein, ich möchte das der "Text" mit auf dem Bild steht ...

so...



... also da kommen Preise rein.

[css_73]

... ps: der "Text" bzw. "Preis" soll mittig über der "Sprachblase" stehen ... so ist es korrekt

[sejuma]

Definiere mal für h1
margin: 0;

und weise h1 dann noch einen individuellen padding-top-Wert zu.

[css_73]

hi .. ok ... heute abend versuche ich das mal und berichte dann ... danke schon mal

[css_73]

... es will einfach nicht gelingen .. der blöde ie 6 stellt es richtig da, mozilla sowieso
.. jetzt streikt aber der IE7 ... wo ist mein fehler



Uploaded with ImageShack.us

[perueckenfh]

good morning to everybody, i hope you had a good sleep and from my opinion, this is going to be a great day.

so i hope you woke up with a smile and share my good mood