Textbox einblenden bei Grafik

[zkiss]

Hallo Profis,

wie schaffe ich es, dass eine formatierte Textbox eingeblendet wird, wenn ich eine Grafik mit der Maus überfahre?

so gesehen bei www lastminute-blitz de (dort das i für Information)

Vielen Dank für Tipps
zkiss

[C1B1]

Hallo

Hoffe das hilft dir!
Wenn du in der Box verschiedene Schriften/Schriftgrößen verwenden willst, musst du die [url=https://de.selfhtml.org/css/eigenschaften/schrift.htm]Einträge zur Schrift im CSS Stylesheet[/url] ändern oder löschen. Dann kannst du ganz normal mit dem <FONT oder <SPAN Tag arbeiten.

Das kommt in den Headbereich deiner html-Datei
[code]
<style type="text/css">
img { border:none }
<!--
#box {
position:absolute; top:50px; left:50px;
z-index:3;}
#box a {
color:white;
background:transparent;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:0px;
border-left:0px solid lightblue;
border-top:0px solid lightblue;
border-bottom:0px solid darkblue;
border-right:0px solid darkblue;}
#box a:hover {
background:transparent;
width:500px;}
#box a span {display:none;}
#box a:hover span {
color:black;
background:transparent;
font:normal 16px courier, sans-serif;
border:2px solid black;
display:block;
padding:3px;}
-->
</style>
[/code]

Und das kommt an die Stelle an der das Bild stehen soll:
[code]
<div id="box"><a href="#"<img height=110 src="https://www.google.de/intl/de_de/images/logo.gif" width=301><span>Hier steht dein Text, der nur beim Mouseover angezeigt wird</span></div>
[/code]