Вопрос по дизайн шапки сайта DLE

mafusail1900 · August 28, 2011

Привет всем!

Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая:

В результате получилось:

Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз.

1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте

2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине.

Часть кода main.tpl

{AJAX}
<body>
<div id="container_wrap">
 <div id="header">
<div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div>
<div id="hbanka"><a href="/" title="На главную"><img src="{THEME}/images/counter.png" alt="" /></a></div> 
 <div class="text-logo">
   <div align="center">Житомирская областная федерация киокушин-каратэ</div>
 </div>
  </div><!--/header-->

Часть кода styles.css

/* CSS SITE START */
#container_wrap {min-width:1000px; background:#d9d9d9 url("../images/bottom_gr.png") repeat-x 0 bottom;}
#header {height:180px; padding:0 0; overflow:hidden; background:#232323; width:100%;}
#hlogo {float:none; margin:52px 5px 0 0; position:relative;}
#hbanka {width:450px; height:200px; position:relative; float:right;}
#hnav_full {border-bottom:1px solid #d2d2d2; position:relative; background:url("../images/hnav_bg.png") repeat-x 0 -129px; z-index:10;}

Буду признателен за помощь

orion_by · August 28, 2011

Ну вот как то так. ссылка .правда писалось быстро и сильно не задумывался. корректируем под себя и всё

Sign In

Вопрос по дизайн шапки сайта DLE

Question

mafusail1900

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

orion_by

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information