Hallo,
wie kann ich ein -Element in einem
Nur das div Element wäre ja so:
#irgendwas {
display: block;
margin-left: auto;
margin-right: auto;
}
danke und mfg
Stichwort: Nachfahrenselektor
<img id=“imgid” …
#imgid {
height: …
}
<img class=“imgclass” …
.imgclass {
height: …
}
#irgendwas img#bild1{
width: 120px;
height: 50px;
border: 0px;
}
Das Zentrieren zwischen links und rechts ist relativ leicht. Da ein Bild ja auch nur ein Block-Element ist, kann man da mit margin arbeiten. Um es in der Höhe zu zentrieren gibt es den Trick das Bild absolut auf 50% 50% zu positionieren und das margin auf die Hälfte der Bildbreite (allerdings negativ) zu setzen.
Definitiv einfacher ist es, das Bild als Hintergund zu setzen:
div#image {
background-image: url(bild.png);
background-repeat: no-repeat;
background-position: center center;
}mehr auf css4you.de
Da ein Bild ein replaced-inline-Element ist, kann man das erst dann, wenn man es per display als block darstellen lässt.
Das führt allerdings, wenn der zur Verfügung stehende Platz kleiner als das Bild ist, dazu, dass es teilweise unerreichbar wird - was bei absoluter Positionierung nach oben und/oder links aus dem Bereich herausragt, erzeugt keine Scrollbalken.
Das ist dann angebracht, wenn es reine Verzierung ist.
Wenn das Bild zum Inhalt gehört, dann nicht.
ist es auch möglich ein bild zu zentrieren, das in einem div-absatz steht und keine explizite ID hat?
Kann man z.B. mit CSS alle IMG-Tags in einem bestimmten DIV-element ansprechen?
mfg
Siehe meine erste Antwort.
Wenn dir ein Stichwort genannt wird, dann informiere dich bitte darüber.
