Hallo,
nach etlichen Versuchen frage ich nun euch mal um Rat.
Ich habe eine Div, welche 3 class beinhaltet. Diese 3 Class möchte ich nun zentriert in der Div ausrichten, das klappt soweit, doch werden die Bilder immer untereinander, statt nebeneinander dargestellt. Ich habe von margin auto, margin-left/right, bis display und img tags nun alles durch, ich finde einfach keine Lösung.
Mein Aufbau sieht derzeit etwa so aus:
<div id="ubersicht">
<div class="bild">
<img src="xxx.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
</div>
<div class="bild">
<img src="xxx.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
</div>
</div>Der CSS Teil:
#ubersicht{
}
.bild{
width: 900px;
}
.bild img{
display: block;
margin: auto;
padding: 10px;
-moz-border-radius:7px 7px 7px 7px;
-moz-box-shadow:0 0 20px #000000;
}Ich weiß leider absolut nicht mehr weiter, dabei bin ich mir sicher es ist nur eine winzige Änderung die einen großen Effekt hat :(
(Ich weiß das ich einfach 3 divs erstellen könnte welche ich einzeln per margin ausrichte, doch werden später vermutlich weitere bilder hinzukommen, und auch bei der bildbreite bin ich mir noch nicht sicher, es wäre für die Zukunft daher einfach wenn sie automatisch zentriert werden würden)