[XHTML/CSS] Linki w 3 kolumnach

[PawelC]

Witam

Mam pytanie i brak pomysłów, jak uzyskać taki efekt że po pobraniu z bazy np 30 rekordów będą 3 słupki i w każdym z nich po 10 rekordów, chodzi mi o takie coś: https://www.firmowy.eu/ na dole po prawej gdzie są kategorie. Najlepiej bez używania tabel.

[THI]

ja bym to zrobil z uzyciem tabelek, ale na div tez mozna tylko na div jeszcze nie umiem

[PawelC]

A jak na tabelkach byś to zrobił, tak żeby były 3 słupki obok siebie? Z pobranymi nazwami kategorii??

[THI]

<table border="1" width="20%" bordercolor="#000000" height="274" bordercolorlight="#000000" bordercolordark="#000000" style="border-collapse: collapse">
<tr>
	<td> </td>
	<td> </td>
	<td> </td>
</tr>
</table>

i masz 3 pionowe kolumny..

ale pewnie nie o takie ci chodzi

[slawek22]

Coś takiego:

<style>
.kol
{
width: 300px;
float: left;
}

.clear
{
clear: both;
float: none;
font-size: 1px;
height: 0px;
overflow: hidden;
}
</style>

<div class='clear'> </div>
<div class='kol'>kolumna 1<br>rrr</div>
<div class='kol'>kolumna 2<br>rrr<br>rrr<br>rrr<br>rrr</div>
<div class='kol'>kolumna 3</div>
<div class='clear'> </div>

Jak nie mają się 'zwijać' to umieszczasz w div, gdzie width = 3 X width kol.

[THI]

prawie jak na tabelkach

[Sanchez Spinoza]

Zapewne chodzi Ci o dynamiczne tworzenie takich 3 kolumn. Poczytaj o dzieleniu modulo i jego wykorzystaniu w bazach danych. Myślę że oto chodzi.

[THI]

napisał w temacie wyraznie ze chodzi mu o html/css, pewnie bez ingerowania kodu php czy tez baza danych.

[Sanchez Spinoza]

Witam

jak uzyskać taki efekt że po pobraniu z bazy np 30 rekordów będą 3 słupki i w każdym z nich po 10 rekordów,

Powiedz mi jak wyciągniesz z bazy dane za pomocą HTML lub CSS?

[Trademark]

Nie wiem do końca czy o to Ci chodziło. Z tego, co widzę, to nie musisz porcjować wyników z bazy, żeby podzielić to na kolumny.

Dajesz np. identyfikator content, a w nim dla każdej kategorii klasę z float: left;

przykładowo:

css:

#content {
width: 100%;
overflow: hidden;
}
.kolumna {
clear: both;
float: left;
width: 33%;
}

treść:

<div id="content">
  <div class="kolumna">treść</div>
  <div class="kolumna">treść</div>
  <div class="kolumna">treść</div>
  ...
  <div class="kolumna">treść</div>
</div>

Pisałem z głowy jakby co, więc upewnij się czy działa

[PawelC]

Witam

jak uzyskać taki efekt że po pobraniu z bazy np 30 rekordów będą 3 słupki i w każdym z nich po 10 rekordów,

Powiedz mi jak wyciągniesz z bazy dane za pomocą HTML lub CSS?

Nie wyciągne za pomocą html albo css, pobrać to ja wiem jak, tylko mam problem ze zrobieniem tego tak jak chciałbym aby to wyglądało.