Gunnar Bittersmann: Bilder je nach Ausrichtung formatieren

Beitrag lesen

SELF-Forum

Bilder je nach Ausrichtung formatieren

Gunnar Bittersmann Homepage des Autors
+1 Informationen zu den Bewertungsregeln

@@Michael:

nuqneH

Als Grundlage soll
align="left"
align="right"
dienen.  Wenn left bzw. right soll das Bild je nachdem formatiert werden. Kann mir jemand erklären wie ich so ein entsprechendes CSS aufbaue?

Du könntest den Attributselektor [CSS21 §5.8, http://de.selfhtml.org/css/formate/zentrale.htm#attributbedingte@title=SELFHTML] verwenden:

img[align="left"] {  
  border: 1px solid #f0f0f0;  
  padding: 0 10px 10px 0;  
}  
  
img[align="right"] {  
  border: 1px solid #f0f0f0;  
  padding: 0 0 10px 10px;  
}

Oder (vermutlich besser) nicht @align verwenden, sondern Klassen setzen: @class="image-left" bzw. @class="image-right".

Und ja, solche Klassen sind sinnvoll, wenn die Ausrichtung der Bilder vom Bildinhalt abhängt (bpsw. damit Personen nicht aus der Seite herausschauen, sondern hinein).

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
Beitrag melden
+1
Informationen zu den Bewertungsregeln