Cześć.
Nie za bardzo wiedziałem jaki dać tytuł, więc z góry przepraszam za to ,że jest taki.. ee... tajemniczy (ładniej to brzmi niż - "nic wam nie mówiący)
Może od razu przejdę do problemu.
Mam diva, który ma w sobie diva z obrazkiem, diva z tytułem i opisem oraz diva z danymi.
Pod spodem będą kolejne divy. Wszystko dobrze działa, kiedy mam dużo opisu - tak, że wypełnia wysokość do końca obrazka. Gorzej, gdy opisu jest mało lub nie ma go wcale. Wtedy dolny div wchodzi na góry i wszystko się psuje.
Później wszystkie style divów wywalę do zewnętrznego arkusza a strona będzie wyświetlała divy za pomocą PHP z bazy MySQL.
<div id="RAMKA" style="padding-right: 30px;">
<div id="OBRAZEK" style="float: left; text-align: center;">
<img src="img/gra2.png"><br><br>
<a href="#" border="0"><img src="img/download.png"></a>
</div>
<div style="padding-left: 10px; margin-left: 180px;">
<b>Subway Surfers</b>
<div align="center" style="background-color: #36918d; margin-left: -30px;">
<table cellspacing="5" width="90%">
<tr align="center" valign="middle">
<td>OCENA:</td><td>AUTOR:</td><td>POBRANIA:</td><td>ROZMIAR:</td><td>KATEGORIA:</td>
</tr>
<tr align="center" valign="middle">
<td>5,6/6</td><td>Markus5</td><td>4753</td><td>10GB</td><td>Gry PC</td>
</tr>
</table>
</div>
Seria Angry Birds zdobyła ogromną popularność wśród użytkowników smartfonów, tabletów, konsol i komputerów. Deweloperzy ze studia Rovio Mobile postanowili zrobić kolejny krok i wprowadzić swój produkt do serwisu Facebook w formie bezpłatnej aplikacji dostępnej z poziomu przeglądarki WWW.<br>
Podobnie jak w przypadku klasycznych odsłon cyklu, w Angry Birds: Friends nie istnieje wyraźnie zarysowana fabuła. Jedynym wątkiem jest tu konflikt pomiędzy „wściekłymi ptakami” i zielonymi świnkami, czyli złodziejami ptasich jaj.<br>
Zabawa polega przede wszystkim na strzelaniu z procy. Do ukończenia poziomu wymagane jest zlikwidowanie (np. poprzez bezpośrednie trafienie, spowodowanie upadku lub zawalenia się konstrukcji) wszystkich świnek. Gracz ma jednak ograniczoną liczbę „pocisków”, czyli w tym przypadku ptaków. Musi więc wymyślić sposób na sforsowanie umocnień i wytyczyć odpowiednią trajektorię lotu. Miejscami można również wykorzystać rozmaite power-upy, np. nalot gigantycznego orła.
<p align="right"><a href="#"><font color="#36918d">zobacz pełen opis >>></font></a>
</div>
</div>
<div id="RAMKA" style="padding-right: 30px;">
<div id="OBRAZEK" style="float: left; text-align: center;">
<img src="img/gra1.png"><br><br>
<a href="#" border="0"><img src="img/download.png"></a>
</div>
<div style="padding-left: 10px; margin-left: 180px;">
<b>Angry Birds Friends</b>
<div align="center" style="background-color: #36918d; margin-left: -30px;">
<table cellspacing="5" width="90%">
<tr align="center" valign="middle">
<td>OCENA:</td><td>AUTOR:</td><td>POBRANIA:</td><td>ROZMIAR:</td><td>KATEGORIA:</td>
</tr>
<tr align="center" valign="middle">
<td>3,4/6</td><td>Nik22</td><td>834</td><td>150KB</td><td>Gry android</td>
</tr>
</table>
</div>
Seria Angry Birds zdobyła ogromną popularność wśród użytkowników smartfonów, tabletów, konsol i komputerów. Deweloperzy ze studia Rovio Mobile postanowili zrobić kolejny krok i wprowadzić swój produkt do serwisu Facebook w formie bezpłatnej aplikacji dostępnej z poziomu przeglądarki WWW.<br>
Podobnie jak w przypadku klasycznych odsłon cyklu, w Angry Birds: Friends nie istnieje wyraźnie zarysowana fabuła. Jedynym wątkiem jest tu konflikt pomiędzy „wściekłymi ptakami” i zielonymi świnkami, czyli złodziejami ptasich jaj.<br>
Zabawa polega przede wszystkim na strzelaniu z procy. Do ukończenia poziomu wymagane jest zlikwidowanie (np. poprzez bezpośrednie trafienie, spowodowanie upadku lub zawalenia się konstrukcji) wszystkich świnek. Gracz ma jednak ograniczoną liczbę „pocisków”, czyli w tym przypadku ptaków. Musi więc wymyślić sposób na sforsowanie umocnień i wytyczyć odpowiednią trajektorię lotu. Miejscami można również wykorzystać rozmaite power-upy, np. nalot gigantycznego orła.
<p align="right"><a href="#"><font color="#36918d">zobacz pełen opis >>></font></a>
</div>
</div>