Laubi
Neues Mitglied
Hallo, ich hab ein kleines Problem mit Html und css.
Ich möchte mehrere Kästchen nebeneinand anordnen und hab dafür diesen kleinen beispiel HTML code:
Ergebniss:
Hier werden die Kästchen schön nebeneinand angeordnet, wenn ich jetzt allerdings
benütze (also mit umbruch) wird zwischen den Kästchen ein kleiner Freiraum.
Ich will die Kästchen nicht nur nebeneinand sondern ebenso untereinand anordnen, sonst müsste ich nur alle Elemente nebeneinand schreiben, aber so...
Das Problem tritt auf bei allen von mir getesteten Browsern (IE9, Opera 12, FF 16)
Falls ihr ideen habt wie ich das verhindern kann, ich bin offen für alles. Nur wenn möglich natürlich kein JS, das layout sollte damit nichts zu tun haben.
Danke im Vorraus, Laubi
Ich möchte mehrere Kästchen nebeneinand anordnen und hab dafür diesen kleinen beispiel HTML code:
HTML:
<!DOCTYPE html>
<html>
<head>
<style>
.pixel{
display: inline-block;
width: 12px;
height: 12px;
border: 1px black solid;
margin: 0 0 -1px -1px;
}
</style>
</head>
<body>
<span class="pixel"></span><span class="pixel"></span>
</body>
</html>Ergebniss:
Hier werden die Kästchen schön nebeneinand angeordnet, wenn ich jetzt allerdings
HTML:
<span class="pixel"></span>
<span class="pixel"></span>Ich will die Kästchen nicht nur nebeneinand sondern ebenso untereinand anordnen, sonst müsste ich nur alle Elemente nebeneinand schreiben, aber so...
Das Problem tritt auf bei allen von mir getesteten Browsern (IE9, Opera 12, FF 16)
Falls ihr ideen habt wie ich das verhindern kann, ich bin offen für alles. Nur wenn möglich natürlich kein JS, das layout sollte damit nichts zu tun haben.
Danke im Vorraus, Laubi
