+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: pomoc (/thread-pomoc)
pomoc - lesnynt - 07-10-2009
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
RE: pomoc - BeamBear - 07-10-2009
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> </td>
<td> </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.
RE: pomoc - lesnynt - 07-10-2009
Dzieki wielkie za kod jednak ja chyba coś źle robie bo nie wyświetla mi obramowania jedynie same napisy data ,tytuł, archiwum.
RE: pomoc - BeamBear - 07-10-2009
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"