Forum PHP.pl

Mam maly problem z html'em... otoz mam petle foreach, ktora wyciga mi pieknie dane z bazy MySQL i chcialabym teraz aby mi je wyswietlala ladnie, ale cos mi nei idzie :/.

<?
foreach ($dodanie as $todo){
echo '<div style="width: 225px; background-color:red; float:left">'."- ".$todo['zadanie'].'</div>';
echo '<div style="background-color:green;">'.'<input type="checkbox">'.'</div>'."<br/><br/>";
}
?>

pierwsze echo nie ma podanej wysokosci z tego wzgledu ze tam uzytkownik wpisuje w pole jakis tekst, ktory moze byc albo krotszy albo dluzszy, natomiast drugie echo to checkbox. Ma to wygladac tak ze ma sie wyswietlac obok siebie najpeirw wpis uzytkownika a pozniej checkbox, pozniej kolejny wpis z checboxem jeden pod drugim itd. Problem pojawia sie w momencie gdy pierwsze echo ma rozna wysokosc, owszem checbox jest obok, ale jesli poprzedni byl dosc krotki to mi sie pojawia zaraz pod checboxem a tego nie chce, chce aby bylo od nowej lini. Nie wiem czy wylumaczylam dosc zrouzmiale, ale pokaze jeszcze jak to ma wygladac wizualnie:

Tak sie mi robi:

wpis dlugi uztkownika, <check>
ktory cos wpisuje_____ wpis krotki uztkownika <check>

A ma byc tak:

wpis dlugi uztkownika, <check>
ktory cos wpisuje

wpis krotki uztkownika <check>

Ten post edytował dolar 14.11.2016, 13:13:47

Wywal floaty i niech każda para ma swojego diva-rodzica.

Ale jak to ubrac w tym kodzie? Bo za bardzo nie wiem jak sie za to zabrac nawet :/

Faktycznie dziala!, a moglbys mi jeszcze wytlumaczyc jak dziala clear:both? nie spotkalam sie z tym wczesniej, zazwyczja uzywalam br clear all

clar:both, jak to wyjasniono w manualu css, anuluje float - to tak w wielkim skrocie

Ale jak to anuluje? przeciez najpierw jest ze ma anulowac a poznije ze ma zrobic float? nie czaje ;p

To wywal clear both i zobacz co sie stanie.

Znowu jakby dzialaly floaty... czyli clear both anuluje mi te floaty przy kolejnej petli? Chcialabym jeszcze dodac enter po kazdej iteracji zeby te divy tak nei przylegaly do siebie, ale tez mi nie dziala jak dodam na koncu petli <br/>. Musze sporo doczytac z html'a

nospor są o wiele lepsze sposoby niż float + clear. Float powstał po to, żeby wtapiać elementy w tekst, a nie do ustawiania elementów obok siebie. Masz inline-block, masz flexbox - to są sposoby dające o wiele lepszą kontrolę niż zagrzybiały float i jeszcze bardziej zagrzybiały clear.

Alez ja nie mowie ze nie. Ja tam specem od css nie jestem, rozwinalem tylko kod autora oraz ustosunkowalem sie do twojego posta ze samo wywalenie float stamtad nie rozwiazep problemu autora.