Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Mit HTML Text auf ein Bild schreiben





Frage

Hallo, gibt es eine möglichkeit Text per HTML auf ein Bild zu schreiben? Ich habe hier 2 Bilder mit denen ich ein Mouseover bauen will, allerdings soll auf den Bildern ein Text sein. Das prob ist ich könnte zwar den Text gleich auf die Buttons schreiben, aber wegen Traffic und der einfachkeit wäre mir das lieber! Also weiß jemand wie das geht oder kennt jemand den Code dafür?

Antwort 1 von Feuervogel

du nimmst sie als hintergrund einer tabellenzelle/div und schreibst darein deinen text.

Antwort 2 von Skhoney

die frage ist nur wie ich den rollover hinbekomme?!

das versuche ich jetzt schon ewig und es gelingt leider nicht!

Antwort 3 von Feuervogel

tja.

entweder da gibts ne javascript-lösung (bei rollover hintergrund austauschen) oder du musst dir halt die mühe machen!

Antwort 4 von rfb

für den Zweck javaScript? Überflüssig! CSS kann das besser durch Nutzung von :hover und Angaben zum background-image!
Im Stylesheet:

a.rollover:link{ 
 display:block;
 width:wie Bild;
 height: dito;
 background:url(Pfad zum Bild 1) no-repeat ...;
 ... weitere Angaben zu Schrift, Farbe usw.
}
a.rollover:visited { ... }
a.rollover:hover {
  background:url(Pfad zum Bild 2) no-repeat ...;
 ...
}
a.rollover:active { ... }
a.rollover:focus a { ... }

Im Html
 ... <a href="..." class="rollover">Text VORM Bild</a> ...


Antwort 5 von Skhoney

@rfb

an die CSS version hatte ich mich auch gemacht. deine hab ich jetzt ausprobiert und die gif Bilddatei wird einfach nicht angezeigt

woran könnte es liegen?

Antwort 6 von rfb

setz mal deinen Code (CSS und HTML-Ausschnitt) hier rein)

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: