CSS im Firefox

[09]

Hallo.
Ich habe ein kleines Problemchen mit mit meinem Firefox. Und zwar habe ich in einem DIV-Container mehrere "verlinkte" Bilder in der Form:

  
<DIV>  
 <A ...>  
  <IMG 1 STYLE="...">  
  <IMG 2> //STYLE in sep. CSS-Datei möglich  
  <IMG 3 STYLE="...">  
 </A>  
<A ...>  
  <IMG 1>  
  ...  
</DIV>  

Und jetzt das "kuriose": Ich kann nur die CSS-Formatierung für das IMG 2 in einer separaten Datei festlegen, die anderen IMGs erkennen diese nicht. An die anderen IMGs komme ich nicht ran, weder über IDs/NAMEs noch über CLASS.
Bleibt mir also nichts anderes über, als diese Formatierungen im STYLE-Attribut festzulegen.
Kann mir jemand erklären, warum das so ist?
Gruß, Markus

[Felix Riesterer]

Liebe(r) 09,

vielleicht werden Deine CSS-Regeln der jeweiligen Klasse "überschrieben", da andere Regeln eine höhere http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=Spezifität haben.

Du verheimlichst uns ja jegliche weiteren Details...

Liebe Grüße,

Felix Riesterer.

[09]

Hallo.
also hier der genauere Quelltext:

Das Stylesheet:

  
.selected  
 {position: absolute;  
  visibility: hidden;  
  z-index: 4;  
  border: none;  
 };  

Der HTML-Code:

  
<DIV ID="main" STYLE="position: relative; z-index: 3">  
 <A HREF="#" ID="nb1" NAME="nb1" onClick="view_box(1,1)" onMouseover="hover(1)" onMouseout="hover_off(1)">  
  <IMG CLASS="box" ID="box1" STYLE="position: absolute; z-index: 1; border: none;" >  
  <IMG CLASS="selected" ID="selected1">  
  <IMG CLASS="hover" ID="hover1" STYLE="position: absolute; border: none; z-index:3; visibility: hidden;">  
 </A>  
...  
...  
...  
</DIV>  

Erklärung:
Insgesamt ist das alles ein Bild/eine Box. Anfangs ist ID="box1" zusehen. Beim Mouseover wird ID="hover1" darüber angezeigt (und bei Mouseout entsprechen versteckt). Beim Click wird dann ID="selected1" angezeigt.
An den STYLE-Eigenschaften wird im weiteren JS-Text nichts verändert bis auf das visibility.

Als Beipiel:
Da das alles ja als Link auftritt, wird automatisch ein blauer Rahmen um alle Bilder gezogen. Mit border: none schalt ich den aus. Definiere ich dieses nun statt im "<IMG STYLE=>" in dem separaten Stylesheet, funktioniert das nur bei SELECTED.

Es ist ja nicht so, dass es nicht funktioniert, aber ich möchte das gern mal wissen.

[Struppi]

also hier der genauere Quelltext:

Hast du schon mal in die Fehlerkonsole geschaut?
Firefox zeigt auch Fehler im CSS an.

Struppi.

[09]

also hier der genauere Quelltext:

Hast du schon mal in die Fehlerkonsole geschaut?
Firefox zeigt auch Fehler im CSS an.

Struppi.

Wusste gar nicht, dass es sowas beim Firefox gibt. :-) OK, dann werd ich mich da erstmal durchstöbern. Danke!

[Cybaer]

Hi,

An die anderen IMGs komme ich nicht ran,

Ganz bestimmt nicht.

weder über IDs/NAMEs noch über CLASS.

Selbst wenn nicht, was ich auch nicht glaube, dann eben anders.

Gruß, Cybaer