[Erledigt] Abstand zwischen Block-Elementen

[NikB]

Hi Leute,
ich hab mal ne kleine Frage bezüglich des Abstandes zwischen Block-Elementen. Ich habe 5 Links (<a>) als Inline-Block definiert und mithilfe von Margin den Abstand zwischen denen auf 0 Pixel gesetzt, sprich kein Abstand. Dennoch zeigt er mir im Browser eine kleine freie Fläche zwischen den Links, woran könnte das liegen. Die Links haben alle eine unterschiedliche Hintergrundfarbe.

Hier der Code aus der CSS:

a.aTopLink {
	margin:0px;
	padding:0px;
	width:120px;
	height:120px;
	display:inline-block;
}

Und hier der Code aus der HTML:

<div id="divTop">
	<a class="aTopLink" id="aTopLinkHome" href="index.html">
	</a>
	<a class="aTopLink" id="aTopLinkShared" href="shared.html">
	</a>
	<a class="aTopLink" id="aTopLinkAdd" href="add.html">
	</a>
	<a class="aTopLink" id="aTopLinkChat" href="chat.html">
	</a>
	<a class="aTopLink" id="aTopLinkProfile" href="profile.html">
	</a>
</div>

Und hier ein Screenshot aus dem Browser:



Die Boxen sollen halt alle nebeneinander angezeigt werden!

Hoffe, ihr habt da ne Lösung!

[nikosch]

Am Zeilenumbruch. Entferne den oder benutze floating.

[NikB]

Entschuldige, aber ich weiß leider gerade nicht, welchen Zeilenumbruch du meinst?
Den zwischen <a ...> und </a>?

[nikosch]

Wie wärs mit ausprobieren!

[NikB]

Hab ich, hab den entfernt. Gibt keinen Unterschied!

[nikosch]

Du wartest jetzt ernsthaft drauf, das Dir das jemand vorbetet oder was?!

[threadi]

Oder wie wärs mit seiner "ODER"-Anmerkung?

[NikB]

Tut mir Leid, ich steh da echt auf dem Schlauch. Ich würde es nur ungerne mit Float machen!

Falls du den Umbruch nach der 4 Box meinst: Das Div "divTop" hat eine Breite von 600 px und die Links "aTopLink" sind jeweils 120 px breit, d.h. es müssten genau 5 hinpassen. Den Umbruch hat er automatisch erzeugt, da das ja nicht reinpasst, mit den Abständen dazwischen.

[nikosch]

Man, es gibt im Code nicht so viele Umbrüche. Nimm halt alle raus und sieh was passiert. Verstehe nicht, wie man sich da jetzt so anstellen kann.

[NikB]

Oh, entschuldige, du hattest von Anfang an Recht. Ich hatte wie oben beschrieben nur den Umbruch zwischen <a ...> und </a> entfernt. Ich wusste nicht, dass man auch die zwischen zwei Links entfernen muss. Ich hatte die Umbrüche ja auch nur der Übersicht halber gesetzt. Gibt es eine Möglichkeit, die Umbrüche im Editor angezeigt zu bekommen (der Übersichtlichkeit halber), aber im Browser keine Umbrüche darzustellen?
Ich danke schon mal für deine Antworten!

[nikosch]

Nein.

[NikB]

Ok, dann danke für die Antwort. Dann schließe ich das Topic!

[ChrisB]

Gibt es eine Möglichkeit, die Umbrüche im Editor angezeigt zu bekommen (der Übersichtlichkeit halber), aber im Browser keine Umbrüche darzustellen?

Float, absolute Positionierung ...