✔ Divs nebeneinander

[Sebastian Schmidt]

Habe hier nen Quelltext in dem die DIVs untereinander sind, ich bekomms aber partu nicht hin sie nebeneinander zu bekommen.

<table border="0" width="150" cellpadding="0" cellspacing="0">
	<tr>
		<!-- Oberer und unterer Rahmen der Navigation / Dicke / Art / Farbe -->
		<td style="border-top: 1px solid #F58220; border-bottom: 1px solid #F58220; background: #793F0D;" id="menu_1">
			<div class="menu1-level1-act"><a href="index.php?id=6" onfocus="blurLink(this);">Home</a></div>
			<div class="menu1-level1-no"><a href="index.php?id=5" onfocus="blurLink(this);">Über uns</a></div>
			<div class="menu1-level1-no"><a href="index.php?id=13" onfocus="blurLink(this);">Partner</a></div>
			<div class="menu1-level1-no"><a href="index.php?id=21" onfocus="blurLink(this);">Unsere Kunden</a></div>
			<div class="menu1-level1-no"><a href="index.php?id=16" onfocus="blurLink(this);">Service</a></div>
			<div class="menu1-level1-no"><a href="index.php?id=4" onfocus="blurLink(this);">Impressum</a></div>
			<div><a href="index.php?id=6" onfocus="blurLink(this);">Home</a></div>
			<div><a href="index.php?id=5" onfocus="blurLink(this);">Über uns</a></div>
			<div><a href="index.php?id=13" onfocus="blurLink(this);">Partner</a></div>
			<div><a href="index.php?id=21" onfocus="blurLink(this);">Unsere Kunden</a></div>
			<div><a href="index.php?id=16" onfocus="blurLink(this);">Service</a></div>
			<div><a href="index.php?id=4" onfocus="blurLink(this);">Impressum</a></div>
		</td>
	</tr>
</table>

 

[dark_ghost]

Hallo,

also du könntest es auf 2 verschiedenen Wegen machen.

1. Du positionierst jeden Div-Tag mit

<position:absolute; top:abstandpx; left:abstandpx;>

Das ist recht umständlich aber mit sicherheit eine funktionierende Lösung.

2. Du benutzt keine Div-Tags
Ein div erzwingt immer einen Zeilenumbruch, ein Span-Tag hingegen erzwingt keinen Zeilenumbruch! Setze also überall dort wo jetz ein 'div' steht ein 'span' ein und dir werden alle Tags nebeneinander aufgelistet.


Gruß
Andi

 

[Sebastian Schmidt]

Das funktioniert gut, Danke.

Muss nur die CSS wieder umbauen ^^

 

[dark_ghost]

Hi,
na dann freuts mich wenns funktioniert. Nur interesse halber, wie hast du es jetz gelöst, mit <span> oder mit <position:absolute>

Gruß
Andi

 

[Maik]

Das funktioniert gut, Danke.

Wenn das Problem gelöst ist und alles funktioniert, markiere das Thema bitte auch durch einen Klick auf den 'Status-Button' als 'erledigt'.

Vielen Dank

 

[Sebastian Schmidt]

Ich habs als Span gelöst

und hake nun an

 

[Maik]

Die DIVs lassen sich mit der CSS-Eigenschaft float:left horizontal anordnen.