Thema: Bild im Beitrags Titel mit Text darüber

Hi Leute,

ich möchte ein Bild statt den Titel Text im Beitrag angezeigt haben. Über dem Bild soll dann noch ein Text stehen.

Habe es mit den unten stehenden Code schon versucht, jedoch wird da das Bild ganz oben auf der Seite angezeigt und nicht im Beitrag. Im Titel Bereich bekomm ich das Bild auch nicht rein, da man ja da nur Text schreiben kann.


<div style="position: absolute; left: 0; top: 0; z-index: 10"><img src="bild.jpg"></div>

<div style="position: absolute; left: 20; top: 130; z-index: 15">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>text text</td>
</tr>
</table>
</div>


Gruß,
toyclown

hmm, keiner ne Lösung??

kann mir wenigstens jemand verraten, was ich beim code ändern muss, damit das Bild im Beitrag erscheint, statt ganz oben im Template??

Gruß,
toyclown

Zitat von SirDrake

hi,
mit position:absolut richtest du dein div nach dem browser fenster aus
so würde es gehen

Code:

<div style="background:url(pfad-zum-bild/bild.jpg; width: 100px; height: 100px;">dein Text hier eingeben</div>

größe musst du narürlich anpassen
und guckst du hier
www.css4you.de

nicht ganz! mit absoluter Positionierung richtest du das Element am Browser-Fenster aus, ES SEI DENN es wird von einem Element mit relativer Positionierung umschlossen!

Sprich mit einem "position:relative;" auf den content-div kannst du dann im content mit <div style="position:absolute"></div> arbeiten!

Und noch dazu ist zu sagen, nimm beim einstellen der Größe nicht "height" sondern "line-height", somit steht der Text im <div> immer vertikal zentriert!

mehrzeilige überschriften sind sowieso fürn popo