Guten Morgen allesamt!
Nochmals die Frage, wurde leider nicht beantwortet:
Ich hab in der CSS-Datei normalerweise die gemäß Literatur-Empfehlungen verkürzte Info drinstehen:
a.main_navi_active_item, a.main_navi_item, a.main_navi_item:hover {
font-family: Verdana, sans-serif;
text-decoration: none;
background-position: top right;
}
a.main_navi_active_item {
background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1activeitem.gif) no-repeat;
color: #990000;
}
a.main_navi_item {
background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;
color: #D73600;
}
a.main_navi_item:hover {
background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1hover.gif) no-repeat;
color: #D73600;
}
Da fehlt aber die Abtrennung zwischen den Navigationsknöpfen oben, die ist nur da, wenn ich die CSS-Infos nicht zusammenfasse.
Das ist der original-Code:
(ein paar identische Zeilen sind schon entfernt hier, wie font-style, font-weight etc.)
a.main_navi_active_item {
background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1activeitem.gif) no-repeat;
font-family: Verdana, sans-serif;
text-decoration: none;
color: #000000;
background-position: top right;
}
a.main_navi_item {
background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;
font-family: Verdana, sans-serif;
font-style: normal;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #D73600;
background-position: top right;
}
a.main_navi_item:hover {
background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;
font-family: Verdana, sans-serif;
font-style: normal;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #D73600;
background-position: top right;
}
*Grübel*
Kann mas bitte jemand erklären?
Vergleich der Optik:
Untere Variante, Soll
Obere Variante
Danke.
Thilo