| Autor | Zpráva | ||
|---|---|---|---|
| jetyadam Profil * |
#1 · Zasláno: 19. 10. 2014, 20:23:24
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 |
#2 · Zasláno: 19. 10. 2014, 20:45:44 · Upravil/a: jefitto44
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 * |
#3 · Zasláno: 19. 10. 2014, 20:47:31
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 |
#4 · Zasláno: 19. 10. 2014, 20:49:28 · Upravil/a: Moderátor (editace znemožněna) 20. 10. 2014, 10:50:50
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 * |
#5 · Zasláno: 19. 10. 2014, 20:52:33 · Upravil/a: Moderátor (editace znemožněna) 20. 10. 2014, 10:52:10
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. |
||
|
Časová prodleva: 11 let
|
|||
0