Witaj,
Ciesze się, że mogłem pomóc. Poniżej zamieszam kod, który usuwa poziome linie rozdzielające wiersze. Problem polega na tym, że każda komórka ma osobne obramowanie i w momencie kiedy komórka łączy się z ta poniżej, obramowania nachodzą na siebie tworząc grubszą linie. Przy większej i bardziej skomplikowanej tabeli prawdopodobnie będziesz musiał uciec się do nieco innych środków (które lepiej, żebyś odkrył już sam
), jednak na chwilę obecną wystarczy Ci takie proste rozwiązanie.
XHTML
CSS
Pozdrawiam.
Ciesze się, że mogłem pomóc. Poniżej zamieszam kod, który usuwa poziome linie rozdzielające wiersze. Problem polega na tym, że każda komórka ma osobne obramowanie i w momencie kiedy komórka łączy się z ta poniżej, obramowania nachodzą na siebie tworząc grubszą linie. Przy większej i bardziej skomplikowanej tabeli prawdopodobnie będziesz musiał uciec się do nieco innych środków (które lepiej, żebyś odkrył już sam
), jednak na chwilę obecną wystarczy Ci takie proste rozwiązanie.XHTML
Kod:
<body>
<div>Obszar dokumentu</div>
<table cellspacing="0" cellpadding="0" width="200" border="0">
<tr class="border">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>CSS
Kod:
<style type="text/css">
html, body {
width: 200px;
height: 100px;
margin: 10px auto;
}
div {
width: 200px;
height: 100px;
border: 1px solid red;
}
tr td { border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;}
.border td { border-top: 1px solid black;}
table {
border: 1px black solid;
border-spacing: 0.4em 0;
}
</style>Pozdrawiam.
