| Autor | Zpráva | ||
|---|---|---|---|
| Aron Profil * |
#1 · Zasláno: 17. 10. 2010, 21:41:27
Chci se zeptat jak udělat, aby celá buňka tabulky byl odkaz, to znamená, aby se i po najetí na ní změnila barva, aby se pri zvětšení ostatních buněk zvětšila i ta odkazová buňka a barva v ní atd., zkoušel jsem to různě nastavovat, ale vždycky se mi obarví jen malý policko okolo textu v buňce a ne celá buňka
|
||
| Bubák Profil |
#2 · Zasláno: 17. 10. 2010, 22:05:01
|
||
| Aron Profil * |
#3 · Zasláno: 18. 10. 2010, 00:37:05
No to mi nefunguje, problém asi bude v tom, že ta buňka má rowspan="3" a já bych to chtěl označit celý a ne jen jeden řádek, jak se mi to dělá teď.
Momentálně jsem tam zkopíroval to nastavení z návodu, ale pořád nic, #seznam td.odk a
{
width: 100%; height: 100%; text-align: center; background-color: yellow; display: block
}<td rowspan="3" class="odk"> <a href="bla">bbb</a> </td> |
||
| Chamurappi Profil |
#4 · Zasláno: 18. 10. 2010, 01:10:37
Reaguji na Arona:
Děláš někde chybu. Prosím o odkaz na živou ukázku. |
||
| Aron Profil * |
#5 · Zasláno: 18. 10. 2010, 01:47:07
Zatim to bohužel nikde nemam, ale celý to vypadá takhle
echo '<div id="seznam"> <table class="tbResults"> <tr> <td class="title" width="60">Autor:</td> <td colspan="11" width="540"> <b>'.$row2['Autor'].'</b> </td> <td rowspan="3" class="odk"> <a href="bla">bbb</a> </td> </tr> <tr> <td class="title" width="60">Nazev:</td> <td colspan="11" width="540" title=""></a></td> </tr> <tr> <td class="title" width="60">Jazyk:</td> <td width="250"> </td> <td> </td> <td class="title" width="40">Formát:</td> <td width="80"> '.$row2['Format'].' </td> <td> </td> <td class="title" width="40">GG:</td> <td width="45">'.$row2['GG'].'</td> <td> </td> <td class="title" width="40">FF:</td> <td width="45">'.$row2['FF'].'</td> <td> </td> </tr> </table> </div>'; CSS #seznam
{
width: 650px;
border:1px solid #d9d9d9;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
#seznam table.tbResults{width:590px;}
#seznam table.tbResults tr{border-bottom:1px solid #e7e7e7;}
#seznam table.tbResults tr td{padding:5px 2px 2px 2px;}
#seznam table.tbResults tr td.title{font-size:10px;color:#777;font-weight:normal;text-align:right;}
#seznam td.rate{font-size:13px; font-weight:normal;}
#seznam td
{
border-style: none;
}
#seznam td.odk a
{
width: 100%; height: 100%; text-align: center; background-color: yellow; display: block
}
#seznam td a:link { color: black; text-decoration: none;}
#seznam td a:visited { color: black; text-decoration: none; }
#seznam td a:hover { color: black; text-decoration: underline; }
#seznam td a:active { color: gray; text-decoration: none; }
|
||
| Petr ZZZ Profil |
#6 · Zasláno: 18. 10. 2010, 01:51:15 · Upravil/a: Petr ZZZ
Aron:
Zkus si v CSS změnit #seznam na .seznam (class je třída a ta musí v CSS začínat tečkou).
↓ Chamurappi: Díky, to jsem přehlídl. |
||
| Chamurappi Profil |
#7 · Zasláno: 18. 10. 2010, 02:08:26
Reaguji na Petra ZZZ:
On má celou tabulku v elementu <div id="seznam">, takže mřížka je správně.
Reaguji na Arona: „Zatim to bohužel nikde nemam“ Hm, já si určitě někde budu rozběhávat PHP, abych viděl problém s HTML/CSS… Když už posíláš kód, tak pošli ten, který vidí prohlížeče, ne server. Ale stejně si spíš počkám na živou ukázku, nahrát to někam je pro tebe otázka pár minut. |
||
| Aron Profil * |
#8 · Zasláno: 18. 10. 2010, 03:56:34
Jen jsem to zkopíroval a hodil na webzdarma a odstranil to taháni z databáze, to tam není důležitý a zobrazuje se to stejně jako mně, to znamená blbě.
http://ukazka49.wz.cz/tabulkaod.php |
||
| Aron Profil * |
#9 · Zasláno: 20. 10. 2010, 14:00:26
Tak jak kteda? Věděl by někdo?
|
||
| tiso Profil |
#10 · Zasláno: 20. 10. 2010, 14:08:54
Aron: height: 100% nefunguje tak, ako by si chcel.
|
||
| Aron Profil * |
#11 · Zasláno: 20. 10. 2010, 14:53:50
To znamená co? Že to co chci, nejde nijak udělat a nebo, že to jen dělám špatně?
|
||
| Bubák Profil |
#12 · Zasláno: 20. 10. 2010, 16:39:39
Kód máš správně, ale vypadá to, že 100% u sloučených buněk nefunguje podle očekávání.
Zkus dát odkazu vyšší line-height, třeba 3.5, nebo 3.5em, hodnotu jsem střelil, vyzkoušej, kolik ti bude vyhovovat. Možná taky bude vhodné deklarovat tabulce: border-collapse: collapse; |
||
|
Časová prodleva: 16 let
|
|||
0