Форум PHP программистов > Как вставить шапку сайта

[ Поиск ] - [ Пользователи ] - [ Календарь ]

falescha

25.08.2010 - 13:46

Есть изображение, которое хочу вставить в шапку сайта, разрешение 1920*150. Не могу его вставить, так чтобы в любом браузере и разрешении монитора открывалось на все окно. Как настроить не подскажите? Помогите пожалуйста.
вот index.tpl.html :

<html>

{include file="head.tpl.html"}

<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<body TEXT="#8e8116">

<script type="text/javascript" src="images/niftycube.js"></script>

<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
    <td>
  <tr>
    <td valign="middle" width="220">
		<a href="index.php"><img src="images/companyname.gif" border="0" alt="{$smarty.const.CONF_SHOP_NAME}"></a>
	</td>
	<td valign="bottom" width="400">
		<table id="tabnav" border="0" cellspacing="0" cellpadding="0">
			<tr valign="top"> 
			  <td><div {if $main_content_template == "home.tpl.html"} class="topmenu_selected"{else} class="topmenu_notselected"{/if}>
			  <a href="index.php" class="menu">{$smarty.const.LINK_TO_HOMEPAGE}</a></div></td>
			  <td> </td>
			  <td><div {if $main_content_template == "pricelist.tpl.html"} class="topmenu_selected"{else} class="topmenu_notselected"{/if}>
			  <a href="index.php?show_price=yes" class="menu">{$smarty.const.STRING_PRICELIST}</a></div></td>
			  <td> </td>
			  <td><div {if ($main_content_template == "aux_page.tpl.html") && ($aux_page == "aux1")} class="topmenu_selected"{else} class="topmenu_notselected"{/if}>
			  <a href="index.php?aux_page=aux1" class="menu"><nobr>{$smarty.const.ADMIN_ABOUT_PAGE}</nobr></a></div></td>
			  <td> </td>
			  <td><div {if ($main_content_template == "aux_page.tpl.html") && ($aux_page == "aux2")} class="topmenu_selected"{else} class="topmenu_notselected"{/if}>
			  <a href="index.php?aux_page=aux2" class="menu">{$smarty.const.ADMIN_SHIPPING_PAGE}</a></div></td>
			</tr>
		</table>
	</td>
    <td valign="middle" align="right" style="background: #ffffff url(images/gradientbg1.gif) repeat-y; background-position: right; height:70px; width:160px;">

				  {include file="language.tpl.html"}

                  {include file="search_form.tpl.html"}
                  <a href="index.php?search_with_change_category_ability=yes" class="lightsmall"></a>
	</td>
  </tr>
  <tr>
	<td bgcolor="white" height="6" align="right"><img src="images/gradient-dark-strip.gif"></td>
	<td bgcolor="#203560" colspan="2" height="6"></td>
  </tr>
  <tr> 
    <td width="220" valign="top" align="right">
	 <table cellspacing="0" cellpadding="0" border="0"><tr><td style="background: white url(images/gradientbg2.gif) repeat-y; background-position: right;width:220px;height:100%;">

		<p style="padding:10px;">
        
		<table width="200" border="0" align="right" cellpadding="0" cellspacing="0">
		  {if $smarty.const.CONF_SHOW_ADD2CART eq 1}
          <tr> 
            <td align="left" valign="top" bgcolor="#602035" class="topcorners">
				<div style="padding:5px;font-size:130%;">
					<a href="index.php?shopping_cart=yes" class="menu">{$smarty.const.CART_TITLE}</a>
				</div>
			</td>
		  </tr>
		  <tr>  
            <td style="background: #E5B4C3; background-position: right; padding: 10px;" class="bottomcorners"> 
                            {include file="shopping_cart_info.tpl.html"}
            </td>
          </tr>
		  <tr>
			<td> </td>
		  </tr>
		  {/if}
          <tr> 
            <td align="left" valign="top" bgcolor="#352060" class="topcorners">
				<div style="padding:5px;font-size:130%;">
					<a href="index.php#catalog" class="menu">{$smarty.const.ADMIN_CATALOG}</a>
				</div>
			</td>
          </tr>
          <tr> 
                  <td align="left" valign="top" style="background: #C3B4E5; background-position: right; padding: 10px;" class="bottomcorners"> 
                          {include file="category_tree.tpl.html"}
                  </td>
          </tr>

Спустя 17 минут, 1 секунда (25.08.2010 - 13:03) Guest написал(а):

А в коде указать, где это изображение можно?

Спустя 8 минут, 27 секунд (25.08.2010 - 13:11) falescha написал(а):

<td valign="middle" width="220">
		<a href="index.php"><img src="images/companyname.gif" border="0" alt="{$smarty.const.CONF_SHOP_NAME}"></a>

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

Спустя 13 минут, 23 секунды (25.08.2010 - 13:25) трамонтана написал(а):

в стилях

.logo{background:url(../images/companyname.gif) no-repeat left top #000}
.logo a{display:block; height:100%}

а в хтмль замени

    <td valign="middle" width="220">
		<a href="index.php"><img src="images/companyname.gif" border="0" alt="{$smarty.const.CONF_SHOP_NAME}"></a>
	</td>

на

<td valign="middle" width="220" class="logo"><a href="index.php"></a></td>

а вообще код у тебя конечно ужасный )

Спустя 3 минуты, 1 секунда (25.08.2010 - 13:28) falescha написал(а):

в чем заключается его ужасность?

))

Спустя 5 минут, 5 секунд (25.08.2010 - 13:33) трамонтана написал(а):

Цитата (falescha @ 25.08.2010 - 10:28)

в чем заключается его ужасность?

))

в том что это таблица, стили пишутся в самом коде, ни о какой семантике речи нету, ну и конечно о стандартах, но в принципе всё это для неверстальщика не страшно)

Спустя 8 минут, 58 секунд (25.08.2010 - 13:42) falescha написал(а):

в принципе, ничего не менял. все так и было. это скрипт магазина shop-script free

Спустя 2 минуты, 30 секунд (25.08.2010 - 13:44) трамонтана написал(а):

это сообщение помогло, не?

Спустя 7 минут, 59 секунд (25.08.2010 - 13:52) falescha написал(а):

нет. мне бы его растянуть на всю ширину сайта.

Спустя 1 минута, 51 секунда (25.08.2010 - 13:54) трамонтана написал(а):

ссылку на сайт дай посмотреть)

Спустя 2 минуты, 18 секунд (25.08.2010 - 13:56) Evilsoul написал(а):

трамонтана - абсолютно верно тебе всё сказал.

у тебя меню накладывается на твой бэкграунд.

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

Спустя 2 минуты, 59 секунд (25.08.2010 - 13:59) falescha написал(а):

http://falescha.tmweb.ru

Спустя 2 минуты, 9 секунд (25.08.2010 - 14:02) Evilsoul написал(а):

ааа у тебя ширина 220 пикселей )))) width="220" напиши так:

width="100%"

Спустя 2 минуты, 35 секунд (25.08.2010 - 14:04) falescha написал(а):

неа. все содержимое сайта ушло вправо

Спустя 45 секунд (25.08.2010 - 14:05) Evilsoul написал(а):

Не не пиши 100%, используй класс в строке <tr class="logo"> а не в столбце <td>

Спустя 5 минут, 33 секунды (25.08.2010 - 14:10) falescha написал(а):

Цитата (Evilsoul @ 25.08.2010 - 11:05)

используй класс в строке <tr class="logo"> а не в столбце <td>

это как? можно наглядный пример? у меня уже голова кругом идет, третий день над этим сижу

Спустя 3 минуты, 59 секунд (25.08.2010 - 14:14) falescha написал(а):

Видел на одном сайте вот это:
HTML-код

<div id="header"></div> <!-- Блок с шапкой -->
CSS-код

#header {
  background: #a6b7d3 url(img/header-2.jpg) no-repeat center;
  height: 250px;
}

Может так сделать?

Спустя 33 секунды (25.08.2010 - 14:15) трамонтана написал(а):

задали фоновую картинку для первой ячейки второй строки - она и задалась - не видна потому что ячейка заканчивается - у тебя в строке 3 ячейки..думай как сделать одну которая будет иметь класс .logo - чтобы видна была вся картинка
..были бы блоки - этих бы проблем не было...а мош проще переверстать почеловечески?...

пиши что сказали:

Цитата

<tr class="logo">.....

зы widht=200 то верни

Спустя 3 минуты, 18 секунд (25.08.2010 - 14:18) Evilsoul написал(а):

<tr>
    <td>
  <tr class="logo">
    <td valign="middle" width="220">
		<a href="index.php"><img src="images/companyname.gif" border="0" alt="{$smarty.const.CONF_SHOP_NAME}"></a>
	</td>
	<td valign="bottom" width="400">
		<table id="tabnav" border="0" cellspacing="0" cellpadding="0">

Спустя 13 секунд (25.08.2010 - 14:19) falescha написал(а):

переверстать это для меня проблема будет

Спустя 57 секунд (25.08.2010 - 14:19) Evilsoul написал(а):

Цитата (falescha @ 25.08.2010 - 11:14)

Может так сделать?

Как по мне, так там вообще много чего нужно переделать.

Спустя 3 минуты, 35 секунд (25.08.2010 - 14:23) falescha написал(а):

Цитата (Evilsoul @ 25.08.2010 - 11:18)

<tr>
    <td>
  <tr class="logo">
    <td valign="middle" width="220">
		<a href="index.php"><img src="images/companyname.gif" border="0" alt="{$smarty.const.CONF_SHOP_NAME}"></a>
	</td>
	<td valign="bottom" width="400">
		<table id="tabnav" border="0" cellspacing="0" cellpadding="0">

не получилось

Спустя 26 секунд (25.08.2010 - 14:24) трамонтана написал(а):

ппц тынад нами прикалуеся)))

.logo a{display:block; height:100%} - это надо убрать
тег <img> надо убрать
вернуть у ячейки widht=200

Спустя 4 минуты (25.08.2010 - 14:28) falescha написал(а):

так может я не туда вставляю. вот style1.css :

p, font
{ font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
td, th 
{ font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 85%;
}

h1
{ color:			black;
  font-size:		180%;
}
h5
{
  font-size:		115%;
}
.header
{ font-size:		125%;
  color:			black;
  font-weight:		bold;
  text-decoration:	underline;
}
.no_underline
{ text-decoration:		none;
}
a
{font-weight:		bold;
 color:			navy;
}
.small
{ font-size:		80%;
}
.faq
{ font-size:		110%;
}
.price_brief
{ font-size:		120%;
}
.big
{ font-size:		150%;
  text-decoration:	none;
}
.cat
{ font-size:		150%;
}
.standard
{ font-weight:		normal;
}
.white
{ color:			white;
}
.pink
{ color:			pink;
}
.menu
{ color:			white;
  font-weight:		bold;
  font-size:		100%;
}
div.topmenu_selected
{
  background:		#203560;
  padding:			7px;
}
div.topmenu_notselected
{
  background:		#4E679F;
  padding:			7px;
}
.footer
{
  font-size:		60%;
  color:			gray;
}
.lightsmall
{ color:			black;
  font-size:		80%;
}
.category_child
{
  font-weight:		normal;
}
.cart
{
  font-size:		90%;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			0px;
  font-weight:		bold;
  color:			navy;
  background-color:  transparent;
}

FROM LINKER : Научитесь уже пользоваться bb-кодами, всеж уже есть только выделить и кнопочку нужную нажать.

Спустя 2 минуты, 7 секунд (25.08.2010 - 14:30) falescha написал(а):

.logo{background:url(../images/companyname.gif) no-repeat left top #000}
.logo a{display:block; height:100%}

это вставляю просто в конец страницы после знака }

Спустя 1 минута, 4 секунды (25.08.2010 - 14:31) трамонтана написал(а):

.logo a{display:block; height:100%} - это надо убрать
тег <img> надо убрать
вернуть у ячейки widht=200

Спустя 59 секунд (25.08.2010 - 14:32) Evilsoul написал(а):

Точно гонит )))
HTML:

<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<body TEXT="#8e8116">

<script type="text/javascript" src="images/niftycube.js"></script>

<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
    <td>
  <tr class="logo">
    <td valign="middle" width="220">
	</td>

CSS:

.logo{background:url(../images/companyname.gif) no-repeat left top #000}

Спустя 4 минуты, 44 секунды (25.08.2010 - 14:36) falescha написал(а):

вроде что то получилось

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

знал бы все, не спрашивал

Спустя 3 минуты, 55 секунд (25.08.2010 - 14:40) трамонтана написал(а):

добавь в класс logo следующий параметр height:150px

Спустя 2 минуты, 22 секунды (25.08.2010 - 14:43) Evilsoul написал(а):

не, там ему нужно в столбец высоту вставить.

<tr class="logo">
    <td valign="middle" width="220" height="150px">

Спустя 3 минуты, 32 секунды (25.08.2010 - 14:46) трамонтана написал(а):

да зечем в столбец.. в классе надо написать, по хорошему вообще никаких height и widht не должно быть в теге - всё в стили

Спустя 2 минуты, 55 секунд (25.08.2010 - 14:49) Evilsoul написал(а):

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

.logo{background:url(../images/companyname.gif) no-repeat left top #000}

З.Ы. Мы же исходим из его "супер" кода ) а не из правил вёрстки.

Вообщем пробуй, друг, разные способы )

Спустя 8 минут, 27 секунд (25.08.2010 - 14:58) трамонтана написал(а):

Цитата (Evilsoul @ 25.08.2010 - 11:49)

всё что ты изменишь высотой это ты сплющишь картинку

это не так - в бекграунде картинка не меняет свои размеры - это же не тег <img> .. меняет размеры блок для которого мы задали стили...а не бекграунд.

так что топикастер - ставь высоту там где я сказал - будет лучше чем сейчас)

Спустя 7 минут (25.08.2010 - 15:05) Evilsoul написал(а):

а ну да, вот так )

.logo {
     background:url(../images/companyname.gif) no-repeat left top #000;
     height: Сколько нужно px;
}

Спустя 8 минут, 48 секунд (25.08.2010 - 15:13) falescha написал(а):

получилось, но теперь правую часть срезает. шапку по центру никак не расположить. на шапке надпись по центру просто

Спустя 6 минут, 45 секунд (25.08.2010 - 15:20) Evilsoul написал(а):

Вот

.logo {
     background:url(../images/companyname.gif) no-repeat center top #fff;
     height: Сколько нужно px;
}

А это:

<td valign="middle" align="right" style="background: #ffffff url(images/gradientbg1.gif) repeat-y; background-position: right; height:70px; width:160px;">

замени на

<td valign="middle" align="right">

Эээх, ничему ты так не научишься, если сам думать не будешь... (

Спустя 20 минут, 18 секунд (25.08.2010 - 15:40) falescha написал(а):

в мозиле все хорошо, а в опере шапка повторяется

Спустя 7 минут, 7 секунд (25.08.2010 - 15:48) Evilsoul написал(а):

Не должно.
Ты в классе no-repeat не убирал?

Спустя 22 минуты, 51 секунда (25.08.2010 - 16:10) Guest написал(а):

не убирал. все делал,как говорили

Спустя 2 минуты, 4 секунды (25.08.2010 - 16:12) falescha написал(а):

не убирал, все делал как говорили

Спустя 25 минут, 26 секунд (25.08.2010 - 16:38) Evilsoul написал(а):

Блин, ну ты даёшь )))

<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<body TEXT="#8e8116">

<script type="text/javascript" src="images/niftycube.js"></script>

<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
    <td>
  <tr>
    <td valign="middle" width="220">
		<a href="index.php"><img src="images/companyname.gif" border="0" alt="{$smarty.const.CONF_SHOP_NAME}"></a>
	</td>
	<td valign="bottom" width="400">
		<table id="tabnav" border="0" cellspacing="0" cellpadding="0">

Ошибка !!!

<tr>
<td>

Не закрытые тэги, убери их (они в начале после тэга СТОЛ)

Спустя 13 минут, 15 секунд (25.08.2010 - 16:51) falescha написал(а):

{include file="head.tpl.html"}

<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<body TEXT="#8e8116">

<script type="text/javascript" src="images/niftycube.js"></script>

<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr class="logo">
    <td valign="middle" width="220" height="150px">
 </td>
	<td valign="bottom" width="400">

убрал, без изменений

Спустя 18 минут, 37 секунд (25.08.2010 - 17:10) Gesandte написал(а):

фон повесь на таблицу и все. В td, которые в эту таблицу убери фон, если он есть.

Спустя 2 минуты, 13 секунд (25.08.2010 - 17:12) falescha написал(а):

Цитата (Gesandte @ 25.08.2010 - 14:10)

фон повесь на таблицу и все. В td, которые в эту таблицу убери фон, если он есть.

такие умные слова

я даже не знаю как это сделать. я ведь туповат

Спустя 16 часов, 58 минут, 23 секунды (26.08.2010 - 10:10) трамонтана написал(а):

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

Быстрый ответ:

Здесь расположена полная версия этой страницы.