Расположение таблицы - HTML и CSS

Yaga · 05.02.2009, 20:17

У меня вопрос такой. Ну, я в HTML новичок. Когда создаешь таблицу в HTML-документе, то по умолчанию (если цвет таблицы не совпадает с цветом фона) вверху между таблицей и самим документом остается маленькая такая полоска, так вот, как сделать так, чтобы этой полоски не было, как прижать ячейки этой таблицы к самому верху. Чтобы было понятно о чем я говорю, посмотрите этот рисунок:

http://exfile.ru/25117

Как прижать табличку кверху?

wall66 · 05.02.2009, 20:25

Код HTML:

<html>
<body style="margin:0px;padding:0px;">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="background-color:red;">
&nbsp;
</td>
</tr>
</table>
</body>
</html>

Yaga · 05.02.2009, 20:37

О, спасибо большое!

Yaga · 05.02.2009, 20:55

Проверил. Работает.

Только знаете чего, там вверху и между ячейками таблицы все равно есть расстояние, равное примерно одному пикселю, хотя параметры cellpadding="0" cellspacing="0". От этого нельзя избавится, это так и будет?

wall66 · 05.02.2009, 21:01

пример вашего кода очень упростит помощь, а вообще никаких зазоров быть не должно (может границы какие-нибудь проставлены)

Код HTML:

<html><body style="margin:0px;padding:0px;"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td style="background-color:red;">&nbsp;</td><td style="background-color:green;">&nbsp;</td></tr><tr><td style="background-color:blue;">&nbsp;</td><td style="background-color:yellow;">&nbsp;</td></tr></table></body></html>

Yaga · 05.02.2009, 21:51

Ну вот пример кода:

А все равно на 1 пиклель ячейки разрежены

wall66 · 05.02.2009, 22:00

cellspacing="0" у вас не указан

Yaga · 05.02.2009, 22:15

ААААА!!!

Вы гений!!! Спасибо человеческое, все работает!!!

05.02.2009, 20:17	#1
Yaga Пользователь Регистрация: 13.05.2008 Сообщений: 69	Расположение таблицы У меня вопрос такой. Ну, я в HTML новичок. Когда создаешь таблицу в HTML-документе, то по умолчанию (если цвет таблицы не совпадает с цветом фона) вверху между таблицей и самим документом остается маленькая такая полоска, так вот, как сделать так, чтобы этой полоски не было, как прижать ячейки этой таблицы к самому верху. Чтобы было понятно о чем я говорю, посмотрите этот рисунок: http://exfile.ru/25117 Как прижать табличку кверху? Последний раз редактировалось Yaga; 05.02.2009 в 20:21. Причина: Поменять ссылку

05.02.2009, 20:25	#2
wall66 Участник клуба Регистрация: 04.10.2008 Сообщений: 1,485	Код HTML: <html> <body style="margin:0px;padding:0px;"> <table width="100%" height="100%" cellpadding="0" cellspacing="0"> <tr> <td style="background-color:red;"> * * </td> </tr> </table> </body> </html> Notepad2 *свободен...*

05.02.2009, 20:55	#4
Yaga Пользователь Регистрация: 13.05.2008 Сообщений: 69	К вашему посту Проверил. Работает. Только знаете чего, там вверху и между ячейками таблицы все равно есть расстояние, равное примерно одному пикселю, хотя параметры cellpadding="0" cellspacing="0". От этого нельзя избавится, это так и будет?

05.02.2009, 21:01	#5
wall66 Участник клуба Регистрация: 04.10.2008 Сообщений: 1,485	пример вашего кода очень упростит помощь, а вообще никаких зазоров быть не должно (может границы какие-нибудь проставлены) Код HTML: <html><body style="margin:0px;padding:0px;"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td style="background-color:red;">* </td><td style="background-color:green;"> </td></tr><tr><td style="background-color:blue;"> </td><td style="background-color:yellow;"> </td></tr></table></body></html> Notepad2* *свободен...* Последний раз редактировалось wall66; 05.02.2009 в 21:03.

05.02.2009, 21:51	#6
Yaga Пользователь Регистрация: 13.05.2008 Сообщений: 69	wall66 Ну вот пример кода: <html> <head> <title></title> </head> <body bgcolor="#99CCFF" style="margin:0px;padding:0px;"> <div align="center"> <table summary="" border="0" cellpadding="0"> <tr> <td height="289" width="150"> <img src="../Image/Other/f1.jpg" border="0" alt=""> </td> <td height="289" width="664"> <img src="../Image/l1.jpg" border="0" width="664" height="289" alt=""> </td> <td height="289" width="150"> <img src="../Image/Other/f1.jpg" border="0" alt=""> </td> </tr> </table> </div> </body> </html> А все равно на 1 пиклель ячейки разрежены

05.02.2009, 20:37	#3
Yaga Пользователь Регистрация: 13.05.2008 Сообщений: 69	О, спасибо большое!

05.02.2009, 22:00	#7
wall66 Участник клуба Регистрация: 04.10.2008 Сообщений: 1,485	cellspacing="0" у вас не указан Notepad2 *свободен...*

05.02.2009, 22:15	#8
Yaga Пользователь Регистрация: 13.05.2008 Сообщений: 69	ААААА!!! Вы гений!!! Спасибо человеческое, все работает!!!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Особое расположение формы	delphicn	Общие вопросы Delphi	0	02.02.2009 15:06
Как узнать расположение папки мои документы?	apromix	Win Api	4	08.05.2008 15:04
Расположение и размер формы	Marsik	Помощь студентам	6	25.03.2008 15:14
Как сохранять расположение ToolStrip'ов (C#)?	behod	Общие вопросы .NET	0	27.02.2008 00:39