Проблема состоит в том, что я пытаюсь соединить картинку вверху(шапку) с логотипом внизу, чтобы вышла целая картинка. Но логотип постоянно капризничает и не хочет центрироваться, а шапка располагается выше чем ей нужно.
И можно как-то сделать чтобы шапка и логотип были одного размера, а другие элементы не менялись? (а то у меня слишком сильно форум растянулся)
И еще: рекламу нужно убрать на самый верх, чтоб не залезала на изображение шапки.
Может я что-то не так прописала, или не туда? А то я уже и так и эдак, а она все, зараза, никак центрироваться не хочет(
html-верх
Код:
<style>
#pun {margin-top: 0px}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 12; left: 280px; top: 40px}
</style><br>
<center><img src="http://s61.radikal.ru/i171/1104/bf/58bab7ccfa84.jpg">
<style type="text/css">
#pun-title .title-logo {background-image: url(http://s55.radikal.ru/i148/1104/f1/a6507ac35712.jpg); height:"334px" width="1024"}
</style>
</center>Css
Код:
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border-style: none none none none;
border-width: 0 0 0 0;
text-align: center;
padding-left: 50%
margin-left: -512px;
}
/* D1.2 */
#pun-title h1 {
display : block;
height : 334px;
width : 1024px;
padding: 2em 0em 1em 2em;
}
/* D1.3 */
#pun-title .container {
border-style: none none none none;
}
/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}
#pun-title table {background-color: #ffffff ;
background-repeat : no-repeat;
background-position: bottom center;
height: 334px;
text-align: center;
padding-left: 50%
margin-left: -512px;
}
#pun-title td.title-logo-tdl {
border: none;
width: 50%;
}
#pun-title td.title-logo-tdr {
border: none;
width: 50%;
}Теги: центрирование, проблема, реклама, шапка, соединение, картинка,логотип
У Форума - ширина не фиксированна - поэтому установка картинок бекграундом не проходит
