Jump to content

Ayaweb

Newbie
  • Posts

    13
  • Joined

  • Last visited

Everything posted by Ayaweb

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

    Кнопка

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

    Кнопка

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

    Кнопка

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

    Кнопка

    Не могу сообразить, как сделать вот такую кнопку Нужно, чтобы она растягивалась, когда текста больше. я ее разрезала пополам, так как там градиент сплошной и вырезала полоску пиксельной ширины посередине. Код такой <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; } Но, она, естественно, получается гораздо шире за счет того, что растягивается поле посередине, где текст. Накладку сделать нельзя, так как картинка полупрозрачная. В общем, я уже не знаю что тут сделать..
  6. Отлично! Спасибо большое
  7. Новая проблема =) Этот правый блок по идее должен быть наполовину скрытым, а при наведении выдвигаться. Я хотела было установить отрицательное значение right, чтобы оно уползало за пределы окна, но появляется горизонтальный скролл :-( (почему то при отрицательных left его нет ) Помогите, пожалуйста, как это можно сделать?
  8. Мда, проще не придумаешь =))) Спасибо, это именно то, что мне нужно!
  9. Очень хорошие статьи, но мне нужно немного другое. Меня в принципе вполне устраивает и абсолютное позиционирование, я не знаю, как их растянуть. Мне не известна высота блога, как в статьях.
  10. Добрый вечер! Помогите найти решение, нужно сверстать макет (рисунок ниже), не могу придумать, как сделать боковой блок. Он абсолютно спозиционирован, нужно, чтобы он растягивался во всю высоту окна, оставляя n-е количество пикселей сверху и снизу. Как этого можно добиться? http://imglink.ru/show-image.php?id=12a788...2eba9a79825384b
  11. А как сделать, чтобы список нумировался не по возрастанию, а по убыванию? то есть если я ставлю counter-reset: item 160; то получается §161 §162 §163, а мне нужно §160 §159 §158. Такое реально? Пробую ставить content: '§' counter(160-item) '. '; Но естественно ничего не вышло
  12. он оказывается не просто не растягивается, центральный слой вообще ниже находится, не обтакает справда. а почему не могу понять
  13. Такая проблема: есть 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; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy