✔ Überschreibt style="" class="" ?

[Maik]

#seiteninhalt img {
    margin: 0px;
}

ist die Wurzel des Übels, die sich durch eine gleichlautende Spezifizierung der beiden Klassen-Selektoren ziehen lässt:

#seiteninhalt .bildLinks{
    border:1px solid #aaa;
    margin-right: 10px;
    padding:5px;
    float:left;
}

#seiteninhalt .bildRechts{
    border:1px solid #aaa;
    margin-left: 10px;
    padding:5px;
    float:right;
}

mfg Maik

 

[Security]

Oder so, FireBug machts möglich

 

[rethus]

#seiteninhalt img {
    margin: 0px;
}

ist die Wurzel des Übels, die sich durch eine gleichlautende Spezifizierung der beiden Klassen-Selektoren ziehen lässt:

#seiteninhalt .bildLinks{
    border:1px solid #aaa;
    margin-right: 10px;
    padding:5px;
    float:left;
}

#seiteninhalt .bildRechts{
    border:1px solid #aaa;
    margin-left: 10px;
    padding:5px;
    float:right;
}

mfg Maik

Ne, das scheint auch nicht die Lösung zu sein. Denn wenn ich den margin rausnehme, ändert sich im Verhalten <p> und <img> auch nichts.

Würde mich aber auch nicht wundern, wenn es am FF3 liegt, der ist ohnehin total schrott - schmiert an dauernd ab.

 

[Security]

Ich schreib ja nicht zur unterhaltung, schonmal mit margin:0 0 0 10px; versucht?

 

[rethus]

Ja, hab ich versucht, bringt nichts, weil margin-left das gleiche Ergebnis hat.
Obwohl ich das wusste hab ich es mal probiert, und siehe da es geht nicht!

Habe jetzt im Stylesheet noch ein versteckte img-tag style gefunden, scheint daran gelegen zu haben, denn jetzt gehts.

(oder es hat geholfen, die ganzen plugins aus FF3 rauszuwerfen

 

[Maik]

Ne, das scheint auch nicht die Lösung zu sein. Denn wenn ich den margin rausnehme, ändert sich im Verhalten <p> und <img> auch nichts.

Würde mich aber auch nicht wundern, wenn es am FF3 liegt, der ist ohnehin total schrott - schmiert an dauernd ab.

Ich habe dich hier nie dazu ermutigt, die margin-Deklaration aus dem Selektor #seiteninhalt img zu entfernen, sondern lediglich die ID #seiteninhalt den beiden Klassen-Selektoren vorne anzustellen, damit sie dieselbe Spezifität erlangen, wie der erstgenannte Selektor, der auch für diese Grafiken, trotz Klassenbezeichner, Gültigkeit, und wegen des ID-Bezeichners eine höhere Spezifizität besitzt, sodass die beiden Klassen-Selektoren überhaupt nicht zum Zuge kommen - siehe hierzu Spezifität - Gewichtung der Selektoren.

Das Ergebnis meines Vorschlags, der erneut in allen mir zur Verfügung stehenden Browsern tadellos und auf Anhieb funktioniert, stellt sich bei mir im FF3 so dar:



Hierbei spielt es auch keine Rolle, ob du es bei der margin-left und margin-right-Angabe belässt, oder den Vorschlag von Security mit der allgemeinen margin-Eigenschaft übernimmst.

Ausschlaggebend für das Ignorieren der gewünschten Außenabstände zum umfliessenden Text ist einzig und allein diese Regel:

#seiteninhalt img {
       margin:0px;
}

die sich mit diesen beiden Selektoren überschreiben lässt:

#seiteninhalt .bildLinks{
    border:1px solid #aaa;
    margin-right: 10px;
    padding:5px;
    float:left;
}

#seiteninhalt .bildRechts{
    border:1px solid #aaa;
    margin-left: 10px;
    padding:5px;
    float:right;
}

mfg Maik

 

[Maik]

Habe jetzt im Stylesheet noch ein versteckte img-tag style gefunden, scheint daran gelegen zu haben, denn jetzt gehts.

Dann lass dir bitte für die kommende Woche einen Termin beim Facharzt für Augenheilkunde geben, und erkundige dich mal an der VHS, ob sie im Herbst-Semester einen Qualifizierung-Kurs für die Lesekompetenz anbieten, denn das "versteckte img-tag style" war genau der von mir angesprochene Selektor #seiteninhalt img, der nun gänzlich aus dem Stylesheet verschwunden ist

mfg Maik

P.S. Ich setz dann mal Kraft meiner Wassersuppe und in deinem Namen den Status dieses Themas auf "erledigt".

 

[Security]

Da muss ich leider den Kopf in den Sand stecken und mich schämen, Maik hat total recht, ich hatte mir selber schnell ein Beispiel zum Testen geschrieben und ging es, hatte da aber auch schon die id davor stehen.

Wenn du also #seiteninhalt img.bildLinks {...} nimmst, geht in deinem Fall alles bestens.