Forum PHP.pl > [HTML]Tabelka i styl

Pomoc - Szukaj - Użytkownicy - Kalendarz

Zielonkawy18

28.10.2012, 08:53:19

Witam. Pobieram rekordy z bazy i wklepuje je do tabelki na odpowiednim tle:

[HTML] pobierz, plaintext 
<table align="center" cellspacing="1">
<?php 
while($row=$execute->fetch()) 
{
$count++;
 
if(mod($count))
{
echo "<tr>";
echo "<td bgcolor=#DDDDDD >".$count."</td>";
echo "<td bgcolor=#DDDDDD >".$row['vegetable']."</td>";
echo "<td bgcolor=#DDDDDD>".$row['color']."</td>";
echo "<td bgcolor=#DDDDDD>".$row['description']."</td>";
echo "<tr>";
}
else
{
echo "<td bgcolor=#EEEEEE >".$count."</td>";
echo "<td bgcolor=#EEEEEE >".$row['vegetable']."</td>";
echo "<td bgcolor=#EEEEEE>".$row['color']."</td>";
echo "<td bgcolor=#EEEEEE>".$row['description']."</td>";
}
}
echo "</table>";
[HTML] pobierz, plaintext

Mój problem polega na tym, że bgcolor nie winno się używać tylko background-color, lecz próbuje użyć stylu i za bardzo mi nie wychodzi. O ile opanowałem <style type="text/css"> i wiem jak go używać w tekście tak tutaj troszku lipa :-)

Pozdrawiam

athei

28.10.2012, 09:05:54

http://w3schools.com/css/css_howto.asp

fate

28.10.2012, 09:40:51

Gotowczyk, naucz się z powyższego linku stosowania styli i poczytaj o klasach w CSS, zamieszczę przykładzik
http://www.w3schools.com/css/css_id_class.asp
strona.php

[HTML] pobierz, plaintext 
<head>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<?
...
{
echo '<tr class="DDD">';
echo "<td>".$count."</td>";
echo "<td>".$row['vegetable']."</td>";
echo "<td>".$row['color']."</td>";
echo "<td>".$row['description']."</td>";
echo "<tr>";
}
else
{
echo '<tr class="EEE" style="text-align:justify; color: black;">';  // TIP: styl nie tyczy się prośby przykład zastosowania w połączeniu z klasą
echo "<td>".$count."</td>";
echo "<td>".$row['vegetable']."</td>";
echo "<td>".$row['color']."</td>";
echo "<td>".$row['description']."</td>";
echo "<tr>"; //  EDIT: na czerwono przeoczone echa 
}
...
?>
</body>
[HTML] pobierz, plaintext

css.css

[HTML] pobierz, plaintext 
table {width: 100px;} // TIP: nie dotyczy prośby bez kropki tyczy się znacznika z kropką klasy
tr.DDD td {background: #DDDDDD; }
.EEE td {background: #EEE; }
[HTML] pobierz, plaintext

powyższe 2 klasy zadziałają analogicznie

TIP: Żeby nie konfliktować PHP i CSS i niepotrzebnie nie smarować backslashami w echo dawaj ' ' zamiast " " a w CSS " "

Pozdrawiam,

Zielonkawy18

28.10.2012, 10:56:12

Takie małe pytanie, dałeś znaczniki body ( to co widzimy w oknie przeglądarki ) ale nigdzie nie widzę tam znaczników <?php ?>, rozumiem, że one mają być wew. body.

Bo ok rekordy mi wyświetla, ale komórek wciąć nie koloruje :-)

Poradziłem sobie, dziękuję :-)

fate

28.10.2012, 11:23:03

Racja przeoczyłem podczas kopiowania, dobrze, że sobie poradziłeś

r4xz

28.10.2012, 11:54:53

[CSS] pobierz, plaintext 
table tr:nth-child(2n) td {
   background: #123456;	
}
 
table tr:nth-child(2n + 1) td {
   background: #654321;
}
[CSS] pobierz, plaintext

http://www.w3schools.com/cssref/sel_nth-child.asp

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.