X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Высота левой колонки сайта по содержимомму
Immortalist
Immortalist
Topic Starter сообщение 11.10.2010, 12:52; Ответить: Immortalist
Сообщение #1


Добрый день.
Собственно проблема:
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>
Серые квадраты выводятся:
<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>
По логике вещей нужно через background-image и repeat-y сделать но не получается пока...
Посмотрите если не сложно. Спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nikel'
Nikel'
сообщение 12.10.2010, 8:38; Ответить: Nikel'
Сообщение #2


По логике вещей нужно через 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


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Продвижение молодого сайта
30 maxmer 6360 26.3.2024, 21:49
автор: c4p1t4l15t
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1351 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
10 Aloof 2538 24.3.2024, 21:45
автор: Liudmila
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
32 2Index 5806 18.3.2024, 16:33
автор: 2Index
Открытая тема (нет новых ответов) Перенос сайта на CMS Wordpress
8 freeax 4843 10.3.2024, 14:58
автор: freeax


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:19
Дизайн