Mehrere Bilder nebeneinander darstellen

Kevinuser · 30.07.2010

Hallo, ich habe gerade versucht in CSS mehrere Bilder nebeneinander darstellenzulassen, was gut geklappt hat, aber sobald ich in die live Ansicht gweckseln wollte, wurde die Bilder anstatt nebeneinander untereinander auf meinem Header angezeigt :rolleyes:

CSS:

Code:

.button {
	background-image:url(../Buttons/Button.jpg);
	background-repeat:no-repeat;
	width:185px;
	height:33px;
	margin:22px;
	float:left;
	display:inline;
}

HTML:

HTML:

<body>
<div class="content">
<div class="head"/>
<div class="button"/>
<div class="button"/>
<div class="button"/>
<div class="button"/>
</div>
</body>

Uploaded with

Uploaded with

PS: Hab erst gestern mit CSS angefangen ^^

cebito · 30.07.2010

AW: Mehrere Bilder nebeneinander darstellen

Kevinuser schrieb:
was gut geklappt hat

Wohl eher nicht. Ein div ist ein ungeeignetes Element um ein paar Buttons darzustellen. Hier wäre eine Listennavigation geeigneter. Hab im übrigen auch noch nirgends gesehen, das ein div "selfclosed" wieder geschlossen wird, wär ja auch widersinnig, da sie im Normalfall ja bspw. content oder weitere Elemente beinhalten. Wundert mich, das du überhaupt was dargestellt bekommst. Wozu eigentlich float:left; und display:inline;? Bewirkt beides dasselbe, wobei beim zweiten jedoch der div seine Eigenschaft als Blockelement verliert.

Wie gesagt, gib mal "Listennavigation" in die Suche ein.