Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
Reply to this topicStart new topic
> [PHP][CSS][HTML]Diva a tabela
kill15
post 4.09.2011, 18:38:07
Post #1





Grupa: Zarejestrowani
Postów: 184
Pomógł: 14
Dołączył: 21.12.2010

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


Witam, mam maly problem otóż mam coś takiego:

  1. <?php
  2. $c = 0;
  3. echo '<table>';
  4. while($cos = $cosinnego)
  5. {
  6. if ($c % 2 == 0) {
  7. $color = '#000000';
  8. }
  9. else
  10. {
  11. $color = '#FFFFFF';
  12. }
  13.  
  14. echo '<div style="background-color: '.$color.';">';
  15. echo '<tr><td>'.$cos['cos z tablicy'].'</td><td>'.$cos['cos innego z tablicy'].'</td></tr>';
  16. echo '</div>';
  17. $c++;
  18. }
  19. echo '</table>';
  20. ?>


Tutaj jak można zauważyć ma zrobić tlo dla parzystych o kolorze #000... a dla nieparzystych #FFF...
Tylko dlaczego to mi nie działa gdy jest to w znacznikach <table></table> ?

Ten post edytował kill15 4.09.2011, 18:42:03
Go to the top of the page
+Quote Post
lobopol
post 4.09.2011, 18:48:08
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Możesz mi powiedzieć czemu sobie psujesz tabelkę tymi divami? Nie proście zrobić:
  1. <style>// to oczywiście w pliku ze stylami
  2. .b td{background:#000}
  3. td{background:#fff}
  4. </style>
  5. <?php
  6. $c = 0;
  7. echo '<table>';
  8. while($cos = $cosinnego){
  9. echo '<tr'.($c % 2 == 0 ? ' class="b"': '').'><td>'.$cos['cos z tablicy'].'</td><td>'.$cos['cos innego z tablicy'].'</td></tr>';
  10. $c++;
  11. }
  12. echo '</table>';
  13.  
  14.  


--------------------
Go to the top of the page
+Quote Post
kamil4u
post 4.09.2011, 18:49:49
Post #3





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Poducz się HTML.
W znaczniku <table> umieść <tr>, a w nim <td> - po drodze nie możesz używać innych znaczników(to znaczy tylko tych nie związanych z tabelą - czyli prawie wszystkich) jak div,span. Te elementy możesz umieścić dopiero w <td>, a to i tak tylko w uzasadnionych przypadkach.

Zamiast tego zmień styl elementom tr. Dodatkowo możesz użyć CSS3 i nth-child( http://jsfiddle.net/LX6wn/ )


--------------------
Go to the top of the page
+Quote Post
kill15
post 4.09.2011, 18:55:08
Post #4





Grupa: Zarejestrowani
Postów: 184
Pomógł: 14
Dołączył: 21.12.2010

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


niestety nie działa ^.^
Gdy zrobie tak:
  1. <tr style="background-color: '.$color.'">

To komórki mają zmieniony kolor ale mi chodzi o całość

Ten post edytował kill15 4.09.2011, 19:04:20
Go to the top of the page
+Quote Post
lobopol
post 4.09.2011, 19:03:48
Post #5





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Jeżeli to było do mnie to mój przykład działa na 100%


--------------------
Go to the top of the page
+Quote Post
kamil4u
post 4.09.2011, 19:06:21
Post #6





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Uważasz, że jak nam oznajmisz, że "nie działa" to Ci pomożemy?
Dostałeś 2 różne rozwiązania - wziąłeś pod uwagę tylko jedno( nie wiedzieć dlaczego ), a poza tym zbytnio się nie napracowałeś, aby zobaczyć, dlaczego kod Ci nie działa.

Po pierwsze spędziłeś przy tym tylko 5min, czyli tyle co nic - mógłbyś postarać się przeanalizować kod. Po drugie pomagamy Ci nie znając całego kodu, mogłeś się wysilić i wstawić dokładny kod, który posiadasz + przykład na żywo.



--------------------
Go to the top of the page
+Quote Post
kill15
post 4.09.2011, 19:11:21
Post #7





Grupa: Zarejestrowani
Postów: 184
Pomógł: 14
Dołączył: 21.12.2010

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


Czy przykład który wkleiłem(mowa o drugim) to aby nie style dla <tr> ?
Z kolei gdyby poprawić przykład lobopol to robi to samo co style dla <tr> zresztą na 1 wychodzi - tu style dla tr i tu ^.^

Ten post edytował kill15 4.09.2011, 19:17:11
Go to the top of the page
+Quote Post
lobopol
post 4.09.2011, 19:17:31
Post #8





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Po prostu rozbijasz mnie, masz rozwiązanie użyj go i tyle przy moim pokombinuj ze stylami jeżeli coś ci nie pasuje, ale według twoich informacji wszystko powinno być ok to koloruje całe rzędy.


--------------------
Go to the top of the page
+Quote Post
kamil4u
post 4.09.2011, 19:18:01
Post #9





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


1. Raczej nie masz w PHP zmiennych nazywanych: np. $cos['cos z tablicy'] - dlatego pisałem, abyś podał "cały kod"
2. Zobacz jaki kod "wyszedł" Ci w źródle strony i go przeanalizuj
3. Dostałeś 3 sposoby:
- ten podany przez ~lobopol
-
Cytat
Zamiast tego zmień styl elementom tr.

-
Cytat
możesz użyć CSS3 i nth-child( http://jsfiddle.net/LX6wn/ )

, a odniosłeś się tylko do jednego
4. Pisz bardziej szczegółowo.
5. Jak czegoś nie rozumiesz/nie jesteś pewien zapytaj, a nie pisz tylko "nie działa". Nie pomagasz w ten sposób ani sobie, ani nam smile.gif


--------------------
Go to the top of the page
+Quote Post
kill15
post 4.09.2011, 19:25:57
Post #10





Grupa: Zarejestrowani
Postów: 184
Pomógł: 14
Dołączył: 21.12.2010

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


Cytat
możesz użyć CSS3 i nth-child( http://jsfiddle.net/LX6wn/ )

to dalej styl dla tr ^.^

Cytat
5. Jak czegoś nie rozumiesz/nie jesteś pewien zapytaj, a nie pisz tylko "nie działa". Nie pomagasz w ten sposób ani sobie, ani nam smile.gif

No wiesz ale za to jestem pewien że to wina znaczników <table></table> bo gdy je wywale to jest ok aczkolwiek chce to mieć ładnie poukładane więc muszą być.
Chce po prostu zrobić żeby co drugi wiersz miał inny kolor, wiersz a nie komórka ;>

Ten post edytował kill15 4.09.2011, 19:28:17
Go to the top of the page
+Quote Post
kamil4u
post 4.09.2011, 19:29:21
Post #11





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


W takim razie zapytam inaczej: dlaczego nie możesz zmienić stylu tr, skoro zmieniając go uzyskujesz:
Cytat
drugi wiersz miał inny kolor,
(co drugi wiersz innego koloru)?

Ten post edytował kamil4u 4.09.2011, 19:29:58


--------------------
Go to the top of the page
+Quote Post
lobopol
post 4.09.2011, 19:31:15
Post #12





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Powiedz co ty chcesz osiągnąć mieć czarne tło całego rzędu? To mój przykład to robi da ci w efekcie http://jsfiddle.net/auyDu/ czyli to co chciałeś...


--------------------
Go to the top of the page
+Quote Post
kill15
post 4.09.2011, 19:37:25
Post #13





Grupa: Zarejestrowani
Postów: 184
Pomógł: 14
Dołączył: 21.12.2010

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


Cytat(lobopol @ 4.09.2011, 20:31:15 ) *
Powiedz co ty chcesz osiągnąć mieć czarne tło całego rzędu? To mój przykład to robi da ci w efekcie http://jsfiddle.net/auyDu/ czyli to co chciałeś...


to robi mi siatke z tego... tzn są odstępy pomiędzy jedną komórką a drugą komórką

PS: na tej stronce: http://jsfiddle.net/auyDu/5 pokazuje mi dobrze...

Ten post edytował kill15 4.09.2011, 19:48:01
Go to the top of the page
+Quote Post
lobopol
post 4.09.2011, 19:40:05
Post #14





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Jak masz dziwnie ostylowaną tabele to nie ma co się dziwić. Masz działający przykład teraz już sobie poszukaj o stylowaniu tabeli i naucz się pisać tematy bo tylko czas nam niepotrzebnie zajmujesz nie potrafiąc zdefiniować problemu.


--------------------
Go to the top of the page
+Quote Post
kill15
post 4.09.2011, 20:18:45
Post #15





Grupa: Zarejestrowani
Postów: 184
Pomógł: 14
Dołączył: 21.12.2010

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


cellspacing="0" pomogło aczkolwiek to nie dalej to czego bym chciał otóż ja chce żeby tło było rozciągnięte na całego diva

Ten post edytował kill15 4.09.2011, 20:19:04
Go to the top of the page
+Quote Post
kamil4u
post 4.09.2011, 20:21:43
Post #16





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


width: 100%; + ew. dispaly: block; dla table


--------------------
Go to the top of the page
+Quote Post
kill15
post 4.09.2011, 20:32:20
Post #17





Grupa: Zarejestrowani
Postów: 184
Pomógł: 14
Dołączył: 21.12.2010

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


wszystko było by dobrze gdyby nie to że usiłuje zrobić że tekst był po lewej stronie w tabeli snitch.gif

http://jsfiddle.net/auyDu/7/
tutaj właśnie pokazauje ten nieszczesny odstep który w moim przypadku jest znacznie wiekszy :<

Ten post edytował kill15 4.09.2011, 20:34:30
Go to the top of the page
+Quote Post
kamil4u
post 4.09.2011, 20:41:54
Post #18





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Poducz się HTML i CSS. Tabela to też coś więcej niż tr i td - np. <th>.

Opisz najdokładniej jak potrafisz co masz i co chcesz osiągnąć. Skonstruuj post w taki sposób:
[aktualny kod HTML, CSS] - taki jak masz w źródle strony - może być z linkiem do http://jsfiddle.net
[to] co jest teraz [takie] , chcę aby było [takie] i [takie].

Wtedy jestem przekonany, że szybko dojdziemy do porozumienia i będziemy Ci jakoś pomóc smile.gif


--------------------
Go to the top of the page
+Quote Post
kill15
post 4.09.2011, 20:52:36
Post #19





Grupa: Zarejestrowani
Postów: 184
Pomógł: 14
Dołączył: 21.12.2010

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


http://jsfiddle.net/auyDu/8/ tutaj sobie zobacz jak są blisko siebie(chce zeby tak byly) aczkolwiek ja chce zeby pusty pasek szedł aż do końca miejsca w divie

Ten post edytował kill15 4.09.2011, 20:59:46
Go to the top of the page
+Quote Post
lobopol
post 4.09.2011, 20:56:56
Post #20





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


http://jsfiddle.net/auyDu/9/


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:48