Mousover and Bold

[Friedhoff45]

Hallo,
ich bin gerade dabei eine Homepage zu erstellen und nun hänge ich bei einem Problem fest.
Ich möchte gerne, das in meinem Drop-Down menü das fett wird, wo ich mit der Maus drüber fahre.
Also ein Mousover mit Bold

hier mal mein HTML CODE:
<title>Produkte</title>
<style type="text/css">
#menuebox { position: relative; height: 20px; }
.stupidie { display: none; }
#menue { position:absolute;
top: 5px;
left: 0;
z-index: 200; }
#menue .aussen { float: left;
display: block;
overflow: hidden;
width: 10em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: nothing;
color: ;
border: 1px solid;
border-color: #6E6E6E; }
#menue .aussen:hover { height: auto; background-color: #D8D8D8; color: #190707; }
a.innen-1 { margin-top: 2px; }
a.innen, a.innen-1 { display: block;
width: 10em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid ;
background-color: #D8D8D8;
color: ; #D8D8D8}
a:visited.innen, a:visited.innen-1 { background-color: ; color:#190707; }
a:hover.innen, a:hover.innen-1 { background-color:#D8D8D8; color: #190707; }
span.menutag { display: block;font weight: bold cursor: default; }
<!--[if lte IE 6]>
#menue { display:none; }
.stupidie { display: block; position: absolute; top: 5px; left: 0; z-index: 200; }
a.auss { float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #6E6E6E;
color: ;
border: 1px solid;
border-color: 600; }
a:hover.auss { overflow: visible; background-color: #6E6E6E; color:#190707 ; }
a:hover.auss table { display: block;
margin-top: 3px;
background-color: #190707;
color: #400;
border-collapse: collapse; }
a.inn { display: block; width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0; font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: bold;
text-align: center;
text-decoration: none;
border-bottom: 1px solid ;
background-color:#D8D8D8 ;
color: #600; }
a:visited.inn { background-color: #190707; color: #190707; }
a:hover.inn { position: relative; background-color: #190707; color: #900; }
span.menutag { display: block; cursor: default; }

 

[threadi]

Der HTML-Code wäre noch interessant dazu gewesen.

Und:

a:visited.inn

gibt es nicht. Die Klasse wird zuerst genannt, dann die Pseudoklasse. Also:

a.inn:visited

Und:

 <!--[if lte IE 6]>

hat innerhalb des CSS-Codes nicht zu suchen.

Fazit: das was Du hier zeigst kann nicht mal ansatzweise funktionsfähig sein. Bitte kontrolliere die Validität deines HTML- und CSS-Codes.

 

[Bleny]

a.deineKlasse:hover {

   font-weight: bold;

}

so würde es gehen.

 

[Elroy]

Hallo.

Du schreibst du hast ein Dropdown Menü, ich sehe aber nirgendwo in deinem CSS ul oder li um dein Menü zu formatieren.

Ich nehme mal an das du dein Menü nicht als Liste ausgezeichnet hast.
Das solltest du aber tun. Danach kannst du dann ganz leicht mit der Pseudoklasse hover deinen Links die gewünschte Formatierung geben.

Gruss
Elroy