Dane w tabelkach na stronie www

Dla specjalistów Webmastering
#21

Zmieniłem kolory w background w wierszu #tab tr:first-child td kolory i nic mi to nie dało. Zmieniłem też kolory w #tab td i jedynie zmieniło mi kolory lini w tabelce na niebieskie. Jednak kolory pól tych co chciałem nie zmieniło mi na takie jak chciałem :frowning: - http://www.history.is.net.pl/users.php

#tab {

    background-color: #DEE3E8;

    border: 1px solid #5E7388;

    border-collapse: collapse;

    color: #5E7388;

    empty-cells: show;

    margin: 3px auto;

    outline: 2px solid #5E7388;

    width: 90%;

}

#tab td {

    border: 1px solid #4684C1;

    margin: 0;

    padding: 0;

    text-align: center;

}

#tab tr:first-child td {

    background-color: #86AED7;

    background-image: url("http://www.forumweb.pl/templates/phpbbSilver/images/cellpic3.gif");

    background-position: left bottom;

    background-repeat: repeat-x;

    font-weight: bold;

    padding: 3px;

}

Poza tym pod przeglądarką Internet Explorer wygląda to tak:

tab.png

A pod przeglądarką FireFox i Gogle Chrome wygląda to tak:

tab2.png

Czy można tak zrobić żeby w każdej przeglądarce było tak samo, nawet w IE ?

Możecie mi jakoś w tym pomóc ?

#22

Nie, w takim razie musisz zastosować klasę (niezgodnie z semantyką) nie sądziłem, że ktoś pisze jeszcze coś pod stare ie.

I wszystko jasne… zrób w gimpie / photoshopie / czymś jak to ma wyglądać docelowo - bo albo ja mam problemy z Polskim, albo Ty.

UPDATE. Ewentualnie może o to chodziło

#tab {

    background-color: #4684C1;

    border: 1px solid #5E7388;

    border-collapse: collapse;

    color: #5E7388;

    empty-cells: show;

    margin: 3px auto;

    outline: 2px solid #5E7388;

    width: 90%;

}

#tab td {

    border: 1px solid #FFFFFF;

    margin: 0;

    padding: 0;

    text-align: center;

}

#tab tr.gora td {

    background-color: #86AED7;

    background-image: url("http://www.forumweb.pl/templates/phpbbSilver/images/cellpic3.gif");

    background-position: left bottom;

    background-repeat: repeat-x;

    font-weight: bold;

    padding: 3px;

}
#23

Pokazuje na przykładzie jak ma to wyglądać. Pola gdzie są Lp, użytkownik, email, gg, miasto mają być koloru ciemniejszego:

1.png

Natomiast kolory pola z danymi użytkowników mają mieć kolory jaśniejsze:

2.png

Jak to zrobić ?

#24

Czytaj wyżej. Tak sądzę, że to będzie dobra odpowiedź.

IE zajmiemy się później, albo i wcale, bo po dziś dzień nikt nie jest w stanie przedstawić dokumentacji n/t html i css w IE, tak więc trudno coś pisać, to raczej dopasowywanie “na czuja”. Zobacz czy działa pod ie9/chrome/ff/opera.

#25

Na to akurat kostek135 już odpowiedział.

Przeczytaj TO przed napisaniem kolejnego posta, oraz TO przed założeniem kolejnego tematu bo mnie zaraz szlag trafi.

NA TYM FORUM NIE ROBIMY ZA KOGOŚ, A TY DO JASNEJ CIASNEJ TAK DŁUGO KOGOŚ CIŚNIESZ, AŻ CI CAŁE ZROBI.

I tyle z mojej strony …

#26

Dobra, teraz już jest okej.

#27

Czy działa pod ff / chrome / opera?

ZZzzzZZ… poczytaj do góry znajdziesz odpowiedź, i idę śladem @droboka zapomnij o jakiejkolwiek dalszej pomocy…

#28

Tak już teraz działa, Ale pytanie co z szerokością tabel ? zeby te komorki tabel nie byly takie szerokie tylko dopasowane.

#29

Zmień szerokość w stylach css

#30

Dlaczego niechce zmienic mi koloru pola Lp. nick, gg, mail, miasto na taki kolor jak chce tylko caly czas mam szary kolor tego pola ?

Jak to zrobic zeby mi zmienilo kolor tego pola ? http://www.history.is.net.pl/users.php

#tab {

    background-color: #86AED7;

    border: 1px solid #6699CC;

    border-collapse: collapse;

    color: #333333;

    empty-cells: show;

    margin: 3px auto;

    outline: 2px solid #6699CC;

    width: 40%;

}

#tab td {

    border: 1px solid #000033;

    margin: 0;

    padding: 0;

    text-align: center;

}

#tab tr.gora td {

    background-color: #000;

    background-image: url("http://www.forumweb.pl/templates/phpbbSilver/images/cellpic3.gif");

    background-position: left bottom;

    background-repeat: repeat-x;

    font-weight: bold;

    padding: 3px;

}
#31

żle zapisałeś klasę

.tab tr .gora td
#32

batmomobil ten zapis nic nie daje, ale cóż trudno się mówi.

Dzięki chłopaki za pomoc.

#33

Nie opowiadaj,że nic nie daje,czy zmieniłeś w stylach css

#tab {

        background-color: #86AED7;

        border: 1px solid #6699CC;

        border-collapse: collapse;

        color: #333333;

        empty-cells: show;

        margin: 3px auto;

        outline: 2px solid #6699CC;

        width: 40%;

    }

   #tab td {

        border: 1px solid #000033;

        margin: 0;

        padding: 0;

        text-align: center;

    }

    .tr gora {

        background-color: #000;

        background-image: url("http://www.forumweb.pl/templates/phpbbSilver/images/cellpic3.gif");

        background-position: left bottom;

        background-repeat: repeat-x;

        font-weight: bold;

        padding: 3px;

    }

sprawdzałem ma być dobrze.Co to za gif,co to ma być