Diskuse JPW: Uprava HTML kodu - tabulka

	Autor	Zpráva
	dick.jones Profil *	#1 · Zasláno: 19. 7. 2010, 22:40:50 Odpovědět Citovat Zdravim vsechny - mohli by jste m,i poradit jak v tomto kodu udelam aby na leve strane se mi opakoval obrazek a lemoval mi tak souvisle i pravou stranu stranek - prostemi to nejde diky < <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> <title>title> <link href="clearbox.css" rel="stylesheet" type="text/css" /> <script src="clearbox.js" type="text/javascript" charset="windows-1250"></script> <style type="text/css"> <!-- a:hover { text-decoration: none; color: #CC0000; } a:link { text-decoration: none; color: #000000; } a:visited { text-decoration: none; } a:active { text-decoration: none; } .style2 {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;} .style3 {font-family: Verdana, Arial, Helvetica, sans-serif} .style6 {font-size: 14px} body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } a { font-weight: bold; } .style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .style7 { font-size: 12px; font-weight: bold; } --> </style> </head> <body> <table width="782" height="650" border="0" align="center" cellpadding="0" cellspacing="0" > <tr> <td width="238" height="269" valign="bottom" background="images/left1.jpg"><table width="200" border="0" align="center" cellpadding="0" cellspacing="0" id="navigation"> <tr></tr> <tr> <td height="20"><div align="left"><span class="style2">   <a href="index.php?cid=144"> Provozovna 2</a><a href="index.php"></a></span> </div></td> </tr> <tr> <td height="20"><div align="left"><span class="style2">    <a href="horovice.php">Provozovna 1</a></span> </div></td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td height="20"> </td> </tr> </table></td> <td width="544" height="269" valign="top" background="images/top.jpg"><br /> <br /> <table width="539" height="25" border="0"> <tr> <td width="161"> </td> <td width="100" valign="top" class="style3"><div align="center" class="style3 style6"><a href="index.php?cid=145" class="style3">O Nás </a></div></td> <td width="5" valign="top" class="style3"><div align="center" class="style7">\|</div></td> <td width="100" valign="top" class="style3"><div align="center" class="style2"><a href="produkty.php" class="style3">Produkty</a></div></td> <td width="5" valign="top" class="style5">\|</td> <td width="100" valign="top" class="style3"><div align="center" class="style2"><a href="index.php?cid=146" class="style3">Kontakty</a></div></td> <td width="54"> </td> </tr> </table></td> </tr> <tr> <td valign="top" background="images/content.jpg"><table border="0" cellpadding="0" cellspacing="0"> <tr> <td width="238" height="198" valign="top" background="images/left2.jpg"><table width="200" border="0" align="center" cellpadding="0" cellspacing="0" > <tr></tr> <tr> <td height="20"><div align="left" class="style2"> <a href="produkty.php">   Na&scaron;e produkty </a></div></td> </tr> <tr> <td height="0"><div align="left" class="style3">   <a href="fotoimages.php" class="style6"></a></div></td> </tr> </table></td> </tr> <tr></tr> </table></td> <td valign="top"><table width="433" border="0" align="center" id="t1"> <tr> <td width="220"><div align="center" class="style5">Pekárenské Výrobky </div></td> <td width="220"> </td> <td width="220"><div align="center"><span class="style5">Cukrárenské Výrobky </span></div></td> <td width="220"> </td> </tr> <tr> <td><div align="center"><a target="_blank" href="images/foto1_2.jpg" rel="clearbox[gallery=Pekárenské Výrobky]"><img src="images/foto1.jpg" border="0" /></a></div></td> <td><a target="_blank" href="images/foto1_3.jpg" rel="clearbox[gallery=Pekárenské Výrobky]"></a><a target="_blank" href="images/foto1_4.jpg" rel="clearbox[gallery=Pekárenské Výrobky]"></a><a target="_blank" href="images/foto1_5.jpg" rel="clearbox[gallery=Pekárenské Výrobky]"></a></td> <td><div align="center"><a target="_blank" href="images/foto1_2c.jpg" rel="clearbox[gallery=Cukrárenské Výrobky]"><img src="images/foto1_1c.jpg" border="0" /></a></div></td> <td><a target="_blank" href="images/foto1_3c.jpg" rel="clearbox[gallery=Cukrárenské Výrobky]"></a><a target="_blank" href="images/foto1_4c.jpg" rel="clearbox[gallery=Cukrárenské Výrobky]"></a><a target="_blank" href="images/foto1_5c.jpg" rel="clearbox[gallery=Cukrárenské Výrobky]"></a></td> </tr> </table> </tr> <tr valign="top"> <td colspan="2"><img src="images/footer.jpg" width="782" height="55" /></td> </tr> </table> </body> </html>
	Bubák Profil	#2 · Zasláno: 19. 7. 2010, 23:03:45 Odpovědět Citovat <mimo-téma> NA prvním řádku je nějaké smetí a čtvrtý řádek není korektní, takže některé prohlížeče zobrazí jen zmíněné smetí: < </mimo-téma> Kód je hrůza a děs, tabulka zneužitá na layout, prošpikovaná zbytečnými DIVy a SPANy.
	Petr ZZZ Profil	#3 · Zasláno: 19. 7. 2010, 23:06:46 Odpovědět Citovat Ten kód jsem nezkoumal, ale když si napíšeš tři divy, levý, prostřední a pravý, levému a pravému dáš šířku obrázku a obrázek jim oběma dáš na pozadí, tak by se ten obrázek měl v těch dvou divech opakovat. Jen teď nevím, jak to bude s výškou těch krajních divů, pokud by byly jinak bez obsahu a prostřední div by byl delší (vyšší). Ještě rada do života ;-)
	tayger Profil *	#4 · Zasláno: 19. 7. 2010, 23:27:18 Odpovědět Citovat dick.jones: nejsem si jist, protože mně z toho td a tr pálí oči, ale typnu to na různě nastavené height="269" pro každou buňku, právě u těch dvou sloupců, které chceš zarovnat se asi liší.
	dick.jones Profil *	#5 · Zasláno: 19. 7. 2010, 23:35:54 Odpovědět Citovat nene ja vlastne potrebuji pod hlavickou pridat vpravo dalsi sloupec : je leve menu - pak je frame - prostredni cast a ja potrebuju dat vlastne pod hlavicku vpravo sloupecek 39px siroky kteremu dam pozadi a v zavislosti na delce textu se bude natahovat Dekujki
	Keeehi Profil	#6 · Zasláno: 19. 7. 2010, 23:42:37 · Upravil/a: Keeehi Odpovědět Citovat dick.jones: 1) Bubák je mnohem zkušenější (např. koukněte se do profilu). Měl byste se zamyslet, co Vám tímto chtěl vlastně říci. 2) Se špatně napsaným kódem se špatně pracuje. (Kupříkladu tento kód mi IE odmítá jakkoliv vykreslit - bílá prázdná stránka) Navíc čím "horší" kód, tím se méně lidem chce v něm pitvat. 3) Pište prosím srozumitelně a s diakritikou. Kromě toho že se to špatně čte se to moc nedá pochopit. 4) Rady jsou tu poskytovány dobrovolně. Pokud se Vám rozbil CAPS LOCK, tak si ho nechte spravit. Ono to pak vypadá, jako byste chtěl někoho urážet a křičet na něj. Proč se Bubák zmiňoval o tabulce najdete například zde: http://www.jakpsatweb.cz/clanky/tabulkovy-layout-nezrychlite.html Poradit Vám bohužel nemůžu, protože netuším jaký obrázek by se měl kde zobrazovat. V jedné větě se to popisuje těžko. Doporučuji Jak se správně ptát. Potom Vám bude více lidí rozumět a dočkáte se odpovědi dříve.
	tayger Profil *	#7 · Zasláno: 19. 7. 2010, 23:46:01 Odpovědět Citovat dick.jones: No a protože jsi mu specifikoval pevnou výšku 198px, tak se ti natahovat podle textu nebude, tedy myslím v případě, kdy celková suma textu bude vyšší než oněch 198px.
	dick.jones Profil *	#8 · Zasláno: 20. 7. 2010, 00:02:32 Odpovědět Citovat tayger: ty mluvis ale o leve strane porad - ja potrebuji totot same pridat na stranu pravou a to tam neexistuje vis:: ulazi na: http://www.cestafinancemi.cz/ mam leve menu a vpravo mam nohy. a misto tech nohou bych potreboval vlastne proucek ( bunku) ktere bych def pozadi ale nezavislou na promennych informacich
	dick.jones Profil *	#9 · Zasláno: 20. 7. 2010, 00:18:07 · Upravil/a: Moderátor (editace znemožněna) Odpovědět Citovat Keeehi: A ty jsi kdo?? Bubakuv co???? chudinka Bubak ze ??? Ach jo hosi hosi ... Omlouvam se ze obtezuji Vasi komunitu , ale PROBERTE SE trosku OBCAS NEKTERI Moderátor Str4wberry: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou a interpunkcí (před tou se nepíše mezera), otazník stačí jeden a nemusíš na nás KŘIČET, děkuji.
	tayger Profil *	#10 · Zasláno: 20. 7. 2010, 00:45:07 Odpovědět Citovat dick.jones: v té ukázce je nějaký hodně ujetý css externí skript :-D U nadřazeného td tabulky s id="t1" ti chybí uzavírací /td Jestli to nepomůže, tak tě zklamu, protože pro mě je to hodně nepřehledné. Ono použití tabulek na rozvržení webu je dost nešťastné řešení, nechceš popřemýšlet nad návrhem Petra ZZZ? Bylo by to přehlednější řešení a hlavně jednodušší na nastavení a ladění chyb. Tabulky se dnes sice ještě používají, ale mají spousty nevýhod. Sorry, ale více pro tebe zatím udělat nedokážu, ztrácím se v tom vláčku td td td td
	Petr ZZZ Profil	#11 · Zasláno: 20. 7. 2010, 08:28:26 Odpovědět Citovat dick.jones: Předpokládám, že Keeehimu nešlo ani tak o porovnávání zkušeností, ale chtěl hlavně upozornit na to, že Bubákův komentář, ač tak na první pohled nevypadá, má svoje opodstatnění, a že to má nějaký význam, když neporadí konkrétněji. Mně například zde v diskuzi už Bubák hodně pomohl a odhaduji, že konkrétně ve srovnání se mnou má na poli webových technologií zkušeností mnohonásobně. Ten můj odkaz na "radu do života" byl mimochodem míněn vážně a měl bys ho vážně brát. V ochotě odpovídat a ve kvalitě odpovědí se zrcadlí kvalita otázky. Pokud se zde v diskuzi klade důraz na diakritiku, je ve tvém vlastním zájmu se podle toho vyjadřovat. To se týká pečlivosti v písemném projevu vůbec: „totot, ulazi, proucek, def...“ – vždyť lze jen hádat, co chceš říct. Tvými slovy: Prober se, hochu! Ke tvému druhému problému: Přečti si něco o obtékání (a nezapomeň na čistič).
		Časová prodleva: 14 let

0