List in 3 Spalten ausgeben

Status
Nicht offen für weitere Antworten.
H

hammer12

Mitglied
Liste in 3 Spalten ausgeben

Ich habe eine Liste von Begriffen (variable Anzahl) und möchte diese mit Hilfe von CSS ohne Tabellen in 3 Spalten ausgeben?
Die Begriffe werden mittels PHP aus einer DB ausgelesen.

Welche CSS-Befehle brauche ich dafür (Positionierung)?
 
Zuletzt bearbeitet:
weniger code -> weniger traffic, hoffe ich jedenfalls

ich denke es geht so ähnlich wie in diesem beispiel:
nur wie bekomme ich die dritte spalte rein?


<html>
<head>
<style type="text/css">
#main {
width: 100px;
}

#left {
float: left;
width: 50px;

}

#right {
float: right;
width: 50px;
}
</style>
</head>
<body>
<div id="main">
<div id="left">Links</div>
<div id="right">Rechts</div>

</div>
</body>
</html>
 
Zuletzt bearbeitet:
Hi Hammer 12,

vielleicht gehts so:

<html>
<head>
<style type="text/css">
#links {
position: absolute; z-index: 1; top: 100px; left: 5px; width: 50px; height: 25px; visibility: visible;
}
#mitte {
position: absolute; z-index: 2; top: 100px; left: 55px; width: 50px; height: 25px; visibility: visible;
}
#rechts {
position: absolute; z-index: 3; top: 100px; left: 105px; width: 50px; height: 25px; visibility: visible;
}
</style>
</head>
<body>
<div id="links">Links</div>
<div id="mitte">Mitte</div>
<div id="rechts">Rechts</div>
</body>
</html>

?
Gruss
 
Hi,

notiere folgende CSS-Klasse im Head
Code: 
.spalte{ float: left;
         width: 120px;}
Damit kannst Du mehr Spalten nebeneinander erstellen.
Code: 
<div class="spalte">Spalte 1</div>
<div class="spalte">Spalte 2</div>
<div class="spalte">Spalte 3</div>
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück