bild hinter der schrift ?

[swat]

tag,
hab gestern angefangen html zu lernen und nu bastel ich mir grad eine sinnlose test-hp zusammen.
mein problem ist recht einfach zu erklären, ich will eine jpg integrieren und auf ihr ganz normal weiterschreiben.
pseudo solllte das so sein
-bild reinholen
-wieder nach oben links ins bild
-weiter gehts

tjo, wie kann ich das realisieren?
danke,swat
geht übrigens um html =)

 

[XraYSoLo]

geht übrigens um html =)

warum schreibt das jeder hin?? :shock:

Nils aka XraYSoLo

 

[swat]

warum nicht...
dann denk es dir weg ;)
aber sonderlich geholfen hat mir deine antwort jetzt nicht grad, weiß hier wirklich keine bescheid? muss doch möglich sein sowas

 

[matibaski]

Könntest du das evtl. genauer erklären?
Denn so wie ich das verstanden habe, willst du dass es sich nach oben links bewegt.

Wie wäre es mit einem Ansatz? Quelltext, Bild, etc..

MfG, matibaski

 

[swat]

also stell dir eine lehre seite vor wo nur ein bild integriert worden ist...
und ich will, dass mein text nicht neben/drüber/drunter dem bild, sonder auf dem bild ist. wie mach ich das?
ich denke mal das kann man sich vorstellen wie das aussehen soll...

 

[Alti]

<div style="background-image: url('');">DEIN Text</div>

oO

 

[matibaski]

So:

<table style="background:url(bilder/bild.jpg) no repeat; width:??px; height:??px; border:0px;">
 <tr>
  <td>Hier steht der Text, der über dem Bild sein soll.</td>
 </tr>
</table>

Da kannst du width ud height in die Grösse deines Bildes setzen und einfach url() ändern, der zum Bild führt.

Das kann man auch mit Containern machen: (Sieht übersichtlicher aus)

<div style="background:url(bilder/bild.jpg) no-repeat; width:??px; height:??px; border:0px;">
 Hier der Text, der über dem Bild sein soll.
</div>

Erklärung:
no-repeat heisst, dass es das Bild nicht wiederholen soll. Nicht notwendig, aber ist eine Stufe sicherer, falls ein Browser etwas falsch Interpretiert.
width und height einfach anpassen. Den Rahmen kannst du hinzusetzen wenn du willst.

MfG, matibaski

 

[XraYSoLo]

weil es nichts anderes als HTML für webseiten gibt.

normale einbindung:

<img src="file.ext" border="0">

als hintergrund:

style="background-image:url(image.ext)"

Nils aka XraYSoLo

 

[matibaski]

weil es nichts anderes als HTML für webseiten gibt.

normale einbindung:

<img src="file.ext" border="0">

als hintergrund:

style="background-image:url(image.ext)"

Nils aka XraYSoLo

Oder:

background="bilder/bild.jpg"

MfG, matibaski

 

[swat]

gute sache, danke!