| |
|
|
| | Есть у меня таблица, только вот края её слишком толстые. Я хочу чтоб они не превышали по ширине 1px.
Вот стиль:
table {
font:70%;
padding:3px;
}
td { border: 1px solid black }
tr{border: 1px solid black}
|
Ну и обычная таблица:
<table width="100%" cellspacing="0" align="center">
<tr>
<td>some text1</td>
</tr>
<tr>
<td>some text2</td>
</tr>
</table>
|
Края самой таблицы (наружные) выходят как надо: 1px.
Но, всё что внутри - слишком жирное!
Можно ли что нибудь сделать чтобы и внутри линии были тонкими?
Спасибо. | |
| |
|
|
| |
|
|
| |
для: codexomega
(29.08.2005 в 00:46)
| | | Итак, друзья, товарищи, приступаем к уроку по таблицам в HTML.
Нашёл я ответ.
Вот даю готовое решение:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Table Borders</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
table {
font:70%;
padding:3px;
border-right: 1px solid black;
border-top: 1px solid black;
}
td {
border-left: 1px solid black;
border-bottom: 1px solid black;
}
</style>
</head>
<body>
<table width="100%" cellspacing="0" align="center">
<tr>
<td>some text1</td>
<td>some text2</td>
</tr>
<tr>
<td>some text3</td>
<td>some text4</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: codexomega
(29.08.2005 в 03:28)
| | | Красиво. Но только в IE | |
| |
|
|
| |
|
|
| |
для: sasha
(30.08.2005 в 17:05)
| | | Действительно, FireFox разрывает таблицу... | |
| |
|
|
| |
|
|
| |
для: codexomega
(30.08.2005 в 18:34)
| | | Опера 7.54 тоже | |
| |
|
|
| |
|
|
| |
для: codexomega
(29.08.2005 в 03:28)
| | | Проблема устранена. Теперь работает в FireFox.
Как в капризной Опере, не знаю.
<style>
table {
font:70%;
padding:3px;
border-right: 1px solid black;
border-top: 1px solid black;
border-collapse:collapse;
}
td {
border-left: 1px solid black;
border-bottom: 1px solid black;
}
</style>
|
| |
| |
|
|
| |
|
|
| |
для: codexomega
(29.08.2005 в 00:46)
| | | Код проверен в Опере 8.02.
Порядок. | |
| |
|
|
| |
|
|
| |
для: codexomega
(30.08.2005 в 23:35)
| | |
<style>
table {
font:70%;
padding:3px;
border-collapse:collapse;
}
td {
border: 1px solid black;
}
</style>
|
Эффект такой же. | |
| |
|
|
