pomoc

[lesnynt]

witam

jak zrobic w css taka tabelke z newsami jak na ponizszej stronie

http://www.mystock.pl/newsy/archiwum/

Wiem że to pewnie skrypt php ale jestem ciekawy czy mozna zrobić samą taka tabelke z tym napisem archiwum newsóww css

[BeamBear]

Treść tabeli jest na pewno pobierana z bazy danych przez skrypt php. Ale sama tabela to podstawy html i css.

Tu html

Kod:

<table>
  <tr id="t_header">
    <td colspan="2">Archiwum newsów</td>
  </tr>
  <tr id="c_headers">
    <td>Data</td>
    <td>Tytuł</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

a tu css

Kod:

table {
padding: 3px;
border: none;
font-size: 12px;
}

#t_header {
color: #0066CC;
font-weight: bold;
text-transform: uppercase;
}

#c_headers {
color:#999999;
font-size: 10px;
}

jedyne co zrobić jeszcze - ustawić sobie szerokości kolumn.

[lesnynt]

Dzieki wielkie za kod jednak ja chyba coś źle robie bo nie wyświetla mi obramowania jedynie same napisy data ,tytuł, archiwum.

[BeamBear]

Nic nie robisz źle - obramowanie tabeli jest celowo ukryte (tak było w podlinkowanym przykładzie). W css znajdź sobie tą linijkę

Kod:

border: none;

i zamień na to

Kod:

border: #000000 thin solid;
border-width: 1px;

Atrybut border odpowiada za obramowanie. Kiedy jest ustawiony na wartość "none" nie zobaczysz żadnego. Jeśli jednak ustawisz to co Ci podałem powyżej - zobaczysz czarne obramowanie (#000000 - czarny)(w dodatku z ominięciem błędu niektórych wersji IE, wyświetlania grubej linii obramowania, kiedy zależy nam na jednopikselowej )

PS - jak chcesz ciekawszego efektu - w css, zamiast "table" wstaw "table, td"