Autor | Zpráva | ||
---|---|---|---|
Quodor Profil |
#1 · Zasláno: 5. 3. 2017, 12:52:53
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 |
#2 · Zasláno: 5. 3. 2017, 13:12:30
Zkus nastavit na odkaz display:block
|
||
_es Profil |
#3 · Zasláno: 5. 3. 2017, 13:12:33
|
||
Quodor Profil |
#4 · Zasláno: 5. 3. 2017, 14:04:06
_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 |
#5 · Zasláno: 5. 3. 2017, 15:45:28
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 |
#7 · Zasláno: 5. 3. 2017, 18:34:34
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 |
#8 · Zasláno: 5. 3. 2017, 18:52:03
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 |
#9 · Zasláno: 5. 3. 2017, 20:22:39
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"> #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 |
#10 · Zasláno: 6. 3. 2017, 00:11:47
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 |
#11 · Zasláno: 7. 3. 2017, 01:00:17
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> |
||
Časová prodleva: 8 let
|
0