img class funktioiert nicht

[Chris]

Hi,

hab das Problem, dass die class zuweisung des img tag nicht funktioniert. in der klasse ist eine opacity definiert.

html:

<img class="opacity-100" src="img/infos.gif"  />  
<img class="opacity-100" src="img/galerie.gif"  />

css:

img#opacity-100{  
opacity:1;  
}  
img#opacity-100:hover{  
opacity:.5;  
}

kann mir da jemand weiterhelfen???

[suit]

kann mir da jemand weiterhelfen???

2 fehler

a) du suchst den klasse-selektor

b) du vergibst klassennamen, die etwas mit der aktuellen visuellen erscheinung eines elements zu tun haben - das ist unsinn

benenne dinge immer nach ihrem sinn, nicht nach ihrem aussehen

das gilt für klassen, ids oder dateinamen - ein icon für einen listenaufzählungspunkt im fliesstext "little_red_dot.png" zu nennen mag zwar bezeichnet sein, spätestens dann, wenn du das ding aber mal gegen einen mittelgroßen, blauen pfeil tauschen willst, verfluchst du dich selbst

schlechte namen: "red", "green", "small", "hidden"
gute namen: "error", "success", "footnote", "spoiler"

[ChrisB]

Hi,

hab das Problem, dass die class zuweisung des img tag nicht funktioniert.

Nein, du hast das Problem, dass du nicht weisst, wie der Klassenselektor aussieht.

img#opacity-100{

opacity:1;
}

>   
> kann mir da jemand weiterhelfen???  
  
Ja, lesen bildet: <http://de.selfhtml.org/css/formate/zentrale.htm#klassen>  
  
MfG ChrisB  
  

-- 
„This is the author's opinion, not necessarily that of Starbucks.“

[suit]

nachtrag: 3. fehler

das alt-attribut deiner grafik fehlt ;)

zudem wirst du probleme mit der hover-pseudo-klasse im internet exploder bekommen, der versteht diese nicht auf img-elementen

[Chris]

Danke für die schnelle Hilfe!

Habt Recht, kenn mich wirklich nicht so gut aus. Naja wieder was dazu gelernt. Das mit dem IE weiß ich, bin aber schon den ganzen Tag an dem Problem und so langsam bin ich es leid.......

ich würds natürlich gern ändern, wenn mir jemand sagt, auf welchem Weg ich zum gleichen Ergebniss komme??

[suit]

ich würds natürlich gern ändern, wenn mir jemand sagt, auf welchem Weg ich zum gleichen Ergebniss komme??

mein ratemodus ist leider etwas schlecht, aber ich würd es[1] so machen
Fast Rollovers Without Preload

[1] ich vermute du willst ein ein link/button machen, der beim mouseover ein anderes bild zeigt?

[Chris]

Kleiner Nachtrag noch:

Wär schön, wenn mir jemand sagen könnte, ob das mit Textlinks auch geht und wenn ja, wie??

[suit]

Wär schön, wenn mir jemand sagen könnte, ob das mit Textlinks auch geht und wenn ja, wie??

siehe hier