Pełna wersja: [PHP][CSS]kilka rekordow i wyrownanie divow
jak to zrobic zeby po dodaniu kolejnego diva, gdzie wszyskie divy przedstawiaja wyciaganiete z bazy kilka rekordo, wszystkie divy zaczynaly sie u gory w jednej lini, "display" nie dziala w tych divach juz robilem
w css: float:left ; clear:none;
dodalem w obu div'ach float i clear i dalej wyrownuje w ten sposob ze ostatni rekord 1szego diva jest w lini z pierwszym rekordem 2 diva, a chodzi o to zeby rekordy z obu divow byly wyswietlane rownolegle od gory do dolu
konkrety
a to w kontenerze i content:
czy ktos potrafi mi pomoc zeby tego na tabalach nie robic
konkrety
Kod
...<div class='box_1'>
<span class='data'>$data</span>
<a href='wyswietl.php?id=$id'>
<img src='http://localhost/fot/$zdjecie' width='160' height='90'></a><h3><a href='costam.php?id=$id'>$tytul</a></h3></p>
</div>...
<div class='box_2'>
<span class='data'>$data</span><br />
<a href='wyswietll.php?id=$id'><img src='http://localhost/fot/$zdjecie' width='240' height='135'></a>
<a href='wyswietl.php?id=$id'><h1>$tytul</h1></a>
<i><strong>$skr</strong></i>
</div>
CSS:
.box_1 {
background:#fff;
float:left;
clear:none;
margin-left:0px;
width:300px;
}
.box_2{
border-bottom:1px solid #000;
border-left:1px solid #000;
background:#fff;
float:left;
clear:none;
margin-left:10px;
width:600px;
display:run-in;
}
<span class='data'>$data</span>
<a href='wyswietl.php?id=$id'>
<img src='http://localhost/fot/$zdjecie' width='160' height='90'></a><h3><a href='costam.php?id=$id'>$tytul</a></h3></p>
</div>...
<div class='box_2'>
<span class='data'>$data</span><br />
<a href='wyswietll.php?id=$id'><img src='http://localhost/fot/$zdjecie' width='240' height='135'></a>
<a href='wyswietl.php?id=$id'><h1>$tytul</h1></a>
<i><strong>$skr</strong></i>
</div>
CSS:
.box_1 {
background:#fff;
float:left;
clear:none;
margin-left:0px;
width:300px;
}
.box_2{
border-bottom:1px solid #000;
border-left:1px solid #000;
background:#fff;
float:left;
clear:none;
margin-left:10px;
width:600px;
display:run-in;
}
a to w kontenerze i content:
Kod
#container {
background:#fcf;
width:1200px;
overflow:hidden;
}
#content {
width:1200px;
overflow:hidden;
margin-left:0px;
position:relative;
}
background:#fcf;
width:1200px;
overflow:hidden;
}
#content {
width:1200px;
overflow:hidden;
margin-left:0px;
position:relative;
}
czy ktos potrafi mi pomoc zeby tego na tabalach nie robic
wywal display:run-in;
daj poprawnie tło , czyli nie background:#fff; a background-color:#fff;
daj poprawnie tło , czyli nie background:#fff; a background-color:#fff;
niestety dalej kicha, wyswietla rekordy 1szego wywolania w box_1, potem wyswietla rekordy 2go wywolania w box_2 ale ulozone box_2 za box_1 nie obok siebie:( 
myself normalnie
background daje tylko do analizy przy budowie:))
no nic chyba polacze tabele z divami, poki co na absolute:top:0 i marginy dziala
myself normalniebackground daje tylko do analizy przy budowie:))
no nic chyba polacze tabele z divami, poki co na absolute:top:0 i marginy dziala
Możesz jeszcze spróbować nadać display: inline i wtedy popróbować z vertical-align.
spróbuje, ale wydaje mi sie ze css traktuje ostatni rekord jako calego diva, wiec efekt bedzie taki sam jak wczesniej
Cytat
mi sie ze css traktuje ostatni rekord jako calego diva
Nie rozumiem...? Spróbuj, nie teoretyzuj, jak nie zostaną skasowane żadne dane, to przecież nie zaboli.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.