Autor Zpráva
x
Profil *
Ahoj, potrebuju nastavit CSS hover pro 1 bunku tabulky. Kdyz to nastavim pro vsechny TD, tak to funguje, ale kdyz to dam pouze pro 1 tridu, tak uz to nejde. Nevite, co stim?
<html>
<head>
<style type="text/css">
.barva td:hover { 	
	background-color: orange;
	}
/*  funguje:
td:hover { 	
	background-color: orange;
	}
*/

</style>
</head>
<body>
 		<table  border="1" cellpadding="5" cellspacing="1">
			<caption>Popis tabulky</caption>
			<tr>
				<th>Nadpis 1</th>
				<th>Nadps 2</th>

				<th>Nadpis 3</th>
				<th>Nadpis 4</th>
			</tr>
			<tr>
				<td>a</td>
				<td>b</td>
				<td>c</td>

				<td>d</td>	

			</tr>
			<tr>
				<td>e</td>
				<td>f</td>
				<td>g</td>
				<td>h</td>				
			</tr>

			<tr>
				<td>i</td>
				<td class="barva">j</td>
				<td>k</td>
				<td>l</td>
			</tr>
			<tr>

				<td>m</td>
				<td>n</td>
				<td>o</td>	
				<td>p</td>

			</tr>
		</table>
</body>

</html>
Plaváček
Profil
Tohle by nezabralo?

td.barva:hover {     
    background-color: orange;
    }
x
Profil *
Plaváček:
To funguje. Jak je to mozne?
x
Profil *
Jeste jeden dotaz. Jde nejak pomoci colspan a rowspan spojit dohromady bunky J K G ? Me to porad udela jenom radek a sloupec ale cara mezi tim zustane.
Plaváček
Profil
x:

Protože tvůj původní zápis v CSS říkal - udělej "hover" všem buňkám TD, které jsou umístěny v nějakém elementu s třídou .barva.

Zatímco můj tip hlásá správně - vyrob "hover" každé buňce s třídou .barva.

Prostuduj si něco o třídách (a identifikátorech). Začni třeba zde: http://www.jakpsatweb.cz/css/css-tridy-class.html
Plaváček
Profil
x:

Me to porad udela jenom radek a sloupec ale cara mezi tim zustane.

Této otázce nerozumím. Lepší bude, když vyrobíš "živou" ukázku.
x
Profil *
Plaváček:
<html>
<head>
<style type="text/css">
td.barva:hover {     
    background-color: orange;
    }
</style>
</head>
<body>
         <table  border="1" cellpadding="5" cellspacing="1">
            <caption>Popis tabulky</caption>
            <tr>
                <th>Nadpis 1</th>
                <th>Nadps 2</th>

                <th>Nadpis 3</th>
                <th>Nadpis 4</th>
            </tr>
            <tr>
                <td>a</td>
                <td>b</td>
                <td>c</td>

                <td>d</td>    

            </tr>
            <tr>
                <td>e</td>
                <td>f</td>
                <td rowspan="2">g</td>
                <td>h</td>                
            </tr>

            <tr>
                <td>i</td>
                <td colspan="2" class="barva">j</td>
                <td>l</td>
            </tr>
            <tr>

                <td>m</td>
                <td>n</td>
                <td>o</td>    
                <td>p</td>

            </tr>
        </table>
</body>
</html>


Aby ta bunka byla do "L".
Plaváček
Profil
x:

Aby ta bunka byla do "L".

Pořád si nejsem, zda tvůj problém chápu, ale obávám se, že vyrobit buňku do "L" je současnými prostředky HTML neřešitelný požadavek. Ještě jednou - dodej "živou" ukázku, ne kód, z něhož není patrné, čeho chceš vlastně dosáhnout.
x
Profil *
Plaváček:
http://dl.dropbox.com/u/6943408/index.html
x
Profil *
x:
Takhle to funguje:
<html>
<head>
<style type="text/css">
		table	{
			border-collapse: collapse;
		}

		td.barva:hover	{
			background-color: orange;
		}


</style>
</head>
<body>
         <table  border="1" cellpadding="5" cellspacing="1">
            <caption>Popis tabulky</caption>
            <tr>
                <th>Nadpis 1</th>
                <th>Nadps 2</th>

                <th>Nadpis 3</th>
                <th>Nadpis 4</th>
            </tr>
            <tr>
                <td>a</td>
                <td>b</td>
                <td>c</td>

                <td>d</td>    

            </tr>
            <tr>
                <td>e</td>
                <td>f</td>
		<td rowspan="2">g</td>
                <td>h</td>                
            </tr>

            <tr>
                <td>i</td>
                <td colspan="2" class="barva">j</td>
                <td>l</td>
            </tr>
            <tr>

                <td>m</td>
                <td>n</td>
                <td>o</td>    
                <td>p</td>

            </tr>
        </table>
</body>
</html>

Plaváček
Profil
x:

Prosím, nevkládej sem stále tuny kódu a zkus nám přehledně a srozumitelně popsat konkrétní problém, který řešíš. Děkuji.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0