как изменить позицию кнопки

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем diki, 15.09.2013.

  1. Offline

    diki Недавно здесь

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    как вынести кнопку за пределы блока с overflow:hidden?
     
  2.  
  3. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Нужно вот это переставить вот сюда. :O
    Каков вопрос - таков ответ.
     
  4. Offline

    diki Недавно здесь

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    сайт http://stok-info.ru/ в блоках кнопочка подробнее её нужно сделать как на картинке 6eb6bd3197a1.jpg
     
  5. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Ну, принцип такой:
    Код (html):
    1. <div class="block">
    2.     ...
    3.     <div class="readmore">Кнопка "Подробнее..."</div>
    4. </div>


    Код (CODE):
    1. .block {
    2.     width: 200px;
    3.     height: 400px;
    4.     position: relation;
    5. }
    6. .readmore {
    7.     width: 150px;
    8.     height: 35px;
    9.     position: absolute;
    10.     left: 25px;
    11.     bottom: -15px;
    12. }

    Смотрите (например, через Firefox Firebug) у какого блока какие class или id и приписывайте для них стили...
     
  6. Offline

    diki Недавно здесь

    Регистрация:
    09.03.2011
    Сообщения:
    118
    Симпатии:
    0
    Пол:
    Мужской
    сделал как у вас прописал нужные стили но кнопочка не меняет положение!?

    Вот что получается http://jsfiddle.net/diki77/7UqEk/
     
    Последнее редактирование: 29.09.2013

Поделиться этой страницей

Загрузка...