Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno CSS nth-child mi neobarvuje sudé řádky

Mám CSS

.mista_tabulka {margin: -11px 20px 22px 5px;}
.mista_tabulka tr:nth-child(2n) {background-color: #FEFFEF} /* obarvit sudé řádky */
.mista_tabulka td {padding 8px;}

HTML+PHP

<table border="0" cellpadding="14" class="mista_tabulka">
<? while ($zaznam = mysql_fetch_array($mesto) ): ?>
<tr>
<td>
<?php echo $zaznam["mesto"];?>, 
<b><?php echo $zaznam["instituce"];?>,</b> 
<?php echo $zaznam["ulice"];?> 
<?php echo $zaznam["cp"];?>, 
<a href="<?php echo $zaznam["web"];?>" target="_blank">web</a>, 
<a href="<?php echo $zaznam["mapa"];?>" target="_blank">mapa</a>
</td>
</tr><?php endwhile; ?>

Co dělám blbě, že se mi to nebarví? Nezrušili to nakonec?

Předmět Autor Datum
Funguje v IE9, Chrome a Firefoxu (upravil jsem to pro HTML). Ty řádky ti to vypisuje? PS: Chybí ti d…
IQ37 16.11.2012 10:22
IQ37
Jsem z toho jelen. V editoru se mi to tvé nezobrazuje [http://pc.poradna.net/file/view/11610-sudy-r…
Kráťa 16.11.2012 13:18
Kráťa
Ten PSPad náhled nejde barevně ani u mě - asi na to není stavěný editor. Je to jen pro jednoduché zo… poslední
IQ37 16.11.2012 20:12
IQ37
Tak u toho mého pomohlo obarvovat pozadí přímo buněk .mista_tabulka tr:nth-child(2n) td {background-…
Kráťa 16.11.2012 14:48
Kráťa

Funguje v IE9, Chrome a Firefoxu (upravil jsem to pro HTML). Ty řádky ti to vypisuje?
PS: Chybí ti dvojtečka ve třetím řádku CSS (ale to nemá vliv na zobrazování lichý/sudý).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style type="text/css">
.mista_tabulka {
	margin: -11px 20px 22px 5px;
}
.mista_tabulka tr:nth-child(2n) {background-color: #FEFFEF}
/* obarvit sudé řádky */
.mista_tabulka td {
	padding: 8px;
}
</style>
</head>

<body>

<table border="0" cellpadding="14" class="mista_tabulka">
	<tr>
		<td>řádek jedna </td>
	</tr>
	<tr>
		<td>řádek dva </td>
	</tr>
	<tr>
		<td>řádek tři </td>
	</tr>
	<tr>
		<td>řádek čtyři </td>
	</tr>
</table>

</body>

</html>

Zpět do poradny Odpovědět na původní otázku Nahoru