CSS InfoBox
Hi,
Sorry für diesen Titel ich weis aber nicht wie man das Info Kästchen nennt. Ich möchte, dass ein Kästchen erscheint mit einem Text, wenn man mit der Maus über ein Bild fährt.
Es sieht aus wie ein alt oder title jedoch nicht nur eine Zeile. Man kann es formatiern und am eigenen Style anpassen. Wisst ihr was ich meine? Wie kann ich soetwas programmieren oder wie heist es?
EDIT:
Habe es gefunden und den Titel geändert. Habe trozdem eine Frage.
Ich benutze folgenden CSS Code:
so jetzt wird die box auch schön angezeigt aber immer oben rechts in der ecke... wie kann ich das dynamisch machen, dass die box gleich nach dem "bild" angezeigt wird? (Die box erscheint wenn man mit der Maus über ein Bild fährt)
Sorry für diesen Titel ich weis aber nicht wie man das Info Kästchen nennt. Ich möchte, dass ein Kästchen erscheint mit einem Text, wenn man mit der Maus über ein Bild fährt.
Es sieht aus wie ein alt oder title jedoch nicht nur eine Zeile. Man kann es formatiern und am eigenen Style anpassen. Wisst ihr was ich meine? Wie kann ich soetwas programmieren oder wie heist es?
EDIT:
Habe es gefunden und den Titel geändert. Habe trozdem eine Frage.
Ich benutze folgenden CSS Code:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
/* INFOBOX */
#infobox
{
height:120px;
width:120px;
border:1px solid black;
}
#infobox div
{
display:none;
}
#infobox:hover div
{
display:block;
width:400px;
position:absolute;top:20px;right:20px;
border:1px solid black;
}
|
so jetzt wird die box auch schön angezeigt aber immer oben rechts in der ecke... wie kann ich das dynamisch machen, dass die box gleich nach dem "bild" angezeigt wird? (Die box erscheint wenn man mit der Maus über ein Bild fährt)
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »unixgate« (31. August 2005, 03:32)
Hi unixgate,
versuch mal aus dem position:absolute ein position relative zu machen.
Denn dann geht er nicht von den absoluten Browserkoordinaten aus, sonern von der aktuellen Position im DIV oder so.
Wenn das dann trotzdem noch nicht richtig ist, dann entferne noch die Angaben top und right.
Dann müsste er das ganze dann genau auf dem Bild bzw. dem Text anzeigen.
Gruß,
tommy
versuch mal aus dem position:absolute ein position relative zu machen.
Denn dann geht er nicht von den absoluten Browserkoordinaten aus, sonern von der aktuellen Position im DIV oder so.
Wenn das dann trotzdem noch nicht richtig ist, dann entferne noch die Angaben top und right.
Dann müsste er das ganze dann genau auf dem Bild bzw. dem Text anzeigen.
Gruß,
tommy


