Hallo,
ich würde gerne 30-40 Bild,Videoplayer oder Nachrichtenelement automatisch in mehreren Spalten anordnen, wenn die Breite der Seite (Main) es zulässt. Also je nach Größe in 2 oder 3 Spalten. Ich könnte es natürlich auch mit Spaltenelement machen, was aber etwas umständlich ist, wenn die Anzahl der Elemente groß ist.
Ich würde gerne, wenn so etwas mit Bild Elementen möglich ist, gleich die Anordnung (Volle Breite spaltenweise ausnützen), die Größe des jeweiligen Bildes und das Mouseover-Layout mit CSS gestalten.
Also jedes Bild sollte bei Mousover andere Farben haben und einen orangefarbigen Rand. Ist es möglich oder soll ich diesen Zustand als Bild immer manuell erstellen? Die Frage ist also, ob ich die Farben eines Bild mit CSS ändern kann?
Wie mache ich es bezüglich Anordnung am besten?
Richte ich eine CSS Klasse mit den entsprechenden Merkmalen und schreibe diesen Klassennamen ins passende Feld beim Element Bild oder Text ein?
also ungefähr so, wo "box" dann bei jedem Element eingetragen wird?
Code:
.box {
float: left;
width: 32%;
margin-right: 2%;
padding: 20px;
box-sizing: border-box;
.box:last-child {
margin-right: 0;
}
}
Also das größere Bild sollte rechts vom kleinen angeordnet sein: http://www.hfn-media.net/startseite4.html
Vielen Dank für die Hilfe.
I.
Lesezeichen