Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML]Tabelka i styl
Zielonkawy18
post
Post #1





Grupa: Zarejestrowani
Postów: 152
Pomógł: 4
Dołączył: 4.10.2012

Ostrzeżenie: (10%)
X----

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

[HTML] pobierz, plaintext 
  1. <table align="center" cellspacing="1">
  2. <?php 
  3. while($row=$execute->fetch()) 
  4. {
  5. $count++;
  6.  
  7. if(mod($count))
  8. {
  9. echo "<tr>";
  10. echo "<td bgcolor=#DDDDDD >".$count."</td>";
  11. echo "<td bgcolor=#DDDDDD >".$row['vegetable']."</td>";
  12. echo "<td bgcolor=#DDDDDD>".$row['color']."</td>";
  13. echo "<td bgcolor=#DDDDDD>".$row['description']."</td>";
  14. echo "<tr>";
  15. }
  16. else
  17. {
  18. echo "<td bgcolor=#EEEEEE >".$count."</td>";
  19. echo "<td bgcolor=#EEEEEE >".$row['vegetable']."</td>";
  20. echo "<td bgcolor=#EEEEEE>".$row['color']."</td>";
  21. echo "<td bgcolor=#EEEEEE>".$row['description']."</td>";
  22. }
  23. }
  24. 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
Go to the top of the page
+Quote Post
athei
post
Post #2





Grupa: Zarejestrowani
Postów: 389
Pomógł: 141
Dołączył: 11.04.2009

Ostrzeżenie: (0%)
-----

http://w3schools.com/css/css_howto.asp
Go to the top of the page
+Quote Post
fate
post
Post #3





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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 
  1. <head>
  2. <link rel="stylesheet" type="text/css" href="css.css">
  3. </head>
  4. <body>
  5. <?
  6. ...
  7. {
  8. echo '<tr class="DDD">';
  9. echo "<td>".$count."</td>";
  10. echo "<td>".$row['vegetable']."</td>";
  11. echo "<td>".$row['color']."</td>";
  12. echo "<td>".$row['description']."</td>";
  13. echo "<tr>";
  14. }
  15. else
  16. {
  17. 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ą
  18. echo "<td>".$count."</td>";
  19. echo "<td>".$row['vegetable']."</td>";
  20. echo "<td>".$row['color']."</td>";
  21. echo "<td>".$row['description']."</td>";
  22. echo "<tr>"; //  EDIT: na czerwono przeoczone echa 
  23. }
  24. ...
  25. ?>
  26. </body>
[HTML] pobierz, plaintext

css.css

[HTML] pobierz, plaintext 
  1. table {width: 100px;} // TIP: nie dotyczy prośby bez kropki tyczy się znacznika z kropką klasy
  2. tr.DDD td {background: #DDDDDD; }
  3. .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, (IMG:style_emoticons/default/nerdsmiley.png)

Ten post edytował fate 28.10.2012, 11:24:55
Go to the top of the page
+Quote Post
Zielonkawy18
post
Post #4





Grupa: Zarejestrowani
Postów: 152
Pomógł: 4
Dołączył: 4.10.2012

Ostrzeżenie: (10%)
X----

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ę :-)
Go to the top of the page
+Quote Post
fate
post
Post #5





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Racja przeoczyłem podczas kopiowania, dobrze, że sobie poradziłeś (IMG:style_emoticons/default/goatee.gif)
Go to the top of the page
+Quote Post
r4xz
post
Post #6





Grupa: Zarejestrowani
Postów: 673
Pomógł: 106
Dołączył: 31.12.2008

Ostrzeżenie: (0%)
----- 

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

http://www.w3schools.com/cssref/sel_nth-child.asp
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 18:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn