text-decoration im Netscape
Tanja
- css
0 x-VieW0 Tanja
0 Sven Rautenberg
Ich habe folgendes Problem:
Das ist mein style in externer Datei:
font.menue {font-size:9pt;
color:black;
font-family:Arial, sans-serif;
text-decoration:none;
}
eingebunden mit:
<link rel=stylesheet type="text/css"href="../formate.css">
Im Internet Explorer funktioniert das tadellos.
Im Netscape wird alles richtig angezeigt bis auf text-decoration:none!
Was mache ich falsch???
Hi,
erstmal, unter welche NS-Version testest du dein Code.
Ich habe unter NS7.0 getstet, kein Problem.
Achte: Älteren Browser können nicht alle Befehle, Besonders CSS 2.0
!!!Deswgen Aufpassen!!!
Gruss
x-VieW
Hallo x-VieW!
Ich habe mit NS 6.2 getestet!
Also gibts keine andere Möglichkeit, damit das in älteren NS Versionen auch klappt?
Könntest du dir mal folgenden Link ansehen und mir kurz mitteilen ob da die Links im Menü im NS7.0 unterstrichen sind oder nicht!
http://www.galeriecentrum.at/galerie/ausstellungen.htm
Vielen Dank
lg
Tanja
Hallo Tanja,
Nein Es funktioniert immer noch nicht :(
Probiere mal, was dir Sven geschrieben hat. oder mach's so als Beispiel:
CSS-Script
----------
a:link.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#0070C0; text-decoration:none; }
a:visited.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#0070C0; text-decoration:none; }
a:hover.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#FF7F00; text-decoration:underline; }
a:active.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#E00000; text-decoration:underline; }
a:focus.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#0070C0; text-decoration:underline; }
Html-Code
---------
<a href="bla/bla" class="tlink">bla</a>
Dann sollte auch unter NS6.2 gehen
Viel Erfolg
Gruss
x-VieW
Moin!
a:link.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#0070C0; text-decoration:none; }
a:visited.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#0070C0; text-decoration:none; }
a:hover.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#FF7F00; text-decoration:underline; }
a:active.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#E00000; text-decoration:underline; }
a:focus.tlink { font-weight:bold; font-family:Arial; font-size:10pt; color:#0070C0; text-decoration:underline; }
Fast gut, nur muß die Pseudoklasse ganz am Ende angegeben werden:
a.tlink:link
a.tlink:visited
...
Bedenke: Es wird immer feiner definiert.
Es gibt a
Oder a.tlink
Und davon dann noch zeitweilige Untergruppen a.tlink:hover etc.
- Sven Rautenberg
Hallo Sven,
Danke für den Tipp. Man lernt nie aus ;-)
Gruss
x-VieW
Hallo Leute!
Vielen, vielen Dank! Das war der Tipp, den ich gebraucht habe! Jetzt klappt es!
lg
Tanja
Moin!
font.menue {
Das ist nicht dein Ernst, oder? Du setzt doch bitte kein <font>-Tag mehr ein, um Schrift zu formatieren, oder? Weg damit! Du kannst alle <font> ohne Verlust der CSS-Formatierbarkeit durch <span> ersetzen - aber in den meisten Fällen ist das sogar unnötig.
Im Internet Explorer funktioniert das tadellos.
Im Netscape wird alles richtig angezeigt bis auf text-decoration:none!
Wie du gesagt hast, willst du einen Link ununterstrichen machen.
Das geht simpel:
<a class="menue">HierderLink</a>
im HTML
a.menue { deine CSS-Formatierung }
im CSS
Wenn du (was ich vermute) bislang sowas eingesetzt hast:
<a><font class="menue">Hierderlink</font></a>
dann ist das Verhalten von Netscape vollkommen in Ordnung. Der Link außenrum _hat_ ja noch eine Unterstreichung, die nicht abgeschaltet ist, und die wird dargestellt. Deshalb ist es schlau, dem _Link_ die CSS-Formatierung zu verpassen.
- Sven Rautenberg