X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> CSS как убрать границы в верстке!
Kdes70
Kdes70
Topic Starter сообщение 16.2.2012, 21:34; Ответить: Kdes70
Сообщение #1


Люди помогите решить проблему, делал табличную верстку в програме Adobe Dreamweaver CS5. вставил изоброжение шапки, футера и между блоками образовались (просветы) как это исправить?

вот на картинке видно
Эскизы прикрепленных изображений
Прикрепленное изображение
 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lamerya
lamerya
сообщение 17.2.2012, 0:10; Ответить: lamerya
Сообщение #2


кинь исходник , на досуге гляну :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kdes70
Kdes70
Topic Starter сообщение 17.2.2012, 1:03; Ответить: Kdes70
Сообщение #3


[b]
[/b]

<!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%;
}
[/php]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anton-line
anton-line
сообщение 17.2.2012, 1:04; Ответить: anton-line
Сообщение #4


не понятно, в чем именно проблема.. что надо улучшить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kdes70
Kdes70
Topic Starter сообщение 17.2.2012, 1:07; Ответить: Kdes70
Сообщение #5


Благодарю заранее за любую помощь

на рисунке видно что между блоками просветы, как их убрать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anton-line
anton-line
сообщение 17.2.2012, 1:14; Ответить: anton-line
Сообщение #6


попробуй в первом <TABLE добавить `cellpadding="0" cellspacing="0"`
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kdes70
Kdes70
Topic Starter сообщение 17.2.2012, 1:16; Ответить: Kdes70
Сообщение #7


спасибо вам ))) помогло!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
anton-line
anton-line
сообщение 17.2.2012, 1:17; Ответить: anton-line
Сообщение #8


всё гениальное - просто.. старый добрый html иногда полезнее новых css =))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 17.2.2012, 20:10; Ответить: yury_mw
Сообщение #9


Kdes70, исправить можно так:
.main_border {
border:1px solid #FFF;
border-collapse: collapse;
}
.main_border td{
padding: 0;
}
.main_border td table{
border-collapse: collapse;
}

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 17.2.2012, 20:30; Ответить: yury_mw
Сообщение #10


А по нормальному, конечно, следует уходить от табличной верстки.
Так же плохо смешивать в одном файле содержание и оформление.
В вашем случае нормальная верстка будет выглядеть как-то так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>не таблица</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="main_border">
    <div id="header"></div>
    <div id="nav"></div>
    <div id="content">
        <div id="left"></div>
        <div id="right"></div>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>

/* CSS Document */
*{
    margin: 0;
    padding: 0;
}
body{
    text-align: center;
    background: url(img/Bd.jpg);
}
#main_border{
    width: 900px;
    margin: 0 auto;
    border: 1px solid #fff;
}
#header{
    height: 243px;
    background: url(img/header.png);
}
#nav{
    height: 40px;
    background: url(img/nav.png);
}
#content{
}
#left{
    float: left;
    width: 182px;
    height: 131px;
    background-color:#91BDC8;
}
#right{
    margin-left: 182px;
    height: 131px;
    border-left:1px solid #333;
    background-color:#ccc;
}
#footer{
    height: 33px;
    background: url(img/footer.png);
}

Некоторые места у вас не сильно понятны, например,
* так ли нужна белая рамочка вокруг всего содержимого страницы (у вас это таблица с классом "main_border")?
* для какой цели точно задана высота ячейки с классом "left" — 131px?
Потому, возможно, в этих местах окончательный вариант верстки будет выглядеть несколько иначе.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2284 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3910 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3636 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1926 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:32
Дизайн