Помогите решить проблему с шапкой - Форум о поисковых системах и социальных сетях

Страница 1 из 1
1

Помогите решить проблему с шапкой

beno

Четверг, 05.01.2012, 17:52

Проверенный

Сообщения: 370

Репутация: 119

Привет, у меня такой вопрос - почему моя шапка не растягивается когда я добавляю статью где есть большое изображение
вот пример - [spoiler="Спойлер"]http://cyberpanda.ru/publ....1-0-196[/spoiler]

вроде везде стоит ширина 100%

Пост отредактировал beno - Четверг, 05.01.2012, 18:19

WWW.CYBERPANDA.RU - НАБОР В ФАЙЛОВИКИ, КОПИРАЙТЕРЫ, РЕРАЙТЕРЫ - ХОРОШИЕ УСЛОВИЯ, БОЛЬШИЕ ВОЗМОЖНОСТИ, СКОРО БУДУТ КОНКУРСЫ
БЕСПЛАТНОЕ РАЗМЕЩЕНИЕ ВАШИХ СТАТЕЙ С ВЕЧНЫМИ ССЫЛКАМИ

Профиль

PowerGreen

Четверг, 05.01.2012, 19:46

Пользователь

Сообщения: 123

Репутация: 19

Попробуй ячейке, где находится шапка, задать ширину 100%, возможно поможет.

Тут вся сложность в том, что эта картинка идёт как фон ячейки. Ячейка растягивается, а фон нет. Ну если есть возможность, то можно сделать шапку более "гибкой".

Профиль

beno

Четверг, 05.01.2012, 20:14

Проверенный

Сообщения: 370

Репутация: 119

но ведь при увеличении разрешения экрана шапка фон растягивается

вот код шапки, может кто разберется

Code

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td bgcolor="#E4E8F3"><img src="/.s/t/121/3.gif" border="0" height="21" width="11"></td>
  <td class="copy" background="/.s/t/121/4.gif" bgcolor="#E4E8F3" width="100%"><font color="#445588">$WDAY$, $DATE$, $TIME$ | Ваш браузер: $USER_AGENT$ - $USER_AGENT_VER$ </font></td>
<td bgcolor="#E4E8F3"><img src="/.s/t/121/5.gif" border="0" height="21" width="119"></td></tr>
</tbody></table>

<table class="topBorder" align="center" border="0" cellpadding="0" cellspacing="0" height="210" width="100%">
<tbody><tr><td style="padding-left:20px;font-size:20pt;color:#FFFFFF;" background="http://cyberpanda.ru/FOTO/DRUGIE/shapka.jpg" bgcolor="#03276E"><b></b>
<div id="rotaban_206770" class="rbrocks rotaban_df241b4f21ac42629b220958fbe918cb"></div>
</td></tr>
</tbody></table>
<div id="menu">
  <ul>
  <li><a href="$HOME_PAGE_LINK$"><span>Главная</span></a></li>
  <li><a href="http://cyberpanda.ru/dir"><span>Сайты</span></a></li>
  <li><a href="http://cyberpanda.ru/forum/3"><span>Скрипты для Ucoz</span></a></li>
  <li><a href="http://cyberpanda.ru/forum/19"><span>Вебмастеру</span></a></li>
  <li><a href="http://cyberpanda.ru/forum/58"><span>Игровой форум</span></a></li>
  <li><a href="http://cyberpanda.ru/forum/74"><span>Видеоролики онлайн</span></a></li>
  <li><a href="http://cyberpanda.ru/index/reklama_na_sajte/0-26"rel=”nofollow”><span>Реклама на сайте</span></a></li>
  </ul>
</div>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td bgcolor="#E4E8F3"><img ilo-ph-fix="fixed" alt="[Image]" ilo-full-src="http://cyberpanda.ru/.s/t/121/8.gif" src="/.s/t/121/8.gif" border="0" height="21" width="119"></td>
<td class="copy" align="right" background="/.s/t/121/4.gif" bgcolor="#E4E8F3" width="95%"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Вы вошли как <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> · Группа "<u>$USER_GROUP$</u>"<?else?>Приветствую Вас, <b>$USERNAME$</b><?endif?><?endif?> <?if($LOGIN_LINK$)?> · <a href="$LOGIN_LINK$">ВОЙТИ</a><?endif?> <?if($RSS_LINK$)?> · <a href="$RSS_LINK$">RSS</a><?endif?></td>
<td bgcolor="#E4E8F3"><img ilo-ph-fix="fixed" alt="[Image]" ilo-full-src="http://cyberpanda.ru/.s/t/121/9.gif" src="/.s/t/121/9.gif" border="0" height="21" width="11"></td></tr>
</tbody></table>

Профиль

4ipusik

Четверг, 05.01.2012, 20:17

Проверенный

Сообщения: 707

Репутация: 1298

Потому что в ХТМЛЕ нет функции растягивания картинок. Можно задать только повтор одной картинки по оси х, у.

Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1

Профиль

PowerGreen

Четверг, 05.01.2012, 20:20

Пользователь

Сообщения: 123

Репутация: 19

beno, в том то и дело, что как раз растягивается сам контейнер (в данном случае td), а фон одного размера всегда, он только повторяться может по-разному.

Профиль

beno

Пятница, 06.01.2012, 13:27

Проверенный

Сообщения: 370

Репутация: 119

не понимаю, я и другое изображение ставил и повторять поставил - все равно не хочет расстегиваться
можете указать что именно исправить и как исправить

Профиль

PowerGreen

Пятница, 06.01.2012, 14:46

Пользователь

Сообщения: 123

Репутация: 19

beno, вообщем шапку-картинку делать фоном, при резиновой структуре сайта - это бесполезно. Единственное нормальное решение - это смена структуры шапки. Например, на Мегасофте, синие полоски повторяются по горизонтали, а логотип накладывается сверху. Или можно таблицу сделать в 2 ячейки, второй ячейке задать фиксированную ширину и сделать ей фон картинкой, а первая ячейка будет обычным фоном.

Профиль

4ipusik

Пятница, 06.01.2012, 15:26

Проверенный

Сообщения: 707

Репутация: 1298

beno, Я же написал. В хтмле, цсс нету возможности растянуть изображение фоном. Задавай background: можно лишь сделать либо повторение одной картинки по диагонали, вертикли, либо же единичное её расположение. То есть если у тебя резиновый макет (растягивается в зависимости от размера экрана), то тебе нужна такая картинка, которая может повторяться (это либо точечные какие-то картини, либо градиент, либо полоски и т.п.). Можно сделать одну картинку по центру, по бокам которой картинка сведётся в один цвет и ты сможешь задать и картинку на фон и цвет фона, который будет сочетаться с изображением.

htmlbook.ru и ищи background

Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1

Профиль

beno

Пятница, 06.01.2012, 16:24

Проверенный

Сообщения: 370

Репутация: 119

блин ну не получается никак, скажите как сделать - пожалуйста

Добавлено (06.01.2012, 15:24)
---------------------------------------------
я и вот так сделал - не работает

Code

<table style="width: 100%; border-collapse: collapse;" align="" width=""><tbody><tr><td style="padding-left: 9px; letter-spacing: 0pt; word-spacing: 0pt;"><font color="#445588">$WDAY$, $DATE$, $TIME$ | Ваш браузер: $USER_AGENT$ - $USER_AGENT_VER$ </font></td></tr><tr><td style="width: 100%; height: 200px; letter-spacing: 0pt; word-spacing: 0pt; padding-left: 15px; background-image: url("http://cyberpanda.ru/FOTO/DRUGIE/121212.jpg"); background-repeat: repeat-x; background-position: left top;">
<div id="rotaban_206770" class="rbrocks rotaban_df241b4f21ac42629b220958fbe918cb"></div>
</td></tr><tr><td><div id="menu">
  <ul>
  <li><a href="$HOME_PAGE_LINK$"><span>Главная</span></a></li>
  <li><a href="http://cyberpanda.ru/dir"><span>Сайты</span></a></li>
  <li><a href="http://cyberpanda.ru/forum/3"><span>Скрипты для Ucoz</span></a></li>
  <li><a href="http://cyberpanda.ru/forum/19"><span>Вебмастеру</span></a></li>
  <li><a href="http://cyberpanda.ru/forum/58"><span>Игровой форум</span></a></li>
  <li><a href="http://cyberpanda.ru/forum/74"><span>Видеоролики онлайн</span></a></li>
  <li><a href="http://cyberpanda.ru/index/reklama_na_sajte/0-26" rel="”nofollow”"><span>Реклама на сайте</span></a></li>
  </ul>
</div></td></tr><tr><td style="padding-left: 9px; padding-right: 9px; letter-spacing: 0pt; word-spacing: 0pt; text-align: right; vertical-align: top;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Вы вошли как <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> · Группа "<u>$USER_GROUP$</u>"<?else?>Приветствую Вас, <b>$USERNAME$</b><?endif?><?endif?> <?if($LOGIN_LINK$)?> · <a href="$LOGIN_LINK$">ВОЙТИ</a><?endif?> <?if($RSS_LINK$)?> · <a href="$RSS_LINK$">RSS</a><?endif?></td></tr></tbody></table>

Профиль

4ipusik

#10

Пятница, 06.01.2012, 20:53

Проверенный

Сообщения: 707

Репутация: 1298

beno, пишу в третий раз.

Растянуть картинку средствами цсс по ширине или высоте нельзя. Можно сделать только повтор по осям.

ХТМЛом <img src="img/bigbanner.png" width="100%">

Пост отредактировал 4ipusik - Суббота, 07.01.2012, 23:57

Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1

Профиль

beno

#11

Суббота, 07.01.2012, 22:08

Проверенный

Сообщения: 370

Репутация: 119

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

Добавлено (07.01.2012, 21:08)
---------------------------------------------
хелпас

Профиль