Gunnar Bittersmann: img-link ohne, textlink mit hover -Wie?

Beitrag lesen

@@Gary:

nuqneH

Da CSS nicht "rückwärts selektieren" kann (Schau, ob auf ein a ein img folgt und ändere das a) wirst du wohl um eine Klasse nicht umhin kommen.

Doch, das kommt er. Der Nachfahrenselektor existiert.

Vielen Dank, jetzt gehts (und ist auch schon online verbesser!)

Verschlimmbessert.

Weg mit @class="grafiklink", das ist unnütz.

Wenn du den den Hover-Effekt nur für die Links in div[@class="zentrum-box-links"] und div[@class="zentrum-box-rechts"] haben willst, dann gib ihn eben nur für diese Links an:

div.zentrum-box-links a:hover, div.zentrum-box-rechts a:hover  
{  
        border-top-style: solid;  
        border-bottom-style: solid;  
        border-color: #FFCC00;  
}

Warum sind "zentrum-box-links" und "zentrum-box-rechts" Klassen und keine IDs? Außerdem sollten Bezeichner von Klassen und IDs nicht nach der gegenwärtig gewünschten Darstellung vergeben werden.

Ich würde dabei Eigenschaften, die für alle a zutreffen sollen für a setzen und die anderen z.B. für a.grafiklink. Oder a.textlink, so dass der CSS-Code möglichst klein wird.

PS. Wer sagt, daß der CSS-Code möglichst klein bleiben muss? ;-)

Es ist unsinnig, den CSS-Code möglichst klein zu halten und dafür das Markup (an mehreren Stellen!!) aufzublähen.

Dann lieber einmalig einpaar Zeilen CSS mehr und dafür einfaches, schlankes Markup.

Übrigens sollte es "Česky" heißen (mit kurzem 'y', nicht mit langem 'ý').

Und warum verdeckt das Bild der Erde die Überschrift und warum beginnt das Sprachauswahlmenü schon über der dicken blauen Linie?

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)