Ayaweb

Привет! Строю макет на бутстрапе и столкнулась с проблемой с разворачивающемся блоком collapse. Может кто сможет подсказать решение. Вот способ использования блока, я делаю все точно также, все отлично работает http://getbootstrap.com/javascript/#collapse НО мой блок выглядит как строка таблицы в свернутом виде так http://monosnap.com/image/nsTJBWP68p97y1BdPsGNGsVlv8R3cY в развернутом так http://monosnap.com/image/x0P8ZP0TCDVndTabqLK3n32zekYM6y Я бы хотела сделать коллапс при клике на весь блок, но внутри него есть другие рабочие ссылки, например заголовок, кнопка с картой, кнопка с плюсом. Получается если я делаю коллапсом весь блок, другие ссылки внутри блока перестают работать. Интересно, что они подсвечиваются по отдельности, в статус-строке показывается нужная ссылка, но при щелчке срабатывает только коллапс. z-index не помогает. Очень надеюсь на помощь и заранее спасибо!

У меня не получается. Если делать, чтобы средний блок залезал на верхний и нижний - перекрываются фоны, а там полупрозрачность. Обрезать верхний и нижний градиент уже не получиться

Вот живое http://ayaweb.ru/test/

Нее, я имела ввиду в высоту растягиваться. *пиксельной высоты Вот такая получилась

Не могу сообразить, как сделать вот такую кнопку Нужно, чтобы она растягивалась, когда текста больше. я ее разрезала пополам, так как там градиент сплошной и вырезала полоску пиксельной ширины посередине. Код такой <div id="top"></div><div id="middle">Недвижимость Доминикана</div><div id="bottom"></div> .left #menu li div{ width:215px; } .left #menu li #top{ background-image:url(../img/left_menu_top.png); height:41px; } .left #menu li #middle{ background:url(../img/left_menu_middle.png); padding:0 20px 0 20px; width:175px; } .left #menu li #bottom{ background-image:url(../img/left_menu_bottom.png); height:41px; } Но, она, естественно, получается гораздо шире за счет того, что растягивается поле посередине, где текст. Накладку сделать нельзя, так как картинка полупрозрачная. В общем, я уже не знаю что тут сделать..

Отлично! Спасибо большое

Новая проблема =) Этот правый блок по идее должен быть наполовину скрытым, а при наведении выдвигаться. Я хотела было установить отрицательное значение right, чтобы оно уползало за пределы окна, но появляется горизонтальный скролл :-( (почему то при отрицательных left его нет ) Помогите, пожалуйста, как это можно сделать?

Мда, проще не придумаешь =))) Спасибо, это именно то, что мне нужно!

Очень хорошие статьи, но мне нужно немного другое. Меня в принципе вполне устраивает и абсолютное позиционирование, я не знаю, как их растянуть. Мне не известна высота блога, как в статьях.

Добрый вечер! Помогите найти решение, нужно сверстать макет (рисунок ниже), не могу придумать, как сделать боковой блок. Он абсолютно спозиционирован, нужно, чтобы он растягивался во всю высоту окна, оставляя n-е количество пикселей сверху и снизу. Как этого можно добиться? http://imglink.ru/show-image.php?id=12a788...2eba9a79825384b

А как сделать, чтобы список нумировался не по возрастанию, а по убыванию? то есть если я ставлю counter-reset: item 160; то получается §161 §162 §163, а мне нужно §160 §159 §158. Такое реально? Пробую ставить content: '§' counter(160-item) '. '; Но естественно ничего не вышло

он оказывается не просто не растягивается, центральный слой вообще ниже находится, не обтакает справда. а почему не могу понять

Такая проблема: есть 3 дива, 2 боковых, типа поля и один по центру с контентом и все они все находятся в родительском слое. Но боковые слои не хотят растягиваться на 100% в высоту. Их бы и вообще не было, если бы я не вставила пробел. Кажется есть что то по этой теме в Css, чтобы слой отображался в независимости от содержания. Вот код <div class="middle"> <div class="left_side" > </div> <div class="main"> <h1>Заголовок</h1> <center><div class="h_menu"> </div></center> <div class="welcome"> </div> <div class="news"> </div> </div> и стили .middle{ width:100%; float:none; clear:both; height:100% padding:0; margin:0; border:0;; } .left_side { background-image:url(img/left_side.gif); background-repeat:repeat-y; background-position:left; width: 17px; padding:0; margin:0; border:0; float:left; height: 100%; } .right_side { background-image:url(img/right_side.gif); background-repeat:repeat-y; background-position:right; width: 17px; padding:0; margin:0; border:0; float:right; height:100%; position: relative; } .main { float: left; padding-left:20px; padding-right:20px; height:100%; margin-right:20px; margin-left:20px; }