вот 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 написал(а):
Спустя 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-код
Может так сделать?
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> |
не получилось
Спустя 26 секунд (25.08.2010 - 14:24) трамонтана написал(а):
ппц тынад нами прикалуеся)))
.logo a{display:block; height:100%} - это надо убрать
тег <img> надо убрать
вернуть у ячейки widht=200
.logo a{display:block; height:100%} - это надо убрать
тег <img> надо убрать
вернуть у ячейки widht=200
Спустя 4 минуты (25.08.2010 - 14:28) falescha написал(а):
так может я не туда вставляю. вот style1.css :
FROM LINKER : Научитесь уже пользоваться bb-кодами, всеж уже есть только выделить и кнопочку нужную нажать.
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
тег <img> надо убрать
вернуть у ячейки widht=200
Спустя 59 секунд (25.08.2010 - 14:32) Evilsoul написал(а):
Точно гонит )))
HTML:
CSS:
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 не убирал?
Ты в классе 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 написал(а):
Блин, ну ты даёшь )))
Ошибка !!!
<tr>
<td>
Не закрытые тэги, убери их (они в начале после тэга СТОЛ)
<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) трамонтана написал(а):
те говорят решения а ты просто не знаешь как их применить - тебе нужно обязательно почитать о стилях