Высота левой колонки сайта по содержимомму

Высота левой колонки сайта по содержимомму

Опции

Immortalist

Topic Starter сообщение

11.10.2010, 12:52; Ответить: Immortalist

Сообщение #1

0

Группа: User
Сообщений: 23
Регистрация: 3.4.2009
Поблагодарили: 0 раз
Репутация:

0

Добрый день.
Собственно проблема:
http://meritec.su/produktsiya_meritec/gps/index.html
Нужно чтобы серые квадраты повторялись по вертикали в зависимости от содержимого.

<table cellspacing="0" cellpadding="0" align="center" border="0">

<tr>

<td style="width:966px; height:100%">

<table cellspacing="0" cellpadding="0" border="0">

<tr>

<td style="width:42px; height:780px"></td>

<td style="width:876px; height:780px">

<table cellspacing="0" cellpadding="0" border="0">

<tr>

<td style="width:876px; height:100px">

<table cellspacing="0" cellpadding="0" border="0">

<tr>

<td style="width:435px">

<br style="line-height:20px">

<a href="/"><img width="150" height="55" alt="Meritec" src="/templates/nesterov_product/images/logo.png" border="0"/></a>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="width:876px; height:565px">

<table cellspacing="0" cellpadding="0" border="0">

<tr>

<td style="width:226px; height:565px">

<table cellspacing="0" cellpadding="0" border="0" width="226px">

<tr>

<td style="width:113px; height:113px"><a href="/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('back_internal','','/templates/nesterov_product/images/back_internal_a.gif',1)"><img src="/templates/nesterov_product/images/back_internal.gif" name="back_internal" alt="На главную" border="0"></a></td>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('product_internal','','/templates/nesterov_product/images/product_internal_a.gif',1)"><img src="/templates/nesterov_product/images/product_internal.gif" name="product_internal" alt="Продукция Meritec" border="0"></a><br></td></tr>

</tr>

<tr>

<td style="width:113px; height:113px"><img src="/templates/nesterov_product/images/pic1_1.gif" alt=""><br></td>

<td style="width:113px; height:113px"><img src="/templates/nesterov_product/images/pic1_1.gif" alt=""><br></td>

</tr>

<tr>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/zamki/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('zamki_internal','','/templates/nesterov_product/images/zamki_internal_a.gif',1)"><img src="/templates/nesterov_product/images/zamki_internal.gif" name="zamki_internal" alt="Замки капота" border="0"></a><br></td>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/immobilajzer/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('immobilajzer_internal','','/templates/nesterov_product/images/immobilajzer_internal_a.gif',1)"><img src="/templates/nesterov_product/images/immobilajzer_internal.gif" name="immobilajzer_internal" alt="Иммобилайзер" border="0"></a><br></td></tr>

</tr>

<tr>

<td style="width:113px; height:113px"><a href=" /produktsiya_meritec/signalizacija/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('signalizacija_internal','','/templates/nesterov_product/images/signalizacija_internal_a.gif',1)"><img src="/templates/nesterov_product/images/signalizacija_internal.gif" name="signalizacija_internal" alt="Автомобильные сигнализации" border="0"></a></td>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/moduli/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('moduli_internal','','/templates/nesterov_product/images/moduli_internal_a.gif',1)"><img src="/templates/nesterov_product/images/moduli_internal.gif" name="moduli_internal" alt="Дополнительные модули" border="0"></a><br></td></tr>

<tr>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/gps/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gps_internal','','/templates/nesterov_product/images/gps_internal_a.gif',1)"><img src="/templates/nesterov_product/images/gps_internal.gif" name="gps_internal" alt="Охранное устройство Meritec GSM page (GSM/GPS)" border="0"></a></td>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/gsm/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gsm_internal','','/templates/nesterov_product/images/gsm_internal_a.gif',1)"><img src="/templates/nesterov_product/images/gsm_internal.gif" name="gsm_internal" alt="Охранное устройство Meritec GSM page" border="0"></a><br></td>

</tr>

</table>

</td>

<td style="width:650px; height:565px; background-color:#F8F8F8; background-image:url(/templates/nesterov_product/images/top.gif); background-repeat:no-repeat">

<table cellspacing="0" cellpadding="0" border="0">

<tr>

<td style="width:650px; height:565px; background-image:url(/templates/nesterov_product/images/bottom.gif); background-repeat:no-repeat; background-position: left bottom">

<br style="line-height:15px">

<div style="margin-left:20px; margin-right:20px">

<h1 align="center"><strong><?=$sitetitle; ?></strong></h1>

<?=$contentcenter; ?><?php include "mycode/$myinclude.php"; ?>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>
<tr>

<td style="width:876px; height:63px" class="policy">

<br style="line-height:36px">

© 2010 <strong><?=$sitename; ?></strong>

</td>

</tr>

<tr>

<td>Powered by <a href="http://www.kan-studio.ru/" target="_blank"">Kandidat CMS</a></td>

</tr>

</table>
</td>

<td style="width:48px; height:780px"></td>

</tr>

</table>
</td>
</tr>

</table>

Серые квадраты выводятся:

По логике вещей нужно через background-image и repeat-y сделать но не получается пока...
Посмотрите если не сложно. Спасибо.

0

Ответить с цитированием данного сообщения

Nikel'

12.10.2010, 8:38; Ответить: Nikel'

Сообщение #2

0

Группа: User
Сообщений: 26
Регистрация: 3.10.2010
Поблагодарили: 0 раз
Репутация:

0

По логике вещей нужно через background-image и repeat-y сделать но не получается пока...
Посмотрите если не сложно. Спасибо.

По логике нужно резать на три части эти квадраты.

Как я понял ты хочешь чтобы тянулись вниз при пополнении содержимого...
HTML+CSS:
<div id="top_square">верхняя часть квадрата</div>
#top_square
{
background:url('путь до / верхней части квадрата') no-repeat;
width:ширина верхней части квадрата в пикселях, px;
height:высота верхней части квадрата в пикселях, px;
}
<div id="bg_square">центральная часть квадрата что будет повторяться....
<div id="text_square">Содержимое которое пополняем</div>
</div>
#bg_square
{
background:url('путь до / центральной части квадрата') repeat-y;
width:ширина центральной части квадрата в пикселях, px;
height:указывать не нужно ибо тянуться не будет;
}
#text_square
{
float:left;
width:ширина в пикселях, px; <-естественно меньше bg_square
padding:2px 5px;
}
Ну и собственно:
<div id="back_square">нижняя часть квадрата</div>
#back_square
{
background:url('путь до / нижней части квадрата') no-repeat;
width:ширина нижней части квадрата в пикселях, px;
height:высота нижней части квадрата в пикселях, px;
}

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Ежедневные простои сайта по 10-15 минут в день очень плохо влияют на позиции?	6	Webranger	605	Сегодня, 13:34 автор: mspcontent
Быстрая индексация страниц сайта и обратных ссылок - 2Index	70	2Index	17080	Вчера, 16:14 автор: 2Index
🚀 Услуги по созданию профессионального сайта на Joomla 5 и выше 🚀	0	Expertmonolit	801	16.3.2025, 13:48 автор: Expertmonolit
Как миграция сайта на Next.js может повлиять на SEO?	0	Alexandrdex	635	9.3.2025, 20:04 автор: Alexandrdex
Роскошный технический аудит для сайта Ошибки, правки и рекомендации	26	ARsHi	16844	6.2.2025, 12:50 автор: ARsHi