Fehler behoben - nichts dazugelernt! ;-)

[Gunther]

Hallo!

hab mein Fehler gefunden, gestern hatte ich noch dieses:

Das glaube ich ehrlich gesagt nicht, denn es handelt(e) sich ja gar nicht um einen "Fehler".

.startseite_bild {
        padding:0 15px 15px 0;
}

>   
> und das HTML dazu dieses:  
>   
> ~~~html
  

>  <p>  
>  <img src="startseite/1.jpg" class="startseite_bild" alt="Referenz">  
>  <img src="startseite/2.jpg" class="startseite_bild" alt="Referenz">  
>  <img src="startseite/3.jpg" class="startseite_bild" alt="Referenz">  
>  <img src="startseite/4.jpg" class="startseite_bild" alt="Referenz">  
>  <img src="startseite/5.jpg" class="startseite_bild" alt="Referenz">  
>  <img src="startseite/6.jpg" class="startseite_bild" alt="Referenz">  
>  </p>  
> 

BTW: Wenn man eine solche Wiederholung von class Attributen sieht, stellt sich (mir) immer die Frage, ob es nicht ggf. "sinnvoller" wäre, dem jeweiligen Elternelement eine Klasse zu verpassen und per CSS Kind-Selektor die gewünschten Styles zuzuweisen.

Wie gestern erklärt hatte der Internet Explorer damit Probleme und stellt nur zwei Bilder in eine Reihe.

Mal ganz abgesehen davon, dass das ja auch noch immer von den Abmessungen der Grafiken, der (des) Elternelemente(s) und nicht zuletzt von der Viewportbreite abhängig ist.

Nun hab ich mir mal andere Beispiele angeschaut und hab „float“ gefunden. Dieses habe ich nun bei mir ergänzt:

.startseite_bild {
padding:0 15px 15px 0;
float:left;
}

  
Und dabei bist du nicht auch über "display: inline-block" gestolpert ...!?  
Hier ein zwar schon etwas älterer, aber dennoch sehr informativer Artikel von Gunnar:  
<http://bittersmann.de/articles/inline-block/>  
  

> Und siehe da, es werden nun alle drei Bilder in eine Reihe dargestellt. Keine Ahnung warum es ohne „float“ nicht geht.  
  
Letzteres ist weniger gut ...!  
  

> Ganz zum Schluss habe ich noch ein:  
>   
> `<div style="clear:both;"></div>`{:.language-html}  
> eingefügt dass ich weiter unten normal weiterarbeiten kann.  
  
Uh, Extra-Markup zum Clearen von floats ...., übel(st).  
Und bspw. bei einem "overflow: hidden" für das Elternelement auch nicht erforderlich.  
  

> Man sollte nicht einfach alles von anderen Scripten / Postings übernehmen.  
  
Richtig! Stattdessen sollte man es verstehen. ;-)  
Und CSS ist imho viel zu komplex, als dass man (nur) mit der "trial and error" Methode zu "brauchbaren" Ergebnissen kommen könnte.  
  

> Aber ich möchte meine Seite einfach so schnell wie möglich Online haben.  
  
Das kann ich zwar vom Wunsch her verstehen, aber u.a. in Anbetracht der Tatsache, dass du bspw. auch ein Kontaktformular einbauen willst, nicht wirklich empfehlen.  
  
  
Gruß Gunther