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
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
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
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
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
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
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
Podařilo se, už mi to funguje :)

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0