Помощник
|
CSS как убрать границы в верстке! |
Kdes70
|
Сообщение
#1
|
||
|
|
||
|
|||
lamerya |
17.2.2012, 0:10;
Ответить: lamerya
Сообщение
#2
|
|
кинь исходник , на досуге гляну
|
|
|
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"> </td> <td valign="top" bgcolor="#CCCCCC"> </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 |
17.2.2012, 1:04;
Ответить: anton-line
Сообщение
#4
|
|
не понятно, в чем именно проблема.. что надо улучшить?
|
|
|
Kdes70
|
Сообщение
#5
|
|
Благодарю заранее за любую помощь
на рисунке видно что между блоками просветы, как их убрать? |
|
|
anton-line |
17.2.2012, 1:14;
Ответить: anton-line
Сообщение
#6
|
|
попробуй в первом <TABLE добавить `cellpadding="0" cellspacing="0"`
|
|
|
Kdes70
|
Сообщение
#7
|
|
спасибо вам ))) помогло!!
|
|
|
anton-line |
17.2.2012, 1:17;
Ответить: anton-line
Сообщение
#8
|
|
всё гениальное - просто.. старый добрый html иногда полезнее новых css =))
|
|
|
yury_mw |
17.2.2012, 20:10;
Ответить: yury_mw
Сообщение
#9
|
|
Kdes70, исправить можно так:
.main_border { |
|
|
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 | 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 |
Текстовая версия | Сейчас: 28.3.2024, 16:32 |