[Вопрос]

Уважаемые форумчане! думаю данный вопрос задавался множество раз, но просмотрев темы нужного мне ответа так и не нашел.
Буду благодарен если кто повториться и поможет.
Шапка форума состоит из 2х частей это logo , и background , мне нужно поставить одну целую картинку во всю длинну шапки. Действуя методом научного тыка я всё же вставил картинку, но она вылезала за приделы форума. Подскажите как прописать в header что бы всё стояло нормально.
вот оригинал header

<!-- logo -->
<div id='branding'><a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>
</tr>
</table>
</div>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

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

<div id='branding'> за background отвечает?

Честно говоря, незнаю как определить? у меня просто белое вс по этому на глаз не могу сказать.

Amballador добавил 07.06.2012 в 10:50

Originally Posted by Amballador

Честно говоря, незнаю как определить? у меня просто белое вс по этому на глаз не могу сказать.

Извеняюсь да. точно как вы сказали.

Amballador добавил 07.06.2012 в 10:52
Прошу прощения header от другого стиля...
вот от нужного

<a name="top"></a>

<!-- size - center -->
<div align="center">
<div id="sizd" style="width:$sizd;">
<div align="$stylevar[left]">
<!-- /size - center -->

<!-- Top Main borders -->
<div id="main_border_top_x">
<div id="main_border_top_rht"></div>
<div id="main_border_top_lft"></div>
<ul>
<li><a href="$vboptions[homeurl]" title="$vboptions[hometitle]"><span>$vboptions[hometitle]</span></a></li>
<li><a href="$vboptions[forumhome].php$session[sessionurl_q]" title="$vbphrase[forum]"><span>$vbphrase[forum]</span></a></li>
</ul>
<div style="clear;both;height:0px;"></div>
</div>
<!-- /Top Main borders -->

<!-- logo -->
<div id="logoo_bg">
<div id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if></div>
<div id="logoo_lft"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></div>
</div>
<!-- /logo -->

<!-- Main borders -->
<div id="page_border_lft">
<div id="page_border_rht">
<!-- /Main borders -->

<!-- content table -->
$spacer_open

$_phpinclude_output

<!-- $ ad_location[ad_header_end] -->

Amballador, т.е. вместо текущего составного лого, нужно сделать только одну картинку в шапке?

Если нужно колдовать с текущей шапкой, то лучше предоставить дополнительные определения css и ссылку на форум

у вас 6 дивов незакрытых в коде

Originally Posted by Phoenix

Amballador, т.е. вместо текущего составного лого, нужно сделать только одну картинку в шапке?

Если нужно колдовать с текущей шапкой, то лучше предоставить дополнительные определения css и ссылку на форум

у вас 6 дивов незакрытых в коде

Да нужна одна целая картинка.
css

#sizd { text-align:center; margin-left:auto; margin-right:auto; }
.SpacerSize { padding:0px 15px 0px 15px; }

/* ***** Header ***** */
#logoo_bg { height:81px; background:#ffffff url(http://www.hip-hop.orel.ru/vbfs_aBla...d/logoo_bg.gif) repeat-x top left; overflow:hidden; }
#logoo_lft { height:81px; width:250px; float:left; overflow:hidden; }
#header_right_cell { float:right; }


/* ***** Main borders ***** */
#page_border_lft { border-left:1px solid #dadada; }
#page_border_rht { border-right:1px solid #dadada; }


/* ***** Top Bottom Main borders ***** */
#main_border_top_x { width:100%; margin:0px; background:#313131 url(http://www.hip-hop.orel.ru/vbfs_aBla...rder_top_x.gif) repeat-x top left; height:25px; overflow:hidden;}
#main_border_top_lft { float:left; background:url(http://www.hip-hop.orel.ru/forum/vbf...er_top_lft.gif) no-repeat top left; width:15px; height:25px; }
#main_border_top_rht { float:right; background:url(http://www.hip-hop.orel.ru/forum/vbf...er_top_rht.gif) no-repeat top right; width:15px; height:25px; overflow:hidden; }

#main_border_btm_x { width:100%;margin:0px; background:#881f22 url(http://www.hip-hop.orel.ru/forum/vbf...rder_btm_x.gif) repeat-x bottom left; height:14px; overflow:hidden; }
#main_border_btm_lft { float:left; background:url(http://www.hip-hop.orel.ru/forum/vbf...er_btm_lft.gif) no-repeat bottom left; width:14px; height:14px; }
#main_border_btm_rht { float:right; background:url(http://www.hip-hop.orel.ru/forum/vbf...er_btm_rht.gif) no-repeat bottom right; width:14px; height:14px; }


#main_border_top_x ul { list-style-type:none; margin:0; padding:0; }
#main_border_top_x li { float:left; margin:0; padding:0; }
#main_border_top_x a { background:transparent; float:left; position:relative; top:1px; font:bold 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin:0; padding: 0 0 0 15px; text-decoration:none; }
#main_border_top_x a span { background:transparent; color:#f3f3f3; float:left; position:relative; display:block; padding: 5px 15px 5px 0px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_border_top_x a span {float:none;}
/* End IE5-Mac hack */
#main_border_top_x a:hover { background:#821c20 url(http://www.hip-hop.orel.ru/forum/vbf.../add/thead.gif) repeat-x top left; }
#main_border_top_x a:hover span { background:#821c20 url(http://www.hip-hop.orel.ru/forum/vbf.../add/thead.gif) repeat-x top left; color:#ffffff; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_border_top_x a:hover span {float:none;}
/* End IE5-Mac hack */



/* ***** Forumhome - forumdisplay ***** */
.lastpost_wfh { width:216px; white-space:nowrap; overflow:hidden; }
.threads_posts_wfh { width:99px; white-space:nowrap; overflow:hidden; }


/* ***** Footer ***** */
#footer_change .tfoot { background:#e3e3e3; border:0px; }
#footer_copy_bg { background:#fcfcfc; }

ссылка на форум http://www.hip-hop.orel.ru/
Буду благодарен за помощь.

Amballador, Т.е. это лого не нужно? Картинка должна быть вместо него? Какую картинку хотели вставить?

Originally Posted by Phoenix

Amballador, Т.е. это лого не нужно? Картинка должна быть вместо него? Какую картинку хотели вставить?

да это не нужно. вставить туда нужно чтото типо http://hip-hop.orel.ru/logoo1.gif

Amballador добавил 10.06.2012 в 14:52
вот только маштаб нужно самому в фотошопе редактировать или залезет нормально и автоматически выставит моштаб?

Amballador, замените в ксс:

#logoo_bg { background:#ffffff url(http://www.hip-hop.orel.ru/vbfs_aBla...d/logoo_bg.gif) repeat-x top left; overflow:hidden; }
#logoo_lft { float:left; overflow:hidden; }


В коде шапки:

<!-- logo -->
<div id="logoo_bg">
<div id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if></div>
<div id="logoo_lft"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" width="100%" border="0" alt="$vboptions[bbtitle]" /></a></div>
</div>
<!-- /logo -->

P.s. на месте "$stylevar[titleimage]" ессно должно быть ваше лого http://hip-hop.orel.ru/logoo1.gif

Originally Posted by Amballador

вот только маштаб нужно самому в фотошопе редактировать или залезет нормально и автоматически выставит моштаб?

Можно меньше делать параметром width="" для картинки, но тут теряется качество.
Лучше масштаб уменьшать в фш, а еще лучше делать резиновую шапку.

Всем спасибо за помощь! шапка встала хорошо! дальше сам покумекаю =)