Autor Zpráva
jetyadam
Profil *
Dobrý večer,
už asi den se snažím nastylovat stránku tak aby vypadala takhle: http://i57.tinypic.com/34hxe1v.png .
Sice už se mi to podařilo, jak můžete vidět, ale s tím kódem jsem hodně nespokojený.
PS: Produkty se vypisují z databáze.

Kód php:

if ($template == "productos") {
    $result = mysql_query("SELECT name, photo, description, cost, category FROM products");
    $count = 0;
    $resultcount = mysql_num_rows($result);
    echo '<p class="products">';
        while ($line = mysql_fetch_array($result)) {
            $count++;
               $description2 = $line["description"];
               $name = $line["name"];
               $photo = $line["photo"];
               $cost = $line["cost"];
               $category = $line["category"];

               if ($count & 1) { //zjistí jestli je číslo sudý nebo lichý
                   echo '<div class="left products">';
                   echo '<img src="'.$photo.'" width="320"><span><div class="name">'.$name.'</div><div class="text">'.$description2.'</div><div class="cost">Costo: '.$cost.'</div></span>';
                   if ($count != $resultcount) {
                       echo '</div><div class="lineleft"></div>';
                   }        
        }
        else {
            echo '<div class="right products">';
                   echo '<img src="'.$photo.'" width="320"><span><div class="name">'.$name.'</div><div class="text">'.$description2.'</div><div class="cost">Costo: '.$cost.'</div></span>';
                   if ($count != $resultcount) {
                       echo '</div><div class="lineright"></div>';
                   }    
               }
    }
        echo '</p>';
}
else echo $description2;

Kód css:
div#body p.products {
    margin-left: 15px;
    font-size: 25px;
    width: 904px;
    margin-top: -270px;
}

div.right {
    float: right;
    margin-right: -15px;
}

div.left {
    margin-top: 270px;
    margin-left: 15px;
}

div.right img {
    margin-top: 25px;
}

div.left img {
    margin-top: 25px;
}

div.products img {
    border: 10px solid #22160a; 
}

div.left span {
    float: right;
    margin-top: 13px;
    margin-right: 4px;
    width: 490px;
}

div.name {
    font-weight: bold;
}

div.text {
    margin-top: 10px;
}

div.cost {
    margin-top: 10px;
}

div.lineleft {
    height: 2px;
    background-color: #22160a;
    width: 904px;
    margin: 0 auto;
    margin-left: 15px;
    margin-top: 15px;
    float: left;
}

div.lineright {
    height: 2px;
    background-color: #22160a;
    width: 904px;
    margin: 0 auto;
    margin-right: -15px;
    float: right;
    margin-top: 15px;
}

div.right span {
    float: left;
    margin-left: -560px;
    margin-top: 13px;
    width: 490px;
}

Takhle mi přijde hodně "prasácký".

Nemohl by někdo poradit jak upravit ten php kód aby se to pak lehce nastylovalo a nedělalo to chyby jako např: http://i62.tinypic.com/2hx6ryh.png
a zároveň, pokud to bude poslední vypsaný produkt tak aby se dole nevypsala ta hnědá čára.

Děkuji
jefitto44
Profil
Vždy keĎ niečo floatuješ, musíš floatovanie ukončiť... Osobne to robím tak, že keď niečo floatuje, za tým nasluduje <div class="clear"></div>
a css
.clear {
width:100%;
height:0;
clear:both;
}


A keď chceš upraviť PHP kód, tak odporúčam všade, kde je echo to echo vymazať, PHP kód ukončiť a potom znova začať... čiže napr

 if ($count != $resultcount) { ?>
                       </div><div class="lineleft"></div>
                  <? }        
kukuč
Profil *
No, mě přijde prasácký celý ten web (viz druhý odkaz). Hned na mě blafne reklama o nevyzvednuté ceně, po kliknutí na křížek místo zavření další stránka, pak další okno, stránka....
lionel messi
Profil
kukuč:
No, mě přijde prasácký celý ten web (viz druhý odkaz). Hned na mě blafne reklama o nevyzvednuté ceně, po kliknutí na křížek místo zavření další stránka, pak další okno, stránka....
No, mmmne príde, že toto nie je sekcia Názor na stránku a tvoj príspevok je tým pádom irelevantný, pretože jetyadam nechce zhodnotiť web, ale pomôcť s CSS.

Moderátor Petr ZZZ: Jestli někde vyskakuje dotěrná reklama, je vhodné na to upozornit (přivolávač moderace jsem zrušil).
jetyadam
Profil *
kukuč:
O jaké reklamě to mluvíš? Ty stránky jsou hosting na fotky... Nemyslel jsem aby ses koukal na ty stránky "Tinypic" ale na tu fotku co jsem poslal.


jefitto44:
Clear funguje, díky.

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: