Плавающие слои

Тема в разделе "Веб-дизайн", создана пользователем rafic, 24 окт 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    На сайте, в левом меню, под всеми ссылками имеется див.
    В этом диве мне нужно заставить плавать картинку, в зависимости от прокрутки шаблона. То есть...

    HTML:
    <div class="menu"></div>
    <div class="reklama"></div>
    <div class="logo">
       <div class="logo-img"></div>
    </div>
    высота logo должна изменятся от начала его (точка де заканчивается меню и открывается див с этим классом) и до низа браузера. Logo-img должен быть всегда у нижней грани браузера, но когда он упрется в верх слоя logo, то будет опускаться за нижнюю грань браузера.
     
  2. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    неужели некто не знает как решить проблему?
     
  3. rijy

    rijy

    Регистр.:
    3 ноя 2007
    Сообщения:
    249
    Симпатии:
    82
    возможно это из за того, что ты сумбурно задал вопрос.
    приведи пример кода который на сайте в даный момент, дай ссыль или скрины того что есть сейчас и (если есть), примеры того что нужно.
     
  4. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Так и надо говорить, что вопрос не понятен.
    На рисунке изображена структура странички.
    В левом меню мне нужно сделать плавающую картинку. Но что бы она плавала не по всей высоте меню, а ограничивалась верхней границей. Так как выше границы будут пункты меню.
    Пока красный овал не касается верхней границы, он нижним краем привязан к нижней грани окна браузера. Так только мы прокручиваем страничку вверх и красный овал упирается верхней гранью в границу, он опускается тоже в низ. Граница его как бы толкает за собой.
    Код левого меню...
    HTML:
    		<div class="left-block">
    			<h1 class="text-katalog">Каталог товаров:</h1>
    			<h2 class="text-lmenu-title">“Luxury dream”</h2>
    			<h3 class="text-lmenu-mintitle">территория эротического белья и <br> танцевальных костюмов</h3>
    			<ul class="menu-left">
    				<li><a href="">эротические комплекты</a></li>
    				<li><a href="">купальники</a></li>
    				<li><a href="">вечерние/клубные платья</a></li>
    				<li><a href="">костюмы</a></li>
    				<li><a href="">корсеты</a></li>
    				<li><a href="">аксессуары</a></li>
    			</ul>
    			<h2 class="text-lmenu-title">“Crazy dance”</h2>
    			<h3 class="text-lmenu-mintitle">одежда для танцев и спорта</h3>
    			<ul class="menu-left">
    				<li><a href="">джемпера, куртки, топы,</a></li>
    				<li><a href="">костюмы "Cool"</a></li>
    				<li><a href="">штаны, шорты, лосины</a></li>
    			</ul>
    			<h1 class="login-title">Вход в систему:</h1>
    			<div class="form-login">
    				<table cellpadding="0" cellmargin="0" border="0">
    				<tbody>
    				<tr>
    					<td class="flogin-title">логин</td>
    					<td class="flogin-form"><input type="text" class="forma" name=""/></td>
    				</tr>
    				<tr>
    					<td class="flogin-title">пароль</td>
    					<td class="flogin-form"><input type="password" class="forma" name=""/></td>
    				</tr>
    				</tbody>
    				</table>
    				<div class="vhodicon">
    					<input type="submit" name="" value=""/>
    				</div>
    			</div>
    		</div>
    Примечания:
    Желтый - поле в котором двигается картинка. Верхняя граница - под пунктами меню, нижняя граница - граница конца контента на страничке.
    Красный - сама плавающая картинка.
     

    Вложения:

  5. fill1

    fill1 Писатель

    Регистр.:
    14 сен 2009
    Сообщения:
    6
    Симпатии:
    0
    **я дива укуазываеш position: absolute а также укажи для фронтального отображения z-index, и размеры, и будет он плавать)
     
Статус темы:
Закрыта.