Таблица в HTML, посоветуйте.

12
palmal
На сайте с 27.03.2009
Offline
118
#11

Archie, Спасибо вам большое. Все сделал.

A
На сайте с 24.07.2006
Offline
32
#12

Еще один способ, код:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
table {border-top:5px solid black; border-left:5px solid black;} /* внешняя верхняя и левая граница таблицы */
table td {border-right:5px solid black; border-bottom:5px solid black;} /* правая и нижняя границы у ячеек таблицы */
</style>
</head>

<body background="gorod.jpg">

<a href="index.htm">Главная</a><br /><br />
<table width="800" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>Ячейка 1 строки 1</td>
<td>Ячейка 2 строки 1</td>
<td>Ячейка 3 строки 1</td>
</tr>
<tr>
<td>Ячейка 1 строки 2</td>
<td>Ячейка 2 строки 2</td>
<td>Ячейка 3 строки 2</td>
</tr>
<tr>
<td>Ячейка 1 строки 3</td>
<td>Ячейка 2 строки 3</td>
<td>Ячейка 3 строки 3</td>
</table>


</body>
</html>

Суть. Используется одна таблица. Но, верхняя и левая границы задаются у таблицы, а правая и нижняя границы задаются у ячеек.

Тогда не произойдет искажения толщины границ за счет прилегания смежных друг к другу.

mff
На сайте с 21.02.2008
Offline
282
mff
#13

palmal, ловите код:

table, td {
border:1px solid #0b0b0d;
border-collapse:collapse;
}
с вас пирожок 🚬
Управление репутацией в сети: https://timbook2.ru/
E
На сайте с 02.03.2010
Offline
37
#14

mff, спаибо за код, пригодился.

O6
На сайте с 25.05.2010
Offline
37
#15

Все забыли упомянуть то, что вся проблема мжет быть в браузере. Попробуй просмотреть в разных.

А как вариант попробуй такой код:

<table width="800" border="0" cellpadding="0" cellspacing="0" >

<TR>

<TD style="border : 1px solid Red;">Ячейка 1 строки 1</TD>

<TD style="border : 1px solid Red;">Ячейка 2 строки 1</TD>

<TD style="border : 1px solid Red;">Ячейка 3 строки 1</TD>

</TR>

<TR>

<TD style="border : 1px solid Red;">Ячейка 1 строки 2</TD>

<TD style="border : 1px solid Red;">Ячейка 2 строки 2</TD>

<TD style="border : 1px solid Red;">Ячейка 3 строки 2</TD>

</TR>

<TR>

<TD style="border : 1px solid Red;">Ячейка 1 строки 3</TD>

<TD style="border : 1px solid Red;">Ячейка 2 строки 3</TD>

<TD style="border : 1px solid Red;">Ячейка 3 строки 3</TD>

</TABLE>

Мой SEO блог (http://www.markintalk.ru/) Как создать свой сайт БЕСПЛАТНО. (http://www.eltisbook.ru)
mff
На сайте с 21.02.2008
Offline
282
mff
#16

ephifani, не за что. Люблю качественный и короткий css код 🚬

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий