✔ Infos Zeigen

Status
Nicht offen für weitere Antworten.
N

Nabi

Erfahrenes Mitglied
Hi,

HTML: 
<img src="43.JPG" width=20 height="20" alt="info text">

Ich frage ob es möglich der ALT Text erscheinen zu lassen so länge der Maus auf dem
Bild bleibt und nicht nur für paar Sekunden .
oder ob ein besseres Methode gibt infos zu zeigen (als Reaktion auf Maus Position).
 
Ich habe css probiert, das resultat :GUUT
nur paar dinge möchte ich 100% verstehen , diese beispiel:

Code: 
#menu {
float: left;
width: 200px;
}

#navi {

margin-top: 18px;
margin-left: 798px;
}

#navi a {
display: text;
font: bold 16px Arial, Helvetica, sans-serif;
text-decoration: none;
color: #fc0;
text-align: center;
}
#navi a:link {
color:#fc0;
}
#navi a:visited {
color:#fff;
}
#navi a:hover {
color:#000;
background: #ffdead;
}
#navi a:active {
color: #fc0;
}
#navi a .showcase {
display: none;
}
#navi a:hover .showcase {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 150px;
font: bold 0.92em Verdana, Arial, Helvetica, sans-serif;
background: #ffdead;
border: 1px dashed #257;
color: #000;
padding: 5px;
}

a gibt die eigenschften des texts wenn der Text mit link verbunden ist .
und was ist a:link ?
a:visited wenn der text geklickt und .. und Tschüss :)
und was ist mit hover ? wenn der maus auf dem link ist oder was genau?
aktiv ?
showcase kenne ich.
 
hier ist info1.css
Code: 
#menu {
float: left;
width: 10px;
}

#navi {
margin-top: 18px;
margin-left: 30px;
}

#navi a {
display: text;
font: bold 16px Arial, Helvetica, sans-serif;
text-decoration: none;
color: #ffffff;
text-align: center;
}

#navi a:link {
color: #ffffff;
}

#navi a:visited {
color:yellow;
}

#navi a:hover {
color:red;
background: #ffdead;
}

#navi a:active {
color: green;
}

#navi a .showcase {
display: none;
}

#navi a:hover .showcase {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 150px;
font: bold 0.92em Verdana, Arial, Helvetica, sans-serif;
background: #ffdead;
border: 1px dashed #257;
color: #000;
padding: 5px;
}

Wenn ich diese HTML Seite ausführe , bekomme ich von anfang an die Farbe von
VISITED (gelb) und Nicht Weiss (#ffffff) warum ?
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<link href="info1.css" rel="stylesheet" type="text/css">
<title>
</title>
</head>
<body bgcolor="#000000">
<div id="navi">
<a href="index.html">Link To Index.html</a></div>
</body>
</html>
 
Bei mir wird die :link-Pseudoklasse ausgeführt, und erst wenn ich den Link angeklickt habe, greift die :visited-Pseudoklasse, so wie es eben sein sollte.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück