Autor Zpráva
PHP_Nemaster
Profil
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
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ý.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: