Autor Zpráva
Quodor
Profil
Když vytvořím tabulku s odkazy, jak udělat, aby celé buňky byly odkazy jako zde Odkaz
<div>
<table style="height: 200px; width: 500px;" border="0">
<tbody>
<tr>
<td style="text-align: center; border: 1px solid #0838f6;" valign="bottom"><a href="http://www.cbf.cz/" target="_blank"><span style="color: #000000;">A</span></a></td>
<td style="text-align: center; border: 1px solid #0838f6;" valign="middle"><a href="http://www.cbf.cz/" target="_blank"><span style="color: #000000;">B</span></a></td>
<td style="text-align: center; border: 1px solid #0838f6;" valign="middle"><a href="http://www.cbf.cz/" target="_blank"><span style="color: #000000;">C</span></a></td>
<td style="text-align: center; border: 1px solid #0838f6;" valign="middle"><a href="http://www.cbf.cz/" target="_blank"><span style="color: #000000;">D</span></a></td>
<td style="text-align: center; border: 1px solid #0838f6;" valign="middle"><a href="http://www.cbf.cz/" target="_blank"><span style="color: #000000;">E</span></a></td>
</tr>
</tbody>
</table>
</div>
Taps
Profil
Zkus nastavit na odkaz display:block
_es
Profil
Viď klikatelna tabulka <td></td>
Quodor
Profil
_es:
Hurá, když dám display:block za odkaz, funguje to. Díky.
Ještě tak dostat do tabulky ty barvičky při najetí myší ....
Taurus
Profil
Hover. Máš to i v tom odkazu, co jsi poslal prve.
Quodor
Profil
Taurus:
Nojo, ale jsem "lama". Kam dám Hover ? Mám tabulku v Jomle a nevím, kam ho dát
Dám zobrazit html kód a mám tam upravené jen to, co jsem psal v prvním příspěvku

<table style="width: 500px;" border="1">
<tbody>
<tr>
<td style="text-align: center; border: 1px solid #0838f6;"><a href="http://www.cbf.cz/" target="_blank" style="display:block"><span style="color: #000000;">A</span></a></td>
<td style="text-align: center; border: 1px solid #0838f6;"><a href="http://www.cbf.cz/" target="_blank" style="display:block"><span style="color: #000000;">B</span></a></td>
<td style="text-align: center; border: 1px solid #0838f6;"><a href="http://www.cbf.cz/" target="_blank" style="display:block"><span style="color: #000000;">C</span></a></td>
<td style="text-align: center; border: 1px solid #0838f6;"><a href="http://www.cbf.cz/" target="_blank" style="display:block"><span style="color: #000000;">D</span></a></td>
<td style="text-align: center; border: 1px solid #0838f6;"><a href="http://www.cbf.cz/" target="_blank" style="display:block"><span style="color: #000000;">E</span></a></td>
</tr>
</tbody>
</table>
Pavel Krátký
Profil
Quodor:
  <style>
    table { width: 500px; border: 1px solid #000; }
    td a  { display: block; width: 100%; height: 100%; text-align: center; background-color: yellow; border: 1px solid #0838f6; }
    td a:hover { background-color: red }
    td a span { color: #000; }
  </style>
  
  <table>
    <tbody>
      <tr>
        <td><a href="http://www.cbf.cz/" target="_blank"><span>A</span></a></td>
        <td><a href="http://www.cbf.cz/" target="_blank"><span>B</span></a></td>
        <td><a href="http://www.cbf.cz/" target="_blank"><span>C</span></a></td>
        <td><a href="http://www.cbf.cz/" target="_blank"><span>D</span></a></td>
        <td><a href="http://www.cbf.cz/" target="_blank"><span>E</span></a></td>
      </tr>
    </tbody>
  </table>

Poznámka: ten <span> je tam zbytečný a také td a span { color: #000; } je "nadbytečné", protože defaultní barva textu je černá. Nechal jsem to tam, abys viděl, jak se oddělí CSS a HTML kód :)
Quodor
Profil
Pavel Krátký:
Tohle mi to udělalo po uložení a opětovném zobrazení html kódu

<!--     table { width: 500px; border: 1px solid #000; }     td a  { display: block; width: 100%; height: 100%; text-align: center; background-color: yellow; border: 1px solid #0838f6; }     td a:hover { background-color: red }     td a span { color: #000; }    --> 
<table border="0">
<tbody>
<tr>
<td><a href="http://www.cbf.cz/" target="_blank"><span>A</span></a></td>
<td><a href="http://www.cbf.cz/" target="_blank"><span>B</span></a></td>
<td><a href="http://www.cbf.cz/" target="_blank"><span>C</span></a></td>
<td><a href="http://www.cbf.cz/" target="_blank"><span>D</span></a></td>
<td><a href="http://www.cbf.cz/" target="_blank"><span>E</span></a></td>
</tr>
</tbody>
</table>

Ten CSS se zakomentoval a jediný výsledek, že po najetí myší je červené jen písmeno
Pavel Krátký
Profil
Quodor:
Aha, já si nevšiml, že píšeš, že je to v Joomle. Abych se přiznal teď nevím, co ti poradit. "Nejlepší" řešení je, že tabulce dáš ID:
<table id="cbf">
Potom musíš najít soubor se styly (CSS), buď v administraci, nebo pomocí FTP, odkaz na CSS soubor najdeš v HTML kódu stránky (například "style.css", "layout.css"). Potom na konec toho souboru dej css:

#cbf { width: 500px; }
#cbf td a  { display: block; width: 100%; height: 100%; text-align: center; background-color: yellow; border: 1px solid #0838f6; }
#cbf td a:hover { background-color: red }

Kam dám Hover ?
Hover inline právě zapsat nelze, muselo by se na to přes JavaScript ... a to už ti nechci radit vůbec.
Quodor
Profil
Nemůžu to najít. Ale teď jsem si všiml, že když dávám na nějaký text odkaz, vyskočí tabulka noorad.sweb.cz/on.jpg
Akorát nevím, co a jak tam zadat
Quodor
Profil
Tak jsem to nakonec, sice složitěji, ale vyřešil. Heuréééka !!!
<td onmouseover="this.style.backgroundColor = '#94BCDF'" onmouseout="this.style.backgroundColor = '#FFFFFF'"><a href="http://www.cbf.cz/" target="_blank" style="display: block;">A</a></td>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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