Autor | Zpráva | ||
---|---|---|---|
qwerty00352 Profil |
Lidi pls mám problém. Jsu začátečník a tak nějak sem se rozhodl že si pomocí tabulky udělám menu na stránku. Chtěl bych dát 3 odkazy pod sebe na stránku. Celý kód vypadá takto:
<html> <head> <title>Má první stránka</title> </head> <body> <center> <table width="760"> <tr> <td colspan="3"></td></tr> <tr> <td rowspan="2" width="150"><a href="http://test-html.hustej.net/Grand Theft Auto/gta-sa/gta-sa.html"><img src="http://www.cprforlifetraining.com/media/Heart.gif"></a></td> <a href="http://test-html.hustej.net/Grand Theft Auto/sa-mp/sa-mp.html"><img src="http://www.cprforlifetraining.com/media/Heart.gif"></a> <a href="http://test-html.hustej.net/Grand Theft Auto/pawno/pawno.html"><img src="http://www.cprforlifetraining.com/media/Heart.gif"></a> <td width="500">………</td> <td rowspan="2" width="110"><a href="http://www.toplist.cz/"><script language="JavaScript" type="text/javascript"> <!-- document.write('<img src="http://toplist.cz/count.asp?id=1155015&logo=bc&http='+escape(top.document.referrer)+'&t='+escape(document.title)+ '&wi='+escape(window.screen.width)+'&he='+escape(window.screen.height)+'&cd='+escape(window.screen.colorDepth)+'" width="88" height="120" border=0 alt="TOPlist" />'); //--></script><noscript><img src="http://toplist.cz/count.asp?id=1155015&logo=bc" border="0" alt="TOPlist" width="88" height="120" /></noscript></a></center></td> </tr> <tr> <td></td> </tr> </table> </body> </html> Pokud chcete vidět jak to vypadá tak je to ZDE Moderátor panther: Vkládej prosím kódy mezi značky [>pre] a [>/pre] (stačí kliknout na ).
|
||
panther Profil |
#2 · Zasláno: 29. 12. 2010, 03:27:09
qwerty00352:
začni tím, že tu tabulku smažeš. Menu má vlastní tag <menu>, použij ho. Každá ze 3 položek pak přijde do <li>. Z CSS použiješ pravděpodobně margin, padding (pozor na defaultní hodnoty), width, height, pro odkaz, má-li být textový a klikatelný po celé své šířce pak display s hodnotou „block“. Vidím tam nějaký obrázek v odkazu, pokud tam zůstane, pravděpodobně se budeš chtít zbavit borderu. Víc k menu nepotřebuješ. |
||
Keeehi Profil |
#3 · Zasláno: 29. 12. 2010, 03:29:30 · Upravil/a: Keeehi
qwerty00352:
Máš v tom hrozný nepořádek. Tabulka o jednom sloupci a třech řádcích vypadá takto: <table> <tr><td>Buňka 1</td></tr> <tr><td>Buňka 2</td></tr> <tr><td>Buňka 3</td></tr> </table> |
||
qwerty00352 Profil |
#4 · Zasláno: 29. 12. 2010, 03:36:11
Pro amatéra jako já je to (panther) vysvětlení těžky..:-D
Keeehi takže to můžu udělat <table> <tr><td><a href="http://test-html.hustej.net/Grand Theft Auto/gta-sa/gta-sa.html"><img src="http://www.cprforlifetraining.com/media/Heart.gif"></a></td></td> <tr><td><a href="http://test-html.hustej.net/Grand Theft Auto/sa-mp/sa-mp.html"><img src="http://www.cprforlifetraining.com/media/Heart.gif"></a></td></td> <tr><td><a href="http://test-html.hustej.net/Grand Theft Auto/pawno/pawno.html"><img src="http://www.cprforlifetraining.com/media/Heart.gif"></a></td></td> </table> |
||
qwerty00352 Profil |
#5 · Zasláno: 29. 12. 2010, 03:54:47
Už to skoro mám...už jen ten vrchní odkaz je na pravo místo na levo VIZ ZDE
|
||
xmark Profil |
#6 · Zasláno: 29. 12. 2010, 04:00:19
Keeehi:
„<tr><td>Buňka 1</td></tr>“ 3x |
||
qwerty00352 Profil |
#7 · Zasláno: 29. 12. 2010, 04:06:22
xmark:
„<tr><td>Buňka 1</td></tr>“ Už to skoro je...:-D..jen to počítadlo má být v pravo a ty 3 srdce na levo |
||
Keeehi Profil |
#8 · Zasláno: 29. 12. 2010, 04:15:38 · Upravil/a: Keeehi
xmark:
No v půl čtvrtý ráno na to už nevidím :) |
||
qwerty00352 Profil |
#9 · Zasláno: 29. 12. 2010, 04:18:17
Keeehi:
„No v půl čtvrtý ráno na to už nevidím :)“ :-D..pokud máš skype tak to pořešíme tam..:-D já mám skype:qwerty00352 bo icq:366052109 |
||
panther Profil |
#10 · Zasláno: 29. 12. 2010, 04:51:55 · Upravil/a: panther
xmark, Keeehi:
jelikož je koncové </tr> i </td> nepovinné, ten překlep ničemu nevadil. Přebývající </td> prohlížeče zchroupou, nepovinnou </tr> si domyslí.
qwerty00352: jestli se chceš naučit tvořit weby, jdeš na to špatně. To jsem ti naznačil už v [#2], víc o tom psát nebudu. „jen to počítadlo má být v pravo a ty 3 srdce na levo“ když už to máš v tabulce, tak ho dej do 2. buňky. Nějak takto: <table width=760> <tr><td>SRDCE<td rowspan=3 valign=top>POCITADLO <tr><td>SRDCE <tr><td>SRDCE </table> Použil jsem atributy „valign“ a „rowspan“, o tom více zde. Do kódu si můžeš doplnit nepovinné </td> a </tr> , nechtěl jsem se teď „pokud máš skype tak to pořešíme tam“ ptáš se veřejně, dopřej i ostatním návštěvníkům tohoto tématu nalézt odpověď. Tu u tebe na skypu nikdo nedohledá. |
||
xmark Profil |
#11 · Zasláno: 29. 12. 2010, 05:10:47
panther:
„jelikož je koncové </tr> i </td> nepovinné, ten překlep ničemu nevadil.“ To je sice pravda, ale to z toho ještě nedělá pěkné a přehledné html. Kdybych zdědil web po někom, kdo by to takhle psal, nepoděkoval bych mu. |
||
qwerty00352 Profil |
#12 · Zasláno: 29. 12. 2010, 12:09:20
panther:
„jestli se chceš naučit tvořit weby, jdeš na to špatně. To jsem ti naznačil už v [#2], víc o tom psát nebudu.“ JJ dikk ;-D..hned večer to otestuju..;-D |
||
margin Profil * |
#13 · Zasláno: 29. 12. 2010, 13:09:32
qwerty00352:
Pro inspiraci se koukni na tohle: příklad menu s CSS rolečky jedním obrázkem A případně i na tohle: (jiný, podobný) příklad menu s CSS rolečky jedním obrázkem odrážkové menu s hover efektem pomocí background-image Menu uděláš elementem menu, nebo jako seznam odkazů UL, položky jsou LI, jako jenvotlivé položky jsou odkazy. |
||
Časová prodleva: 13 let
|
0