CSS как убрать границы в верстке!

Статус
Закрыто для дальнейших ответов.

KDES70

Well-Known Member
Регистрация
16.02.2012
Сообщения
73
Люди помогите решить проблему, делал табличную верстку в програме Adobe Dreamweaver CS5. вставил изоброжение шапки, футера и между блоками образовались (просветы) как это исправить?
 

Вложения

KDES70

Well-Known Member
Регистрация
16.02.2012
Сообщения
73
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>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<table width="900" border="0" align="center" class="main_border">
<tr>
<td height="10" border="0" align="center" valign="bottom"><img src="img/header.png" width="900" height="243" align="middle"></td>
</tr>
<tr>
<td valign="top"><img src="img/nav.png" width="900" height="40"></td>
</tr>
<tr>
<td valign="top"><table width="900" border="0">
<tr>
<td width="182" height="131" valign="top" class="left">&nbsp;</td>
<td valign="top" bgcolor="#CCCCCC">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="img/footer.png" width="900" height="33"></td>
</tr>
</table>
</body>
</html>
PHP:
@charset "windows-1251";
/* CSS Document */

.main_border {
border:1px solid #FFF;
}
p {
font-family:Verdana;
font-size:12px;
margin:15px;
font-weight:bold;
}

body { background-image:url(img/Bd.jpg);

}

.left {
background-color:#91BDC8; border-right:1px solid #333;
}

.nav_title
{
margin-top:15px;
margin-left:5%;
margin-right:5%;
font-weight:bold;
text-align:center;
border-left:4px solid #900;
border-bottom:1px solid #666;
padding-top:6px;
padding-bottom:6px;
}

.nav_link{
color:#000;
font-size:11px;
margin-top:10px;
margin-bottom:10px;
}

.post {
border:1px solid #cccccc;
width:95%;
}
вот прилогаю код
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Ваш говнокод недостаточно говнист, нужно добавить пару какашек к TABLE:
cellpadding=0 и cellspacing=0.

Ну, я понимаю людей, которые делали сайты в прошлом веке, научились верстать таблицами и не хотят переучиваться.
Но какого хрена таким образом начинать, мне совершенно непонятно. Тем более, что такой "выдающийся" макет сверстать блоками гораздо проще, чем таблицами.

И еще. Небось в дримвьювере все картинки слитно были? А в браузере расплылись? Не могу даже удачи вам пожелать в дальнейшей работе. Такими методами вы много не наверстаете. И каждый новый проект будет борьбой с визуальным режимом дримвьювера.
 

KDES70

Well-Known Member
Регистрация
16.02.2012
Сообщения
73
все когда то начинали...
 

vla

Well-Known Member
Регистрация
16.09.2011
Сообщения
230
[member=KDES70], вам [member=tigra60] все правильно написал.
Пользуясь визуальным редактором вы ничего не добьетесь!
Вставьте cellpadding=0 и cellspacing=0:
<table cellpadding="0" cellspacing="0" width="900" border="0" align="center" class="main_border">
Для начала сойдет, а на будущее посмотрите, как управлять таблицей с помощью CSS. [sup]Искать самостоятельно.[/sup]
 

KDES70

Well-Known Member
Регистрация
16.02.2012
Сообщения
73
спасибо за помощь)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ