Логотип под разрешение экрана!

Stas · 2010-06-24 17:14:26

Помогите))

/* Контент сайта */
#content {width: 100%;}
#head {height: 20%;}

/* Лого */
#logo {padding-left: 0px; padding-right:0px; padding-top:10px;}
a.logo {background-image: url(../images/logo.png); background-position: top; width:1200px; height: 200px; display: block;}

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

сам сайт я сделал указав величины в процентах, но вот логотип не получаеться....если параметр width вместо 1200рх ставлю 100% то на сайте логотипа ваще нету!!

подскажите пожалуйста!
Заранее благодарю!

Trashcka · 2010-06-24 17:34:59

Без явы - никак нельзя подобное сделать.

И вопрос на засыпку, зачем такого гигантского размера делать логотип )) это чтобы за два километра было видно?, или это такой креатив?

Stas · 2010-06-24 17:43:04

Да сделать то его меньше это непроблема, только как сделать чтоб внешний вид нестрадал!!! На компах с маленьким разрешением картинка уходит за экран (

Может что посоветуете?

Trashcka · 2010-06-24 17:53:03

Да понятно, что меньше можно все сделать, вопрос звучал по другому в чем прикол такого логотипа? Естественно понимаю всякие айдентики, типографики и т.п. креативно )

Stas · 2010-06-24 17:58:48

Просто в шаблоне для ngcms infolanlife такие параметры были сразу вбиты вот поэтому так и оставил!!! Ну дык подскажите как можно ситуации помочь....я просто встречал такие шаблоны которые были резиновые вместе с логотипом...неужели тут нельзя никак исправить?

Trashcka · 2010-06-24 18:01:49

так тебе не логотип, а шапку может надо сделать резиновую?, хотя полагаю не только шапку, но и все, да?, если да то все пиксельные размеры заменить на процентные и все.

Stas · 2010-06-24 18:08:15

Ну шапку....) тока всё резиновое я сделал, а вот logo.png картинка в шапке если ее я ставлю в процентах исчезает:
a.logo {background-image: url(../images/logo.png); background-position: top; width:1200px; height: 200px; display: block;}
меняю на
a.logo {background-image: url(../images/logo.png); background-position: top; width:100%; height: 20%; display: block;}
то картинка пропадает

Trashcka · 2010-06-24 18:28:08

Ну понятно что пропадает ) блок процентным не может быть.
Покажи HTML и CSS относящийся к шапке и лого, включая естественно родительские блоки или шаблон на таблицах сделан?, если да то соответсвено таблицу.

Stas · 2010-06-24 18:42:46

css

/* Контент сайта */
#content {width: 95%;}
#head {height: 18%;}

/* Лого */
#logo {padding-left: 0px; padding-right:0px; padding-top:10px; width: 100%}
a.logo {background-image: url(../images/logo.png); background-position: top; align: center; width: 1200px; height: 200px; display: block;}

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{l_langcode}" lang="{l_langcode}" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset={l_encoding}" />
<meta http-equiv="content-language" content="{l_langcode}" />
<meta name="generator" content="{what} {version}" />
<meta name="document-state" content="dynamic" />
{htmlvars}
<link href="{tpl_url}/css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{tpl_url}/css/engine.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{home}/rss.xml" rel="alternate" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="{admin_url}/includes/js/functions.js"></script>
<script type="text/javascript" src="{admin_url}/includes/js/ajax.js"></script>
<title>{titles}</title>
</head>
<body>
[sitelock]
<div id="loading-layer"><img src="{tpl_url}/images/loading.gif" alt="" /></div>

<div align="center">
<div id="content" align="left">

</div>


<div id="top-bottom"></div>

Trashcka · 2010-06-24 19:33:46

дааааа, по ходу ты не в зуб ногой в верстке, ну и верстальщик шаблона тоже )))
Дай линк, где можно этот сумасшедший шаблон увидеть.

Trashcka · 2010-06-24 20:43:45

Верстка жесть в шаблоне, браузеры явно в шоке ))))

Значитца так, в CSS находишь подобное и заменяешь напрочь:

/* Контент сайта */
.clear { clear: both; height: 0px; font-size: 1px; line-height: 0px; overflow: hidden; }
#content {width: 100%;}
#head { }

в майне перед  вставляешь:

<div class="clear"></div>

и все )) правда он (шаблон) тогда вообще будет корявый на маленьких мониторах.

P.S. те что ты выше дал данные по HTML и CSS в шаблон они совсем другие.

Next Generation CMS :: Форум поддержки

Объявление

#1 2010-06-24 17:14:26

Логотип под разрешение экрана!

#2 2010-06-24 17:34:59

Re: Логотип под разрешение экрана!

#3 2010-06-24 17:43:04

Re: Логотип под разрешение экрана!

#4 2010-06-24 17:53:03

Re: Логотип под разрешение экрана!

#5 2010-06-24 17:58:48

Re: Логотип под разрешение экрана!

#6 2010-06-24 18:01:49

Re: Логотип под разрешение экрана!

#7 2010-06-24 18:08:15

Re: Логотип под разрешение экрана!

#8 2010-06-24 18:28:08

Re: Логотип под разрешение экрана!

#9 2010-06-24 18:42:46

Re: Логотип под разрешение экрана!

#10 2010-06-24 19:33:46

Re: Логотип под разрешение экрана!

#11 2010-06-24 20:43:45

Re: Логотип под разрешение экрана!

Подвал раздела