Servus Leute,
ich habe mir gestern eine Photoblog erstellt und dachte mir es wäre schön wenn die Bilder alle einheitlich groß wären. D.h. ich muss die Bilder nicht alle manuell mit width und height versehen sondern das macht das CSS für mich.
Ich bin inzwischen so weit das ich das img-Tag mir der class="bildw" bzw. class="bildh" versehe. Ich habe zwei Klassen weil ich ja will, dass die Querformatbilder die volle Breite nutzten sollen aber die Hochformatbilder eben nicht.
img.bildw {
width: 700px;
height: auto;
}
img.bildh {
width: auto;
height: 450px;
}
Meine Frage ist nun gibt es eine bessere Alternative. Kann man mit dem CSS festlegen, wenn es Hochformat ist dann mach das wenn nicht dann das. Geht das?
Meine zweite Frage ist: Wie kann ich es erreichen, dass die Bilder immer in der Mitte des Containers sind. Es gibt ja meines Wissens keinen "center" befehl bzw. float=center, oder? Wie kann es dann Erreichen dass die Bilder in der Mitte sind?
Dritte Frage: Ich würde gerne einen schönen Rahmen um jedes Bild machen. Ich dachte das ginge so:
img {
padding: 10px;
border: 5px solid #000;
margin: 5px;
}Aber aus unerklärlichen Gründen funktioniert das nicht. Irgendwie ignoriert der Browser mein Padding. Wieso?
Danke schöne für eure Hilfe,
double-H