Html - Text über Bild schreiben
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
background
beitrag
bild
container
durchlauf
einfaches bild
eleganteste methode
fllen
hintergrund
image
konforme variante
mglichkeit
tabelle
ziemlicher anfnger
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Verschoben nach HTML & Javascript.
-
du kannst 2 sachen machen, eigentlich aber auch 3 ;)
1. Möglichkeit:
mach eine Tabelle, und gib ihr den hintergrund deines Bildes.
nun kannst du einen text dorthinein schreiben
2. Möglichkeit:
erstelle einen div, gib dem dein bild als higru
und schreib dort dein text hinein ;)
oder als 3. Möglichkeit:
erstelle einfach dein bild, und setzte einen div mit deinem text drüber
ich würde jedoch die 2 möglichkeit bevorzugen, da diese per CSS am besten bearbeitet werden kann ;) -
4. Möglichkeit ... du pakst das Bild <img /> in einen <div></div> Container
Setzt dessen z index z.B. auf 10 und Positionierst es wie du willst.
Nimmst dann einen anderen <div></div> container ... gibst dem einen höheren Z-index und positionierst ihn wie du willst.
Das ist die Eleganteste Methode, allerdings musst du dafür mit CSS gut umgehen können. -
das ganze mit dem z-index funktioniert aber leider nicht überall ;)
um ehrlich zu sein, hab ichs noch nie damit so geschafft wie ich es haben wollte ^^
muss mich damit wohl noch ma auseinandersetzen ;) aber bisher hab ich auch alles ohne z-index geschafft ;) -
@nilswerner
nichts für ungut, ich hab nicht umsonst gesagt man muss für die Technik CSS beherrschen. Es ist nicht ganz Trivial, aber die Profesionellste und W3C Konforme Variante
-
Die Idee mit dem Z-Index ist für ein einfaches Bild viel zu umständlich. Ein background-image ist in fast allen Fällen immer die erste und beste Wahl.
Beitrag geändert: 29.6.2007 17:32:16 von evil-devil -
Am besten ist es doch immer mit Bildbearbeitungsprogrammen ;)
-
keiax schrieb:
4. Möglichkeit ... du pakst das Bild <img /> in einen <div></div> Container
Setzt dessen z index z.B. auf 10 und Positionierst es wie du willst.
Nimmst dann einen anderen <div></div> container ... gibst dem einen höheren Z-index und positionierst ihn wie du willst.
Das ist die Eleganteste Methode, allerdings musst du dafür mit CSS gut umgehen können.
also ich bin noch ein ziemlicher anfänger mit html usw. Ich hab mal das mit der Tabelle ausprobiert aber irgendwie wird das Bild dann seltsam unterteilt
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage