Логотип на всю ширину форума

[karamaltyk 0]

просмотрел все ваши темы и так ответа и не нашёл,надеюсь на вашу помощь

по всей видимости у меня какой-то сложный лого))

привожу свой цсс

#logostrip{ 
background: url(style_images/<#IMG_DIR#>/tile_back.gif);
height: 142px;
margin: 0;
padding: 0;
}

#logographic{
background: transparent url(style_images/<#IMG_DIR#>/logo.gif) no-repeat left;
height: 142px;
margin: 0;
padding: 0;
}

.logomid {
   background:  url(style_images/<#IMG_DIR#>/tile_back.gif) repeat-x;
 	display: inline;
 	float:left;
 	width:100%;
   border-bottom: 0px solid #000;
height: 142px;
font-size: 11px;
 	margin: 0px;
 	padding: 0px;
   text-align: left;
 	width: 100%;
}

.logoleft {
   background: url(style_images/<#IMG_DIR#>/logo-left.gif) no-repeat left top;
 	display: block;
 	float: left;
 	margin: 0px;
 	padding: 0px;
 	height: 142px;
 	width: 100%;
}

.logoright {
   background: url(style_images/<#IMG_DIR#>/logo-right.gif) no-repeat right top;
   display: inline;
 	float: right;
   padding: 0px;
 	text-decoration: none;
 	color: #000;
font-size: 1px;
 	height: 142px;
 	margin: 0px;
 	width: 100%;
}

хочется растянуть его на всю ширину,но никак что-то мой скудный мозг не сообразит как

заранее спасибо за помощь

Edited April 23, 2009 by karamaltyk

[Fisana 700]

Так часто спрашивали, что даже скин такой сделала и статью про резиновый логотип форума давно написала.

Наверное в сотый раз даю на нее ссылку...

[karamaltyk 0]

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

<div class="logomid"><div class="logoleft"><div class="logoright"> </div></div></div>

[Fisana 700]

Делать растягивающуюся подложку с переходам в фон трех частей.

Шапка форума из трех картинок

В статье это градиент для фона.

Принцип используется несколько другой.

 

А Ваш принцип вроде ibskin.com использует?

Там скины платные в основном. Тогда лучше спросить по месту покупки у его разработчиков.

 

А если используете ворованный скин, помощи ни от автора, ни от нас не ждите.

Правила форума, пункт 8

Покажите ссылку на форум, если это не платный скин.

[PaulZibert 1]

Вот форум: http://smolbattle.ru/index.php?act=idx

По растягиванию логотипа (делаем резиновый) сделал всё как в инструкции.

1. Всё стало шикарно ! Но у кого разрешение экрана меньше чем разрешение логотипа у них шапка чуть не помещается, просто сокращена (хотя и не вылазит за "бок").

2. В IE совсем лого не отображается. А в опере - обрезано. Либо уходит вправо.

За ранее ОГРОМНОЕ СПАСИБО !

Вот код: <div align="left"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='NEW.jpg' alt='IPB' style='vertical-align:top'border=’0’; width=’100%’ height=’auto’/><!--ipb.logo.end--></a></div>

Edited December 26, 2011 by PaulZibert

[Fil 5]

Вот форум: http://smolbattle.ru/index.php?act=idx

По растягиванию логотипа (делаем резиновый) сделал всё как в инструкции.

1. Всё стало шикарно ! Но у кого разрешение экрана меньше чем разрешение логотипа у них шапка чуть не помещается, просто сокращена (хотя и не вылазит за "бок").

2. В IE совсем лого не отображается. А в опере - обрезано.

За ранее ОГРОМНОЕ СПАСИБО !

Вот код: <div align="left"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='NEW.jpg' alt='IPB' style='vertical-align:top'border=’0’; width=’100%’ height=’auto’/><!--ipb.logo.end--></a></div>

шапка мелкая, либо тянуть, либо шапку увеличивать.

[PaulZibert 1]

шапка мелкая, либо тянуть, либо шапку увеличивать.

Как это. Шапка размером 1283на168, плюс в Мозиле отлично выходит.

А в опере - обрезано. Либо уходит вправо.

МОжет поможет лого из трех картинок ?

 

В теме Фисаны нашел такое замечание:

 

Марсель:

Май 27, 2010 в 15:17

 

Все сделал как написано. Растягивается только в Firefox. Пробую в других браузерах – опера, ие, хром – не растягивается ((( в чем косяк?

Fisana:

Май 27, 2010 в 22:20

 

Синтаксис проверяйте.

Не копируйте отсюда код, а вручную прописывайте.

 

Мб дело в синтаксе ?

Edited December 26, 2011 by PaulZibert

[PaulZibert 1]

Уверен что Fisana знает ответ. Понимаю что Вас все достали этим вопросом, но огромная просьба помочь с оптимизацией. Проблему отписал в двух постах выше.

[Fisana 700]

Если все делали по инструкции, проблем быть не должно.

Таков ответ.

 

А искать случайные чужие ошибки (не такие кавычки, пропуски пробелов, забытые в ставки в css и т.п. обычные проблемы) мне некогда. Тем более, я не телепат и кода не вижу.

Да и некогда смотреть.

[PaulZibert 1]

Если все делали по инструкции, проблем быть не должно.

Таков ответ.

Точ в точ. Посмотрите плиз, умоляю.

Искренне понимаю что таких как я у Вас тысячи...

Даже Марселю уже отписал который сталкивался с подобным траблом но вопрос решил.

Жду пока ответа от него. Может поможет.Вот мой код.

 

Вот код: <div align="left"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='NEW.jpg' alt='IPB' style='vertical-align:top'border=’0’; width=’100%’ height=’auto’/><!--ipb.logo.end--></a></div>

Edited December 27, 2011 by PaulZibert

[Fisana 700]

Сами не видите, что перед border нет пробела и начиная оттуда же кавычки кривые?

 

Руками прописывайте код, а не копируйте из моего блога, где при обновлении все коды поломались!

 

Везде говорю, РУКАМИ ПРОПИСЫВАЙТЕ ВСЕ КАВЫЧКИ.

Не ленитесь и не отнимайте время.

[PaulZibert 1]

Пробел убрал неповлияло. Но изменил все кавычки на такого типа -

<div align="left"><a href="{$this->ipsclass->base_url}"><!--ipb.logo.start--><img src="NEW2.jpg" alt="IPB" style="vertical-align:top" border="0"; width="100%" height="auto"/><!--ipb.logo.end--></a></div>

 

И ЗАРАБОТАЛО ! СПАСИБО ВАМ ОГРОМНОЕ ИРИНА !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Edited December 27, 2011 by PaulZibert

[PaulZibert 1]

Вы просто молодец !

Edited December 27, 2011 by PaulZibert