Grafiken "beschreiben"

[Oliver]

Hallo.

Gibt es eine Möglichkeit auf Grafiken einen Text zu legen. Das soll ein ganz normaler Text sein, bei dem man auch Wörter verlinken kann.
Also im Hintergrund soll dann die grafik1.gif stehen und darauf soll geschrieben sein: "Hallo. <a href="test.html">Hier lang</a>" Wobei Hier lang natürlich verlinkt sein soll.

Vielen Dank Oliver

[Siechfred]

Hallo Oliver.

Gibt es eine Möglichkeit auf Grafiken einen Text zu legen. Das soll ein ganz normaler Text sein, bei dem man auch Wörter verlinken kann.

Grundsätzlich kann man mit CSS jedes Element mit einem Hintergrundbild versehen. Näheres dazu findest du hier: http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm.

Grüße
Siechfred

[WauWau]

Hi,

Gibt es eine Möglichkeit auf Grafiken einen Text zu legen. Das soll ein ganz normaler Text sein, bei dem man auch Wörter verlinken kann.
Also im Hintergrund soll dann die grafik1.gif stehen und darauf soll geschrieben sein: "Hallo. <a href="test.html">Hier lang</a>" Wobei Hier lang natürlich verlinkt sein soll.

Klar gibt es die "Möglichkeit". Das einfachste wäre, zu schauen, wie breit und hoch deine Grafik ist, dann die Grafik als Hintergrund von einem <div> mit diesen Maßen, und darein dann ohne Probleme deinen Text - darin kann dann alles sein - vom Link, Bild, Formular bis hin zum Iframe.

Beispiel:

<div id="text-im-bild">
Hallo - <a href="#">Hier lang!</a>
</div>

Und in den CSS kommt dann so etwas wie

#text-im-bild {
  width: BREITE-DEINES-BILDES; height: HOEHE-DEINES-BILDES;
  background: #FFF url(DEIN-BILD) top left no-repeat;
  padding: 3px; margin: 5px;... }
#text-im-bild a {
  color: #000; ... }
...
Hier bleiben dir dann alle formatierungsmöglichkeiten offen.

WauWau

PS: Falls du nicht weißt, was CSS ist (Cascading StyleSheet), empfehle ich dir das gleichlautende Kapitel in SelfHTML: http://www.selfhtml.teamone.de/css

[at]

Hallo.

<div id="text-im-bild">
Hallo - <a href="#">Hier lang!</a>
</div>

Oftmals sollte es genügen, <a> per CSS mit den entsprechenden grafischen Eigenschaften zu versehen. Das <div> ist hier nicht notwendig. Zur mehrfachen Nutzung der CSS-Eigenschaften empfehle ich weiterhin "class" statt "id".
MfG, at

[Andreas-Lindig]

Hallo Oliver,

außer der genannten Möglichkeit mit den Hintergründen kannst Du auch eine Image-Map legen: http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm

Gruß, Andreas