Доброго времени суток!!!!
Я тут верстаю для сайта шаблон и у меня запарка такая произошла. СМ картинку
http://keep4u.ru/full/080808/0c741aa9557c6cd8b7/jpg
собственно нужно чтобы эта маленькая картинка с белой полоской совпала с белой полоской что в шапке.
Пробовал применять к ней отрицательный margin-top, но это не помогло....
пример кода и картинки можно качнуть в архиве - http://displayart.ru/avalon/v2.rar
ниже хтмл код и цсс стили.
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Upload.az</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head><dody>
<div>
<div id="wrapper">
<div id="header"></div>
</div>
<div id="content">
<table id="tab_content" border="0" width="100%">
<tr>
<td width="20%"> </td>
<td width="60%">
<table border="0" id="tab_center_content" width="100%">
<tr>
<td colspan="3" id="tab_td_center_top"> </td>
</tr>
<tr>
<td> </td><td> </td><td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</td>
<td width="20%"> </td>
</tr>
</table>
</div>
</div>
</body></html>
|
| Код |
body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
}
#wrapper {
background: url(images/pod_logo.jpg) repeat-x;
height: 150px;
}
#header {
height: 150px;
background: url(images/logo.jpg) no-repeat;
}
#content {
background: #0066cc url(images/ten_pod_logo.jpg) repeat-x;
align: center;
height: auto;
}
#tab_td_center_top {
background: url(images/top_content.jpg) no-repeat;
margin-top: 20%
}
|
Всем заранее большое спасибо!!!! |
