ďťż

tabelki i CSS

Podstrony

telcocafe

WItam, chciałbym zrobić tabelkę na www, ale nie wiem czy używac <table> czy div? co na ten temat mówią standarty???? Chodiz mi o prostą tabelkę. Jak chciaem zrobić <table style="border-style: solid;" to nie wiem dlaczego obramowanie były tylko zewnątrz tabeli, a jak robię <table BORDER to potem kolory....nie da sie zmienic......... jak za pomoca CSS dac obramowanie wewnatrzm bo jak daje do <tr> czy <td> to się podwaja linia......... nie jest to zgrane

czy może używać divów do takich tabel?

standardy
Użytkownik fordo edytował ten post 23 sierpień 2006, 17:45

table { border-collapse: collapse; }

co na ten temat mówią standarty????
1) *standardy
2) Nic nie mówią. To, że w XHTML zaleca się robienie layoutów w div + css, nie znaczy, że znacznik table jest zakazany ... Użyj znacznika <table> - do takich rzeczy on przecież został stworzony, do grupowania informacji.
Użytkownik Coldpeer edytował ten post 20 lipiec 2006, 13:43

<table style="border-collapse: collapse; border-style: solid; border-color: red; ">
<tr>
<td>
sdsdds
</td>
<td>
sdsdsd</td>
</tr>
<tr>
<td>
sdsdds
</td>
<td>
sdsdsd</td>
</tr>
</table>
nie działa
Użytkownik fordo edytował ten post 21 lipiec 2006, 12:18
table { border: 1px solid red; border-collapse: collapse; } td { border: 1px solid red; }
Użytkownik Coldpeer edytował ten post 20 lipiec 2006, 14:07

niestety nie działa tak jak należy
<?xml version="1.0" encoding="iso-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> <meta http-equiv="reply-to" content="Adres_e-mail" /> <meta name="generator" content="WebSite PRO 4.2" /> <meta name="author" content="Autor_dokumentu" /> <meta name="description" content="Opis" /> <title>Bez Tytułu</title> </head> <style type="text/css"> .tablecss{ position: relative; top: 100px; left:2px; width: 100%; background-color:#6090C0; border-collapse: collapse; border-style: solid; border-width: 1px; border-color: black; } .TD { border-style: solid; border-width: 1px; border-color: black; } </style> <body> <TABLE class="tablecss"> <TR style="background-color: green;"> <TD style="font-size: 60px; color: red; font-family: Arial">1</TD> <TD>2</TD> </TR> <TR> <TD style="background-color: red;">3</TD> <TD style="position: relative; background-color: #DDEEFF;">4</TD> </TR> </TABLE> </body> </html>

obramowanie tylko z zewnątrz całej tabeli
a ja chcę żeby było między komórkami wszystkimi

2

dlaczego jak napisze
<DIV>
<P>dssdsdsd</p><P>dssdsd</p>
</div>
to są odstępy pomiędzy napisami?

edit ad2 float: left;

3.
<style type="text/css"> .tablecss{ background-color:#6090C0; border-collapse: collapse; margin: 0px; padding: 0px; } </style> <body> <TABLE class="tablecss"><TR> <TD>a</TD> <TD>B</TD> </TR> <TR> <TD><A HREF="http://search.msdn.microsoft.com/search/images/msdn.jpg"><IMG SRC="http://search.msdn.microsoft.com/search/images/msdn.jpg"></A></TD> <TD><A HREF="http://search.msdn.microsoft.com/search/images/msdn.jpg"><IMG SRC="http://search.msdn.microsoft.com/search/images/msdn.jpg"></A></TD> </TR> <TR> <TD ><p>tutaj jest msdn</p><P style="float: left; ">ssdsd</p></TD><Td>hkhg</td> </TR> </TABLE>

między napisem tutaj jest msdn i ssdsd jest odstęp, Float: left nie pomaga:(
Użytkownik fordo edytował ten post 23 sierpień 2006, 17:37

[...]
Znacznik P to z angielskiego paragraph bodaj, czyli akapit. A akapity umieszcza się w jednej linii? Użyj może znacznika SPAN.

Użyłeś .TD zamiast TD, dlatego nie ma obramowania :P

jest tak, że nie chcę, żeby to było dla wszystkich tabel, bo ich w dokumencie będe miał więcej niż jedną.....

czyli
//
jak zrobić obramowanie typu solid grubości 20px na zewnątzr tabelki, oraz obramowanie normalne wewnątrz tabeli (solid 1px red) oraz dla komórki A3 obramownaie 2px green solid

jest tak, że nie chcę, żeby to było dla wszystkich tabel, bo ich w dokumencie będe miał więcej niż jedną.....

czyli
//
jak zrobić obramowanie typu solid grubości 20px na zewnątzr tabelki, oraz obramowanie normalne wewnątrz tabeli (solid 1px red) oraz dla komórki A3 obramownaie 2px green solid

odwołaj się do klas
w tabelce, czy konkretnej komórce dajesz

class="dowolnanazwa"

i potem w CSS
.dowolnanazwa {własności stylów}
i tak możesz zrobić do każdej praktycznie komórki dając inne nazwy w class
Użytkownik kutar edytował ten post 24 sierpień 2006, 15:45

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL