[HTML][CSS] Problem z kolorami, Problem z nadaniem koloru elementowi Opcje

[arogant]

Witam. Otóż mam taki problem:

Nadałem kolor i cień wyrazowi z obrazkiem i musialem dodac je do tabeli bo wyraz schodzil pod obrazek.. Kolory dalej byly.. no to zacząłem dodawać drugi i od razu trzeci wiersz tak samo w CSS no i tu mam problem.. Wszystkie wiersze straciły swoje kolory... Mam tylko czarne kolory bez cieni..

Tutaj wycinek:

Kod

<div id="czatowicze">
<table>
    <div class="top1">
    <tr>
        <td><img src="images/defaultavatar.png" height="50" width="50"/></td><td><h1><?php echo $top1nick; ?></h1></td><td>12 godz 15 minut</td>
    </tr>
    </div>
    <div class="top2">
    <tr>
        <td><img src="images/defaultavatar.png" height="50" width="50"/></td><td><h1><?php echo $top2nick; ?></h1></td><td>10 godz 5 minut</td>
    </tr>
    </div>
    <div class="top3">
    <tr>
        <td><img src="images/defaultavatar.png" height="50" width="50"/></td><td><h1><?php echo $top3nick; ?></h1></td><td>8 godz 49 minut</td>
    </tr>
    </div>
</table>
</div>

A tutaj wycinek z CSS:

Kod

#czatowicze{
    margin-left: 165px;
    background-color: #33CCFF;
    height: 250px;
    width: 350px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
}
.top1{
    text-shadow:4px 6px 12px gold;
    color: gold;
}
.top2{
    text-shadow:4px 6px 12px silver;
    color: silver;
}
.top3{
    text-shadow:4px 6px 12px #996600;
    color: #996600;
}

Coś mi się wydaje, że to będzie wina CSS a dokładnie z tymi .top1-3 ponieważ tego pierwszy raz używam i nie wiem do końca czy dobrze..
Mógłby ktoś poprowadzić mnie na dobra drogę ?

Pozdrawiam Arogant

[trueblue]

Coś mi się wydaje, że masz niepoprawną strukturę tabeli.

[arogant]

Jak nie poprawną ? wszystko sie zgadza (tak mi sie wydaje) chyba że mamy na myśli coś innego :/

[viking]

A od kiedy dzieckiem table może być div?

[arogant]

to co zamiast diva dac? na prawde nie znam sie na tym dziedziczeniu calym ;/

[Johnas]

[PHP] pobierz, plaintext 
<table class="table"> 
	<thead> 
		<tr> 
			<th>#</th> 
			<th>{$lang.name}</th> 
			<th>{$lang.surname}</th> 
			<th>{$lang.email}</th> 
			<th>{$lang.manage}</th> 
		</tr> 
	</thead> 
	<tbody> 
		{foreach $usrs as $usr}
		<tr> 
			<th scope="row">{$usr.id}</th> 
			<td>{$usr.name}</td> 
			<td>{$usr.surname}</td> 
			<td>{$usr.email}</td> 
			<td><a href="index.php?action=delete_user&id={$gb.id}" style="color:red!important;">{$lang.delete}</a></td>
		</tr> 
		{/foreach}
	</tbody> 
</table>
[PHP] pobierz, plaintext 

gdzie <thead> To jest pierwsza nagłówek tabeli w której określasz co będziesz mieć w tabeli Państwa, Miasta, Rzeki
oraz <tbody> w ktorym każde <tr> dajesz Polska, Warszawa, Wisła kolejne <tr> Hiszpania, Barcelona, Gwadiana i tak dalej.

[arogant]

co to ma do mojego problemu? tu chodzi o divy a nie o deklarowanie co w tabeli bedzie.. ja nie mam pobieranych wyników z bazy danych czy tez z pliku ale wczesniej zadeklarowane zmienne:

$top1 = "SennyK"
$top2 = .....

to mi w niczym nie pomoze..

[viking]

Zainteresuj się w CSS nth-child i ogólnie trochę bardziej selektorami. Dostałeś prawidłową strukturę tabeli od GodOfPeople. To co wcześniej stworzyłeś to był jakiś wynalazek który przeglądarki mogły dowolnie sobie potraktować.

[arogant]

ok dobra dzieki