| Autor | Zpráva | ||
|---|---|---|---|
| PHP_Nemaster Profil |
#1 · Zasláno: 18. 6. 2010, 08:34:58
Dobrý den,
mám takový problém s CSS ( a možná PHP ). Mám v databázi obrázek a s ním nějaký titulek. Obrázky vykresluji pomocí cyklu while v PHP, ale problém je s tím, že ty obrázky se dávají pod sebe, a ne vedle sebe.  Vypadá to takhle, ale chtěl bych, aby se skládaly vedle sebe a ne pod sebou.
Vykresluju je tímhle způsobem: <div id="liked_articles">
<?php
while( $liked_articles = mysql_fetch_array( $result_liked_articles ) ) { ?>
<div id="article_item">
<a href="article.php?id=<?php echo $liked_articles['id']; ?>"><?php echo $liked_articles['title']; ?></a>
<img src="<?php echo $liked_articles['cover_image']; ?>" width="150px" height="100px">
</div>
<?php } ?>
</div>Styly: #liked_articles {
width: 600px;
height: 150px;
text-align: left;
border: 1px solid black;
}
#article_item {
width: 150px;
height: 150px;
border: 1px solid red; }Poradíte prosím? Předem děkuji za odpověd' |
||
| Taps Profil |
PHP_Nemaster:
nastav prvnímu obrázku float: left; |
||
| Bubák Profil |
#3 · Zasláno: 18. 6. 2010, 09:41:28
PHP_Nemaster:
„Obrázky vykresluji pomocí cyklu“ <div id="article_item"> Takže budeš mít na stránce několik DIVů se stejným ID, raději použij třídu. Dej float DIVům "article_item". DIVy "article_item" budou 150px + 2 × 1px vysoké a široké, takže se do výšky 150px nevejdou a budou dole přečuhovat a vedle sebe ti do šířky 600px vejdou jenom tři. Takže obalový DIV musíš mít 608px × 152px velký. |
||
|
Časová prodleva: 15 let
|
|||
0