Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML] W jaki sposób zmusić CSS do nie ustawiania styli w zagnieżczonej tabeli
one_eddie
post
Post #1





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 23.05.2003
Skąd: Polska

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

Prosty przykład:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style>
  4. table.KlasaA td
  5. {
  6. 	background-color: red;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. 	<table class="KlasaA">
  12. 	<tr>
  13. 		<td>
  14. 			przyklad
  15. 		</td>
  16. 		<td>
  17. 			<table style="background-color:green;">
  18. 			<tr>
  19. 				<td>
  20. 					przyklad2
  21. 				</td>
  22. 			</tr>
  23. 			<tr>
  24. 				<td>
  25. 					przyklad3
  26. 				</td>
  27. 			</tr>
  28. 			<table>
  29. 		</td>
  30. 	</tr>
  31. 	<table>
  32. </body>
  33. </html>
[HTML] pobierz, plaintext


Osobiście oczekuje że zagnieżdżona tabela będzie zielona. Wynik jest odwrotny. Czy jest jakis sposób aby nie uszkadzać styli wewnętrznej tabeli?
Go to the top of the page
+Quote Post
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
no to zamiast: 
[HTML] pobierz, plaintext 
  1. table.KlasaA td
[HTML] pobierz, plaintext

daj 
[HTML] pobierz, plaintext 
  1. table.KlasaA
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
one_eddie
post
Post #3





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 23.05.2003
Skąd: Polska

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

Dobrze nie wyraziłem się jasno, postaram się poprawić (IMG:style_emoticons/default/smile.gif)
Niestety musze do każdego elementu td przypiąć styl i ten zapis jest mi potrzebny. Czy w takim przypadku są inne propozycje rozwiązania problemu?
Go to the top of the page
+Quote Post
kipero
post
Post #4





Grupa: Zarejestrowani
Postów: 233
Pomógł: 50
Dołączył: 28.10.2006
Skąd: Radom

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

[CSS] pobierz, plaintext 
  1. table.KlasaA td{
  2. 	background-color: red;
  3. }
  4.  
  5. table.KlasaA td table td {
  6. 	background-color: inherit;
  7. }
[CSS] pobierz, plaintext

O to chodzi?

Ten post edytował kipero 13.03.2010, 10:27:26
Go to the top of the page
+Quote Post
one_eddie
post
Post #5





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 23.05.2003
Skąd: Polska

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

Dziękuje za odpowiedzi. Myślę że to przybliżyło mnie do rozwiązania ale chyba nie jest to jeszcze to czego szukam.

Na stronie korzystam z innych komponentów które renderują się jako minimum jeden element table. Ja wrzucam komponent w element table, która chce wystylować - prosty formularz. Aktualnie wygląda to tak, że moje style dla głównej tabeli zmieniają wszystkie zagnieżdżone style tabel kontrolki. Podaje wyżej rozwiązanie zadziała ale musiałbym zdefiniować wszystkie style które zmieniam w głównej tabeli. Musze również przewidzieć ile zagnieżdżonych tabel i jak ułożone są w DOM a to jest już duzy problem. Mam racje?

Udało mi się znaleźć rozwiązanie:
[HTML] pobierz, plaintext 
  1. table.KlasaA td:ntx-child(2)
  2. {
  3. 	background-color: red;
  4. }
[HTML] pobierz, plaintext


Niestety nie działa pod żadną wersją IE. Czy ktoś ma jakiś pomysł jak to poprawić?

Ten post edytował one_eddie 19.03.2010, 00:38:00
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: 24.08.2025 - 18:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn