kleines Problem (weiß keine andere Bezeichnung)

Zimtgruen · 21. Oktober 2005

Und zwar, ich hab im Menue einen schwarzen Punkt, wenn man mit der Maus auf den drauf geht, soll links davon im gleichen Frame die Bezeichnung der Seite, mit der der Punkt verlinkt ist, angezeigt werden. Ich hab dafür die Datei menue.css und die datei menue.html

Menue.css:

Code:

<style type="text/css">
<!--
a .r2 
{ 
display:         none; 
} 

a:hover  .r2 
{ 
display:                block; 
position:               absolute; 
top:                    10px; 
left:                   10px; 
width:                  40px; 
height:                 40px; 
}
-->
</style>

und menue.html:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
</head>
	<STYLE TYPE="text/css">
<!--
A:link{ text-decoration: underline; color:#000000; }
A:visited{ text-decoration: underline; color:#000000; }
A:active{ text-decoration: underline; color:#000000; }
A:hover{ TEXT-DECORATION: none; color:#000000; }
-->
</style>

<link rel="stylesheet" type="text/css" href="menue.css">
<body style="background-color:transparent; filter:chroma(color=#FFCC99)">
<STYLE type=text/css>
BODY {

  font-family:"verdana",verdana,verdana;
   scrollbar-base-color:;
  scrollbar-3dlight-color:#000000;
  scrollbar-arrow-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#FFCC99;
  scrollbar-highlight-color:#FFCC99;
scrollbar-shadow-color:#FFCC99;
  scrollbar-track-color:;
}
</STYLE>

<font face="Verdana">
<font size="1">
<style type="text/css">
<!-
body {}
#home { position:absolute; top:10px; left:160px; }
->
</style>

<div id="home"><a href="Willkommen.html" class="menue"><img src="menuepunkt.jpg" border="0"><span class="r2">Home</span></a></div>


</body>
</html>

ABER die Linkbeschreibung wird nicht angezeigt!!
Kann mir da jemand helfen?

Lucretia · 22. Oktober 2005

was genau meinst du denn mit Linkbeschreibung?
Probiers mal mit <a href="Willkommen.html" class="menue" title="deine Linkbeschreibung"> - ist das das, was du meinst?

Maik · 22. Oktober 2005

CSS-Code für :hover-Popup:

Code:

div#home
{
position: absolute;
top: 10px;
left: 160px;
}

a.menue span.r2
{
display: none;
}

a.menue:hover
{
color: #000;
cursor: default;
}

a.menue:hover span.r2
{
display: block;
position: absolute;
top: 10px;
left: -150px;
width: 40px;
height: 40px;
}

Browsercheck: FF 1.0.7, IE 6.0, MOZ 1.6, NN 7.0, OP 8.50

Anmerkung: ich empfehle dir, den Quelltext des Dokuments aufzuräumen und u.a. alle style-Elemente, sowie CSS-Angaben in einem zentralen Stylesheet zusammenzufassen.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>

<style type="text/css">
<!--
body 
{
font-family: verdana, sans-serif;
background-color: transparent; filter:chroma(color=#FFCC99); /* Achtung: Chroma-Filter wird nur vom IE unterstützt */
/* IE-Scrollbalken-Farben */
scrollbar-base-color: #FFCC99;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #FFCC99;
scrollbar-highlight-color: #FFCC99;
scrollbar-shadow-color: #FFCC99;
scrollbar-track-color: #FFCC99;
}

a:link, a:visited
{ 
text-decoration: underline; 
color: #000000; 
}
a:hover
{ 
text-decoration: none; 
color: #000000; 
}
a:active
{ 
text-decoration: underline; 
color: #000000; 
}
-->
</style>
<link rel="stylesheet" type="text/css" href="menue.css">

</head>
<body>

<div id="home">
    <a href="Willkommen.html" class="menue"><img src="menuepunkt.jpg" border="0"><span class="r2">Home</span></a>
</div>

</body>
</html>

kleines Problem (weiß keine andere Bezeichnung)

Zimtgruen

Erfahrenes Mitglied

Lucretia

Grünschnabel

Maik

Neue Beiträge