Форум Сайтостроение Веб-строительство

Как сделать выстоту ячейки таблицы менее 21px?

AF
На сайте с 14.02.2010
Offline
16
Air Force
1934

Не вмещается на экран таблица. Без прокрутки. Хотелось бы уменьшить высоту ячеек на 1-2px. Но в Dreamweaver'e менее 21px высота ячейки не получается...

Jekyll
На сайте с 04.05.2009
Offline
136
Jekyll
#1

Бред какой-то. Сомневаюсь что у вас нет текстовых редакторов кроме дримвивера, поправьте в блокноте :)

kimberlit
На сайте с 13.03.2007
Offline
370
kimberlit
#2

height:20px

AF
На сайте с 14.02.2010
Offline
16
Air Force
#3

Jekyll, kimberlit, увеличить высоту получается, а вот уменьшить нет. Уж не пинайте больно, я ж не волшебник, я только учусь :)

<title>Высота ячейки</title>
<style>
td {height:15px}
</style>
</head>

<body>
<table width="500" border="1" cellspacing="0" cellpadding="0" bordercolor="#0000FF">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

Буду благодарен, если покажете в коде как это сделать.

edogs software
На сайте с 15.12.2005
Offline
775
edogs software
#4

Это скукожит Вашу таблицу в 0


<title>Высота ячейки</title>
<style>
td {height:0px;line-height:0px;font-size:0px;}
</style>
</head>

<body>
<table width="500" border="0" cellspacing="0" cellpadding="0" bordercolor="#0000FF">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

Высоту в 0, ибо очевидно.

Бордер в 0, ибо очевидно.

Размер фонта в 0, ибо &nbsp; в некоторых браузерах это "квадратный" пробел определённой высоты.

line-height - см. про размер фонта.

Дальше играйтесь этими параметрами с целью добиться нужного эффекта. Обязательно проверяйте в FF и IE, т.к. именно с высотой "пустых" мест у них есть определённые различия.

Разработка крупных и средних проектов. Можно с криптой. Разумные цены. Хорошее качество. Адекватный подход. Продаем lenovo legion в спб, дешевле магазинов, новые, запечатанные. Есть разные. skype: edogssoft
Оптимизация для MSN Александр Садовский на конференции Влияние коммерческих факторов на
Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#5

уберите из ячеек &nbsp; и указывайте для ваших ячеек любую высоту через height="???"

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#6

Ох и советчики - height для ячеек таблиц не существует в html, читайте спецификацию. Определить высоту можно в стилях, и только в стилях.

Air Force - table width="500" border="0" cellspacing="0" cellpadding="0" bordercolor="#0000FF" - для чего вся эта муть в коде, если вы уже пользуете стили?

1. Определите тип документа

2. Все в стили, в html только код: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

  <head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1251">

  <title></title>

<style type="text/css">

*{margin:0px;padding:0px;}

table{width:500px;border-collapse:collapse;}

td{width:??px;height:15px;}

</style>

  </head>

  <body>

<table>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

  </body>

</html>
Google: как сделать статические Оптимизация плавающих фреймов для Google AdSense улучшил адаптивные
A2
На сайте с 17.11.2009
Offline
52
asmakovec2
#7 


<title>Высота ячейки</title>
</head>

<body>
<table width="500" border="1" cellspacing="0" cellpadding="0" bordercolor="#0000FF">
<tr height="20">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr height="20">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>
AF
На сайте с 14.02.2010
Offline
16
Air Force
#8

Спасибо всех откликнувшимся! Наконец-то разобрался что к чему. Ещё раз убедился, что всё гениальное - просто.:)

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