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:

  1. <div>Tabela
  2. <div>
  3. <div>Jeden</div>
  4. <div>Dwa</div>
  5. </div>
  6. <div>
  7. <div>Trzy</div>
  8. <div>Cztery</div>
  9. </div>
  10. </div>
  11. </body>


  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. }



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
d4nny
post
Post #2





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

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


problem rozwiązałem, lecz szcerze mówiąć wasze porady nie przydały mi się a zwłaszcza te pierwsze...

kod HTML

  1.  
  2. <div id="tabcss">Tabela
  3. <div id="tabcss">
  4. <div id="tabcss">Jeden</div>
  5. <div id="tabcss">Dwa</div>
  6. </div>
  7. <div id="tabcss">
  8. <div id="tabcss">Trzy</div>
  9. <div id="tabcss">Cztery</div>
  10. </div>
  11. </div>


kod CSS

  1. #tabcss
  2. {
  3. border: 1px solid #999999;
  4. padding: 10px;
  5. }
  6. body > #tabcss
  7. {
  8. display: table;
  9. border: 1px solid #333333;
  10. }
  11. body > #tabcss > #tabcss
  12. {
  13. display: table-row;
  14. }
  15. body > #tabcss > #tabcss > #tabcss
  16. {
  17. display: table-cell;
  18. margin-left: 5px;
  19. }
  20.  
  21. </body>


chodziło o to ze kazda warstwa musiala miec te samą nazwę, bo w htmlu są one zagniezdzone, wstawiam kod po to aby ktos kto bedzie mial podobny problem skorzystal z tego, dzieki wszystkim za chec pomocy

a tak to wyglada online http://finaldesign.pl/tabcss/tabela.html

Ten post edytował d4nny 2.07.2009, 10:50:00
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


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

 



RSS Aktualny czas: 2.10.2025 - 19:24