[css] border nie dziala

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
robaczek
Posty: 1
Rejestracja: sob mar 12, 2011 5:01 pm

[css] border nie dziala

Post autor: robaczek »

Cześć,
Mój pierwszy post, moja pierwsza strona.
Gdy wpisuję w pliku ze stylami:

Kod: Zaznacz cały

tbody > tr:nth-child(odd)   {   color: white; background-color: gray; }
tbody > tr:nth-child(even)  {   color: gray; background-color: white; }

table                       {   border: 3mm;
                                border-collapse: separate;
                                table-layout: fixed;
                                width: 80%;
                                text-align: center; }
Na Mozilli nie wyświetla się ramka (są tylko jakieś delikatne odstępy niezależne od wpisanej wartości border: 3mm).
Na IE8 zupełnie gładko, a na dodatek tr:nth-child(odd) i (even) nie działa (nie koloruje).

Zauważyłem, że jeśli w HTMLu wpiszę <table border=2mm> to działa zarówno na Mozilli jak i IE.


Da się to zrobić jednak w CSSie? I co z kolorowanie wierszy? Tabeli będę mieć kilkadziesiąt, każda z kilkunastoma wierszami, więc wolałbym mieć to normalnie zrobione.

Pozdrawiam robak
darek_w
Nowy
Nowy
Posty: 41
Rejestracja: sob lip 31, 2010 8:48 am

Re: [css] border nie dziala

Post autor: darek_w »

Witam serdecznie
Nie napisałeś co ile ma kolorować wiersz :)
poniżej przykład dla wylistowania ul li

Kod: Zaznacz cały

ul li:nth-child(3n+3) {
  color: #ccc;
}
mam nadzieje że to pomogło, jak coś to pisz.
Pozdrawiam
Darek
hieroshima
Posty: 6
Rejestracja: sob mar 13, 2010 10:57 pm

Re: [css] border nie dziala

Post autor: hieroshima »

A, że tak z ciekawości spytam tabele potrzebujesz do prezentacji danych tabelarycznych prawda? Nie do zbudowania treści całej strony www?
ODPOWIEDZ