cul8er

Спасибо Единственный косяк, что отрицательные значения top'a, создают такой же,по размеру, отступ от footer'a ..

Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?

Точно,спасибо, я ложанулся Ранее применял для ul li.active a запутался

Имеется страница, на которой размещен блок отзывов. У блока реализована постраничная листалка. <div id="response"> <div id="response-box"> какой-то текст </div> <div id="response-p"> <a class="active">1</a><a>2</a><a>3</a><a>4</a><a>5</a> </div> </div><!-- response --> К активной ссылке должен применяться такой же стиль как и к hover, но что-то не срабатывает #response-p a:hover,#response-p.active a{ height: 27px; min-height: 27px; width: 15px; color: #FFF; background: url(resp_a.png) no-repeat top left; text-decoration:none; } #response-p a{ padding-top: 4px; display: inline-block; color:#a71212; padding-left: 5px; }

Всем спасибо за помощь! Разобрался.. К футеру relative, а к блоку картинки абсолют с bottom = высоте футера. Ранее не понимал как наследуются, поэтому работа с блоком контейнера, и позиционированием там, не давала должного результата ввиду разметки фреймворка цсс.

Ну и что? Это же абсолют. Почему у меня получается, а у вас нет? http://jsfiddle.net/uRxVT/ Не получается ничего с абсолютом из-за разметки фреймворка видимо Сделал в div'e футера position:relative;bottom:260px; и для контейнера с текстом min-height задал, чтобы на меню блок с картинкой не находил. Получилось как и хотелось. Осталось устранить сползание других div'ов в футере. После position какая очистка есть, или еще что? Код <div id="footer"> <div id="bottom-image" style="position:relative;bottom:260px; left:0px"> </div> <div id="footer-left"> (с) 2007-2011 Название проекта<br/> mail: adress@mail.ru </div> <div id="footer-right"> Копирование материалов с сайта, без согласия администратора, запрещено.<br/> Все права принадлежат “<?php echo Yii::app()->name; ?>” </div> </div><!-- footer --> для footer-right и footer-left задано float:left и соответствующие padding'и

Проблему с разрастанием меню можно всегда решить (большим размером контента ) Но вот, что-то не срабатывает ваш пример. У меня ведь футер в своем блоке сидит, за пределами контейнера (в котором: меню, блок-текста), мне кажется в таком случае картинка уходит под контейнер. П.С. код выкладывать думаю слишком-много букв.. (там два стиля - один мой, другой от фреймворка с его разметкой). Но если это поможет могу всё выложить Еще вот как вариант: если предположить, что блок с текстом всегда будет по высоте больше блока меню и картинки, то можно как то растянуть overloffom колонку меню и картинку по высоте равной блоку текста. И у картинки задать отрицательный отступ?

Помогите прибить блок Image книзу (к блоку Footer соответственно). Все блоки кроме Footer, находятся в контейнере. Контейнер состоит из двух колонок. В одной находится блок с меню и блок с картинкой (которую необходимо прижать), во втором блоке соответственно текст страницы. Насколько я понял необходимо для большого контейнера задать position: relative, а для блока с картинкой position: absolute; bottom: 0px; right: 1000px; (отступ правого края с учетом размера всего документа 1020px) Но вот что-то как то не работает. Правильно ли делаю? Или может есть другой способ решить данную проблему. П.С. использую Blueprint CSS Framework, может из за его разметки так не выходит и где то , что-то перекрывает?

Это как?) (что за зум) Сделал следующим образом <div><a><img></a></div> <div><a><img></a></div> <div><a><img></a></div> <ul> <li><a>Link1</a></li> <li><a>Link2</a></li> <li><a>Link3</a></li> </ul> Для меня не критично такое написание: картинки с ссылками по отдельности. Осталась проблема с вертикальным позиционированием ссылок в синем блоке заданной ширины и высоты. Ссылка может быть как в одну строку, так и в две строки. Если задавать li абсолютом и задавать "координаты отступов" (top,left etc), то это актуально для однострочной ссылки. Если будет две строки, то начало ссылки будет так же положено в центре блока, а вторая строка уйдет далеко вниз. Что еще можно придумать?)) Не хотелось бы делать для каждой ссылки свою картинку еще и с текстом.

Размер шрифта и сам шрифт подобраны так, что необходимое количество слов в ссылке влезает Размер ссылки ограничен 40 высота и 90 ширина (картинка бэкграунда именно такого размера) text-align:center; - Работает для горизонтального позиционирования. Необходимо же выполнить еще вертикальное позиционирование ссылки (текста), чтобы она размещалась в центре синего блока. Поэтому я разделял блок LI на две ссылки html <li> <a><img></a> <a>link1</a> </li> css #mainmenu ul li { float: left; display: block; background:white url(btbg.jpg) no-repeat bottom; width: 90px; height: 130px; margin-right: 5px; margin-left: 5px; text-align: center; } P.S. размер каждого LI равен: w90 x h130 из них: картинка с бабочкой 90x90 синий блок с ссылкой 90x40 Пример того как должно выглядеть меню я привел выше в посту.

На данном этапе это не важно, но на конечном сайте, может быть картинка это ссылка на общий раздел, а при нажатии на ссылку, выпадение подменю.. Хотя вы правы, можно как и у всех, ссылка одна на общий раздел, а при наведении - выпад. меню. Что-то с позиционированием никак не соображу, как в списке это реализуется Уже сделал на дивах, но мне такой вариант подхода не нравится. Кол-во строк у ссылки может быть от 1 до 3ех, т.е. всякие жесткие паддинги не подходят, нужно отцентровать в синем блоке как то.. Есть идеи?

А если помимо ссылки там еще тэг с картинкой или еще одна ссылка? Мое мнение задавать размеры нужно к блокам, а не к тексту (ссылкам) Спасибо за идею насчет отображения блоками плавающими Необходимо вот такое меню сделать, где картинки так же являются ссылками: Правильно такое решение?: CSS #mainmenu ul li { float: left; display: block; background:white url(btbg.jpg) no-repeat bottom; width: 90px; height: 130px; margin-right: 5px; margin-left: 5px; text-align: center; } HTML .. <li> <a><img></a> <a>link</a> </li> .. Только вот не хватает отцентровки вертикальной, ссылке в блоке синем. Буду дальше ковырять

Именно инлайном Горизонтальная менюшка

Возможно задать минимальную высоту и ширину у тэга <li> ? Есть меню навигационное. У каждой кнопки прописан background (размер которого width:90; height:40) Пробовал #mainmenu ul li { width: 90px; height: 40px; min-height: 40px; min-width:90px; } Не выходит. Задать можно только размерность UL

Благодарю) margin затерялся..