nicht angemeldet
Link bei Mausover unterstrichen
Ich möchte einen Link ohne Unterstrich haben der nur bei Mouseover mit einem Unterstrich erscheint.
Bisher habe ich im Stylesheet folgende Angaben: Wie muss ich diese ergänzen? Es dreht sich nur um die Schrift #linkB12
Stylesheet:
/* Es folgen die Style-Definitionen, die Sie anpassen koennen: */
body,th,td,select,b,font,h1,input,ul {font-family: Arial,Helvetica}
th,td,select,font,input {font-size:17px;color:#666666}
h1,h2,h3,h4,h5,h6 {color:#666666}
body {background-color:#FFFFFF}
/*Einrückung des fliesendes Textes*/
#linkB12 {font-size:12px;color:#333333;font-weight:bold; text-decoration:none }
#size10 {font-size:10px;color:#333333}
#size10hell {font-size:10px;color:#999999}
#size11 {font-size:11px;color:#666666}
#size11d {font-size:11px;color:#333333}
#size12 {font-size:12px;color:#666666}
#size13 {font-size:13px;color:#666666}
#size15 {font-size:15px;color:#666666}
#size17 {font-size:17px;color:#333333} /* <=> size="-2"*/
#size20 {font-size:20px;color:#333333}
#size23 {font-size:23px;color:#666666}
#size 30 {font-size:30px;color:#666666}
#white12 {font-size:12px;color:#FFFFFF}
A:visited, A:visited CITE { color:#183E85 }
A:active, A:active CITE { color:#F46600 }
A:hover, A:hover CITE { color:#333333 text-decoration:underline}
A:link, A:link CITE { color:#183E85 }
A:href, A:href CITE { color:#FF8F00 }
Vielen Dank für die Hilfe
-
Bisher habe ich im Stylesheet folgende Angaben: Wie muss ich diese ergänzen? Es dreht sich nur um die Schrift #linkB12
#linkB12 {font-size:12px;color:#333333;font-weight:bold; text-decoration:none }
...Die definition der Links für linkB12 funktioniert wie folgt:
a:link.linkB12{...}
a:visited.linkB12{...}
a:active.linkB12{...}
a:hover.linkB12{...}A:visited, A:visited CITE { color:#183E85 }
A:active, A:active CITE { color:#F46600 }
A:hover, A:hover CITE { color:#333333 text-decoration:underline}
A:link, A:link CITE { color:#183E85 }
A:href, A:href CITE { color:#FF8F00 }-
Also so:
a:hover.linkB12{color:#333333; text-decoration:underline}
-
Also so:
a:hover.linkB12{color:#333333; text-decoration:underline}
Irgendwie klappt das bei mir nicht so richtig, liegt vielleicht daran das in der Programmierung der einzelnen Seiten zuviele Schriften stehen.
Ist es nicht möglich das nicht zum Beispiel so zu machen:
<font id="linkB12" "a:hover.linkB12{color:#333333; text-decoration:underline}"> oder so ähnlich?Danke für die Hilfe
-
Ist es nicht möglich das nicht zum Beispiel so zu machen:
<a href="#" id="linkB12" style="a:hover.linkB12{color:#333333; text-decoration:underline}">Linktext</a>--> So könnte es gehen...
-
-
-
a:link.linkB12{...}
a:visited.linkB12{...}
a:active.linkB12{...}
a:hover.linkB12{...}Hi Luke
Mir war nicht bekannt, dass man z.B. a:hover für jeden Link einzeln definieren kann?!? Bei welchen Browsern seite welcher Version funktionert denn das??-
Hallo,
a:link.linkB12{...}
a:visited.linkB12{...}
a:active.linkB12{...}
a:hover.linkB12{...}Andreasrum ist's besser:
a.linkB12:hover
Element.Classselector:PseudoformatHi Luke
Mir war nicht bekannt, dass man z.B. a:hover für jeden Link einzeln definieren kann?!? Bei welchen Browsern seite welcher Version funktionert denn das??Gegenfrage:
In welchem Browser funktioniert das nicht?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Links</title>
<style type="text/css">
<!--
a {text-decoration:none; color:black; background-color:white;}
a.l1:hover {text-decoration:overline;}
a.l2:hover {text-decoration:underline;}
a#i1:hover {color:red;}
a#i2:hover {background-color:red;}
-->
</style>
</head>
<body >
<a class="l1" href="#">Link 1</a>
<a class="l2" href="#">Link 2</a>
<a id="i1" href="#">Link 3</a>
<a id="i2" href="#">Link 4</a>
</body>
</html>viele Grüße
Axel
-
Bei NS >=4.7 und MSIE <= 4 funktioniert das nicht!
-
Bei NS >=4.7 und MSIE <= 4 funktioniert das nicht!
*g* Uraltbrowser.
Bei Netscape >=6.2 funktioniert es schon.viele Grüße
Axel
-
-
-
-
-
Hallo <-- Begrüßungen werden hier gerne gesehen...
A:hover, A:hover CITE { color:#333333 text-decoration:underline}
Da fehlt ein Semikolon----------------------^
Schau doch grad in SelfHTML, da steht das doch alles genau beschrieen...Grüße
David
--
"Nobody will ever need more than 640k RAM!"
1981 Bill Gates -
Hallo ssauter
Stylesheet:
/* Es folgen die Style-Definitionen, die Sie anpassen koennen: */body,th,td,select,b,font,h1,input,ul {font-family: Arial,Helvetica}
th,td,select,font,input {font-size:17px;color:#666666}
h1,h2,h3,h4,h5,h6 {color:#666666}
body {background-color:#FFFFFF}
/*Einrückung des fliesendes Textes*/
#linkB12 {font-size:12px;color:#333333;font-weight:bold; text-decoration:none }
#size10 {font-size:10px;color:#333333}
#size10hell {font-size:10px;color:#999999}
#size11 {font-size:11px;color:#666666}
#size11d {font-size:11px;color:#333333}
#size12 {font-size:12px;color:#666666}
#size13 {font-size:13px;color:#666666}
#size15 {font-size:15px;color:#666666}
#size17 {font-size:17px;color:#333333} /* <=> size="-2"*/
#size20 {font-size:20px;color:#333333}
#size23 {font-size:23px;color:#666666}
#size 30 {font-size:30px;color:#666666}
#white12 {font-size:12px;color:#FFFFFF}Dieser Bereich muss leicht geändert werden:
A:visited, A:visited CITE { color:#183E85; text-decoration: none }
A:active, A:active CITE { color:#F46600; text-decoration: none }
A:hover, A:hover CITE { color:#333333 text-decoration:underline}
A:link, A:link CITE { color:#183E85; text-decoration: none }
A:href, A:href CITE { color:#FF8F00; text-decoration: none }Der Gag liegt bei der Sache darin, dass man diese Unterstreichungsgesetzte nicht für einzelne Links in einer Seite, sondern nur für alle festlegen kann. So muss jegliche Art von Textdekoration bei allen ander Linkzuständen bei allen Links abgeschalten werden.
Viel Spaß noch ber Programmieren, ich hoffe, dass es jetzt funktioniert!