Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Tabela w CSS, problem z odzieleniem kodu tabeli od reszty html
d4nny
post
Post #1





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 31.12.2007

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

Witam, mam taki kod tabeli w css:

[HTML] pobierz, plaintext 
  1. <body>
  2. <div>Tabela
  3. 		<div>
  4. 			<div>Jeden</div>
  5. 			<div>Dwa</div>
  6. 		</div>
  7. 		<div>
  8. 			<div>Trzy</div>
  9. 			<div>Cztery</div>
  10. 		</div>
  11.           </div>
  12. </body>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. div
  2. {
  3. 	border-style: solid;
  4. 	border-color: red
  5. }
  6. body > div
  7. {
  8. 	display: table;
  9. 	border-style: solid;
  10. 	border-color: blue
  11. }
  12. body > div > div
  13. {
  14. 	display: table-row
  15. }
  16. body > div > div > div
  17. {
  18. 	display: table-cell
  19. }
[HTML] pobierz, plaintext



Jak odzielic kod tabelki aby reszta divow na stronie nie dziedziczyla wygladu ustalonego w css dla tabeli?

Ten post edytował d4nny 1.07.2009, 19:32:58
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
osl
post
Post #2





Grupa: Zarejestrowani
Postów: 260
Pomógł: 41
Dołączył: 6.04.2009
Skąd: Gdańsk/okolice

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

może napisz co i jak nie działa? a najlepiej wrzuć kod na jakiś serwer...
[HTML] pobierz, plaintext 
  1. body > div > div > div
[HTML] pobierz, plaintext

takie rzeczy wykluczają użytkowników IE6, który nie obsługuje takich selektorów, a tych użytkowników jeszcze troche jest niestety...

utwórz klasy, tak jak przedmówcy radzili, np. div.table-row, div.table-cell i dodaj tam odpowiednie wartości z css-a. Nawet jak odziedziczą cokolwiek możesz to przecież nadpisać.
I jeszcze jedno - Firebug Twoim przyjacielem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post

Posty w temacie
- d4nny   [HTML][CSS]Tabela w CSS   1.07.2009, 19:31:32
- - bobo168   Nadać im id bądź classe.   1.07.2009, 19:49:33
- - sadistic_son   [HTML] pobierz, plaintext <body><div id=...   1.07.2009, 19:57:39
- - d4nny   na tyle żeby utworzyć klasy lub nadać nazwy warstw...   2.07.2009, 09:08:20
- - osl   może napisz co i jak nie działa? a najlepiej wrzuć...   2.07.2009, 09:25:29
- - d4nny   problem rozwiązałem, lecz szcerze mówiąć wasze por...   2.07.2009, 10:48:13
- - webber   A potrzebne to było? Nie lepiej było użyć normalne...   2.07.2009, 11:09:45
- - osl   brawo, nadałeś 7-miu divom takie samo id, a to nie...   2.07.2009, 11:17:03
- - d4nny   proszę bardzo mądralo - zrob to na roznych klasach...   2.07.2009, 12:43:38
- - viking   A kiedy wreszcie zrozumiesz że masz tabelę? Już ci...   2.07.2009, 12:49:11
- - osl   ależ jesteś przekonany o tym, że je...   2.07.2009, 12:56:14
- - d4nny   viking Nie musisz demonstrować tego iż nie umiesz...   2.07.2009, 16:02:30
- - Crozin   @d4nny: a mógłbyś napisać co jest w ogóle Twoim ce...   2.07.2009, 17:01:30
- - d4nny   Moim celem jest tabelka zbudowana na CSS przy czym...   2.07.2009, 17:55:23
- - Crozin   Nie o to mi chodziło - chodziło mi o to co ten kod...   2.07.2009, 19:50:27
- - d4nny   tabela to ma być treść podstrony, w środku tekst a...   5.07.2009, 12:36:59
- - Sky_walker   [HTML] pobierz, plaintext .tabela div{border: 1px ...   5.07.2009, 12:50:37
- - d4nny   [HTML] pobierz, plaintext .table div[HTML] pobierz...   5.07.2009, 12:59:44
- - Sky_walker   Kodu jest nieporównywalnie więcej niż w tradycyjne...   12.07.2009, 16:53:57
- - Hazel   Co poradzisz, takie są trendy.   12.07.2009, 19:52:38

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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