Autor | Zpráva | ||
---|---|---|---|
Hampy Profil |
Ahoj lidi, poradil by mi prosím někdo? Mám problém, v HTML mám tuto tabulku:
<TABLE id="tabulka_menu"> <TR> <TD><a href="index.htm"><B>h</B>lavní strana</a> <TR> <TD><a href="akce.htm"><B>a</B>kce</a> <TR> <TD><a href="fotogalerie.htm"><B>f</B>otogalerie</a> <TR> <TD><a href="inzerce.htm"><B>i</B>nzerce</a> <TR> <TD><a href="kontakt.htm"><B>k</B>ontakt</a> <TR> <TD><a href="diskuze.htm"><B>d</B>iskuze</a> </TABLE> a v externím souboru píšu CSS: #tabulka_menu a {margin: 0px 0px 0px 3px; text-decoration: none; color: #000; border-right: 5px solid #000; display: block;} #tabulka_menu a:hover {margin: 0px 0px 0px 3px; text-decoration: none; color: #000; border-right: 5px solid #e0e0e0; display: block;} -> chci, aby při najetí na celou buňku v níž mám odkaz, se aktivoval hover, v Mozille mi to jede přesně, na všechny odkazy to funguje, ale v IE mi ten display: block funguje jen na první řádek. Nedokážu to pochopit, zkoušel jsem už všecko možné :) Předem díky za radu, Hampy |
||
Hampy Profil |
#2 · Zasláno: 18. 12. 2008, 22:50:51
Teď mi došlo že jsem asi udělal základní chybu, že bych měl použít class a ne id, je to tak?
|
||
Hampy Profil |
#3 · Zasláno: 18. 12. 2008, 22:56:19
Tak jsem to předělal, tu tabulku jsem hodil do divu a tomu nastavil pomocí class ty parametry, a stejně mi to funguje pouze na prvním řádku :(
|
||
Miloš Profil |
#4 · Zasláno: 18. 12. 2008, 23:13:19
Je vcelku jedno, jestli použiješ class nebo id, pokud na class v HTML navážeš .trida v CSS a na id v html navážeš #id v CSS.
Rozdíl mezi třídou a id je zejména v tom, že id má větší prioritu, dá se na něj vázat javascript a element s jedním konkrétním #id (například <h2 id="prvni_na_strance">) smí být na jedné stránce pouze jeden, zatímco třída (class) se používá tehdy, když se často opakuje (například <tr class="lichy">, <p class="perex"> nebo <a href="#" class="externi">). Tenhle tvůj příklad by šlo zflikovat tak, že buňce nastavíš šířku v px a odkazu šiřku o 5px menší #tabulka_menu a {… width: 95px;} #tabulka_menu td {width: 100px;} Na okraj řečeno – ne menu nepoužívej tabulku, nýbrž <menu> nebo <ul>. A ještě jedna drobnůstka – konstrukce typu <B>h</B>lavní strana je pitomost – viz :first-letter |
||
Bubák Profil |
#5 · Zasláno: 19. 12. 2008, 08:09:32
Taky je pitomost mít tohle v CSS:
; <b>display: block;</b> Chtěl jsi to nějak takto? <style> #tabulka_menu a { margin: 0 0 0 3px; padding: 0 5px 0 0; text-decoration: none; color: #000; border-right: 5px solid #000; display: block; } #tabulka_menu a:hover { border-color: #e0e0e0; } #tabulka_menu a:first-letter { font-weight: bold; } </style> <table id="tabulka_menu"> <tr><td><a href="index.htm">hlavní strana</a> <tr><td><a href="akce.htm">akce</a> <tr><td><a href="fotogalerie.htm">fotogalerie</a> <tr><td><a href="inzerce.htm">inzerce</a> <tr><td><a href="kontakt.htm">kontakt</a> <tr><td><a href="diskuze.htm">diskuze</a> </table> Na menu není vhodné používat tabulku, jde to i bez ní: http://teststranek.kvalitne.cz/menu4/ |
||
Chamurappi Profil |
#6 · Zasláno: 19. 12. 2008, 09:16:05
Reaguji na Bubáka:
„Taky je pitomost mít tohle v CSS“ Někdo z kolegů moderátorů doplnil [pre] a zapomněl, že tu máme drobnou chybičku v editaci příspěvků. Hampy původně použil normální [b] na zvýraznění. |
||
Hampy Profil |
#7 · Zasláno: 19. 12. 2008, 09:31:11
Děkuju, rozhodl jsem se udělat to tak jako mi navrhnul Bubák (ten odkaz), abych tam nemusel cpát tu tabulku. Díky!
|
||
Hampy Profil |
#8 · Zasláno: 19. 12. 2008, 10:48:09
Podařilo se, už mi to funguje :)
|
||
Časová prodleva: 15 let
|
0