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, mm>mne 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: 9 let
|
0