Frage Schrift über Bild einblenden

[Brekoff]

Hallo zusammen, leider ist durch einen Fehler des Anbieters Tumblr ein Teil meiner Website verloren gegangen. Zuvor hatte ich ein Script das bei überfahren eines Bildes einen Text einblenden lässt.
Auf einem kleinen Vorschaubild wurde die Schrift "click to play" eingeblendet. Leider ging jedoch der HTML Teil des Scriptes verloren und ich weiß mit dem CSS leider nicht so recht anzufangen.

div#bild {
    position: relative;
    width: 220px;
    height: 124px;
    overflow: visible;
}

div#bild a {
    display: block;
}

div#bild a:hover {

}

div#bild a span {
    display: none;
}

div#bild a:hover span {
    display: block;
    text-decoration : none;
    font-family: arial;
    text-align: center;
    position: absolute;
    bottom: 62px;
    left: 50;
    width: 220px;
    height: 10px;
    padding: 0px;
    margin: 0px;
    z-index: 100;
    color: white;
    border: 0px double #c0c0c0;
    filter:alpha(opacity=80);
    -moz-opacity:.80;
    opacity:.80;
}

Würde mich freuen wenn mir jemand mit dem HTML dazu behilflich sein kann welches auf einem Bild die Schrift einblenden lässt.

beste Grüße,
Brekoff

 

[jakestyler]

Ich gehe mal davon aus, div#bild ist der Container außen, dann kommt wohl ein <span>-Tag, womöglich auch mit einem Link drinnen und in diesem Span-Tag steht z.B. Click to Play :)

 

[Brekoff]

Danke für deine Antwort! Bin leider absoluter Anfänger und habe es schon Stunden probiert. Leider konnte ich den richtigen Code bei dem mein Text auf einem Bild eingeblendet wird eigenständig nichtmehr hinbekommen. Wäre super eine kleine HTML Vorlage zu erhalten.
beste Grüße,
Brekoff

 

[jakestyler]

Bevor ich anfange was zu schreiben, guck doch mal ob deine Seite bei Google gelistet ist, wenn ja, hast du gute Chancen sie als 'Im Cache' abzurufen. Mit etwas Glück ist die Seite da noch so wie sie einmal war und du kannst den HTML Code einfach kopieren :)

 

[Brekoff]

Das habe ich leider auch schon getan. Einen Teil der Seite gab es dort, die fehlende Seite war leider erst seit kurzem online und von Google noch nicht archiviert. Habe bereits gut 7 Stunden dran gesessen um es wiederherzustellen. Der letzte fehlende Teil ist jedoch dieser Code.

 

[jakestyler]

Ok, Habs mir jetzt nicht weiter ausgesehen, aber könnte klappen:

<div id="bild">
<!-- Hier kommt wahrscheinlich das Bild rein, kann ich aus dem Code nicht nachvollziehen -->
<img src="bild123.png" alt="alternativtext">
<a href="link"><span>Click to play</span></a>
</div>

Bitte nicht steinigen

 

[Brekoff]

Funktioniert leider bei mir nicht, jedoch trotzdem danke für die Hilfe!

 

[jakestyler]

Wenn du einen Link zu der Seite hast, kann ich dir sicher besser helfen ;)

 

[webana]

Hallo,

habe gerade nach einem Teil deiner css gegooglt, und fand diese Seite: http://www.zella.de/code/text_ueber_bild.html schau mal bei bild 3 ob es das ist.

Gruß Alex