Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Drei Definitionen für Mausover
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Drei Definitionen für Mausover
Pages: [1]
| geschrieben von donrosso am 11.06.2003 - 19:02 |
Hallo ich habe eine Frage, ich möchte für eine Seite drei verschiedene Mausovereffekte bauen, so sieht der bsiherige Quellcode aus :
<style type="text/css">
<!--
a { /*Standard Link*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #c0c0c0;
text-decoration: none;
}
a:hover { /*beim überfahren */
color: #fff;
font-weight: bold;
text-decoration: underline;
}
a#classnavi {
font-size: 7pt;
color: #c0c0c0;
}
a:hover#classnavi {
font-weight: bold;
}
//-->
</style>
hier ist definiert, normale Links und Navigationslinks. Jetzt will ich aber eine zweite navigation einfügen und die soll sich bei Mausover anders verhalten, was muss ich dafür in den CSS code schreiben ? |
| geschrieben von Daniel am 11.06.2003 - 20:20 |
Hätte man auch selber drauf kommen können ;)
<style type="text/css">
<!--
a { /*Standard Link*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #c0c0c0;
text-decoration: none;
}
a:hover { /*beim überfahren */
bla
}
a#classnavi {
bla
}
a:hover#classnavi {
bla
}
//-->
a#classnavi2 {
bla
}
a:hover#classnavi2 {
bla
}
a#danielisttoll {
bla
}
a:hover#danielisttoll {
bla
}
</style>
musst dann halt nur bei den Links entsprechend anpassen (id="danielisttoll")
Daniel |
| geschrieben von donrosso am 11.06.2003 - 21:27 |
Also dass hat soweit geklappt, nur ein Problem: obwohl in der definition für "link2" hover nicht "font-weight: bold" steht , wie man unten sieht, wird der Link beim überfahren fett gedruckt, weisst du warum ? was habe ich da übersehen ?
<style type="text/css">
<!--
a { /*Standard Link*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;
text-decoration: none;
}
a:hover { /*beim überfahren */
color: #c0c0c0;
font-weight: bold;
text-decoration: underline;
}
a#classnavi {
font-size: 7pt;
color: #c0c0c0;
}
a:hover#classnavi {
font-weight: bold;
}
a#link2 {
font-size: 7pt;
color: #fff;
}
a:hover#link2 {
color: #c0c0c0;
text-decoration: none;
}
//-->
</style> |
| geschrieben von Daniel am 11.06.2003 - 21:34 |
Hey...
zeig mal bitte die Links dazu
Daniel |
| geschrieben von donrosso am 11.06.2003 - 21:47 |
1.
<font size="1" face="Verdana" color="#ffffff">
<a id="link2" < href="Leistungen_Vorgehensweise.htm">Vorgehensweise</a></font></td>
2.
<font color="#FFFFFF" size="1" face="Verdana">
<a id="link2" <a href="Leistungen.htm">Leistungen und Zuständigkeitsbereiche</a></font></td> |
| geschrieben von Daniel am 11.06.2003 - 22:03 |
Was ist das denn??? Mch mal so? Warum sind da Spitzklammen (>) Mittendrinne?
1.
<font size="1" face="Verdana" color="#ffffff">
<a id="link2" href="Leistungen_Vorgehensweise.htm">Vorgehensweise</a></font></td>
2.
<font color="#FFFFFF" size="1" face="Verdana">
<a id="link2" a href="Leistungen.htm">Leistungen und Zuständigkeitsbereiche</a></font></td>
Sollte es so immernoch nicht gehen, schreib das id="" mal in den font tag bzw. table/td/tr Tag mit rein...
Daniel |
| geschrieben von donrosso am 11.06.2003 - 22:31 |
| also so klappts irgendwie au net, bist du sicher dass der css-code richtig ist dass ich da nix falsch gemacht hab ? |
| geschrieben von Daniel am 12.06.2003 - 15:25 |
Versuch mal so
#classnavi a{
font-size: 7pt;
color: #c0c0c0;
}
#classnavi a:hover {
font-weight: bold;
}
#link2 a {
font-size: 7pt;
color: #fff;
}
#link2 a:hover {
color: #c0c0c0;
text-decoration: none; |
| geschrieben von donrosso am 12.06.2003 - 17:57 |
Ich habs damit versucht, hab einfach "font-weight: normal;" eingebaut und so gehts. Vielen Dank für deine Hilfe.
#classnavi a{
font-size: 7pt;
color: #c0c0c0;
}
#classnavi a:hover {
font-weight: bold;
}
#link2 a {
font-size: 7pt;
color: #fff;
}
#link2 a:hover {
color: #c0c0c0;
text-decoration: none;
font-weight: normal; |
|