Problem mit Navigation (JS & CSS)

[matibaski]

Hab's mal hierhin gebracht, da es HTML, JvaScript, und CSS hat.
Also:
Ich habe ein Menü, dass in einer Tabelle ist.
Und diese Tabelle wird per JavaScript anderst dargestellt bei RollOver. Sie verändert die Farbe.

Da meine CSS eine Standarteinstellung für Hyperlinks hat, macht es bei der Tabelle (bei der Schrift) einen Hintergrund (Schwarz) Bei RollOver wird die Zeile weiss und die schrift ist schwarz.

Hier ist mein Code, mit JS:

<td class="menu" height="20" onMouseOver="style.backgroundColor='#ffffff'" onMouseOut="style.backgroundColor=''" align="left" width="154"><a href="index.php?site=home">Home</a></td>

Hier ist der Teil für die CSS Formatierung der Menüleiste:

/* Menü */
.menu a:link {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: none;
color: #000000;
}

.menu a:hover {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: none;
color: #000000;
}

.menu a:active {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: none;
color: #000000;
}

.menu a:visited {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: none;
color: #000000;
}

Hier ist die Standartstellung für Hyperlinks:

/* Allgemeine Links im Text */
a:link {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: underline;
color: #000000;
}

a:hover {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: none;
background: #000000;
color: #ffffff;
}

a:active {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: underline;
color: #000000;
}

a:visited {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: underline;
color: #000000;
}

Ich hoffe ihr blickt durch.
Problem als Bild seht ihr am Anhang.

Ich denke, dass er die Einstellung von background: #00000; übernimmt, von dem Standart..

MfG, matibaski

 

[WhispR]

müsste

.menu a:hover {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: none;
color: #000000;
}

nicht so sein:

.menu a:hover {
font-family: Verdana, Arial;
font-size: 8pt;
text-decoration: none;
color: #ffffff;
}

also die schrift weiß ?!

probiers mal aus ;-)

 

[matibaski]

Danke!
Hat geklappt.
Die einfachsten Lösungen sind immer am schwersten zu finden.

;)

MfG, matibaski

 

[pennywise]

mir wurde mal gesagt man solle bei der angabe der schriftgröße pixel benutzen und nicht punkt (also px statt pt). ob was dran ist ? hat wohl was mit der unterschiedlichen interpretation der browser zu tun oder der systemeinstellungen des anwenders.

weiß jemand was genaueres ? ich benutz jedenfalls immer px

Gruß Jan

 

[matcho]

ich nutze auch immer px, aber hab es glaub genau andersherum gelesen irgendwo mal

 

[matibaski]

Also habe bisher nix davon gehört, dass man px nimmt und nicht pt..

Also ich verwende ab jetzt auch px..
pt hat bei Tabellenfopmratierungen Probleme.. kA wieso..

MfG, matibaski

 

[Alti]

.em ist die Zukunft...
em richtet sich nach den Einstellungen des Users....
Em ist das direkte Gegenteil der <font> Angaben.

 

[pennywise]

dazu mal ein zitat aus selfhtml (hätt ich auch mal vorher drauf kommen können dort zu suchen ^^)

Für die Ausgabe auf dem Bildschirm sind vor allem relative Einheiten wie em, ex, Prozentwerte oder Schlüsselworte geeignet, absolute Einheiten wie pt, cm usw. sollten

Drucklayouts vorbehalten sein. Eine Sonderstellung nimmt die relative Einheit px ein, da sich bei deren Verwendung Schriftgrößen im Internet Explorer nicht mehr verändern lassen. Im Sinne der Benutzbarkeit sollten Sie daher auf diese Einheit nach Möglichkeit verzichten.

also px doch böse. aber wieso ?
das steht das sich die schriftgröße im IE nicht mehr ändern lässt.
Wozu auch ? wenn ich sage das die schriftgröße 12px ist weils mir sonst mein design zerreisst dann hat der user da doch die finger von zu lassen :lol:
Oder versteh ich wieder alles falsch weils so spät is und ich morgen 14 stunden zugfahrt vor mir hab :(

Gruß Jan

 

[matcho]

barrierefreiheit vielleicht :shock:
vorerst bleib ich beim px, ein wenig egoismus als webdesigner schadet ja nicht ;)

 

[WhispR]

Ich bleibe auch bei px, denn der Besucher soll die Seite so vorfinden wie ich sie entworfen habe!

 

[matibaski]

OK Leute!
Postet hier auch noch alle eure Meinungen!

MOD's: Schliesst dieses Thema!

Sonst schreibt ja jeder noch seinen Senf rein, was er von Grössenangabe der Schrift hält und was er verwenden.

MfG, matibaski