Autor Zpráva
XolyCZ
Profil
Ahoj, chci se zeptat, jestli někdo neví, jak hezky zarovnat náhledy novinek. Když mám nějaký ten čtverec větší a pod ním je další novinka, udělat to mezi nimi strašně hodně místa a nevím jak se toho zbavit. Poradí mi někdo prosím? Odkaz je zde: ForTheWin - novinky.

Kód pro výpis novinek je takový:
<?php
foreach ($novinky as $novinka){
   echo("<div class='wrapper'>
        <article>
            <a href='novinka.php?str=novinky&novinka=" . htmlspecialchars($novinka['url']) . "'><div class='actuality_img'><img src='" . htmlspecialchars($novinka['uvod_obr_url']) . "'></div></a>
            <h3>" . htmlspecialchars($novinka['titulek']) . "</h3>
            <p>" . htmlspecialchars($novinka['popisek']) . "</p>");
             if ($_SESSION['opravneni_online']>=3){
             echo(" <a href='nov_update.php?str=novinky&url=" . htmlspecialchars($novinka['url']) . "' class='nov_update_odkaz'>Editovat</a>
         <a href='novinky.php?str=novinky&odstranit=" . htmlspecialchars($novinka['novinky_id']) . "' class='nov_update_odkaz'>Odstranit</a>
            ");}
            echo("</article>
        </div>");  
}
?>

a styly co to upravují jsou tyhle:

.actuality_casing{margin:0 auto;width:95%;overflow:hidden;}
.actuality_casing article{width:48%;background:#333;float:left;margin:1%;}
.actuality_img{text-align:center;}
.actuality_img img{width:100%;}
.actuality_casing h3{font-size:12pt;text-transform:uppercase;color:#ffd700;letter-spacing:1px;background:none;margin-top:0%;margin-bottom:-2%;margin-left:5%;margin-right:5%;}
.actuality_casing p{padding-bottom:10px;margin-left:2%;margin-right:2%;}

To jenom pro přehlednost, není v tom asi úplně pořádek.


Ony jsou teď zarované stejně, ale když si přes F12 prodloužíte nadpis té novinky na dva řádky, udělá to pod ní místo.

Nejlepší by bylo, kdyby byly všechny ty čtverce stejně veliké.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0