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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by diki, Sep 15, 2013.

  1. Offline

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

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    как вынести кнопку за пределы блока с overflow:hidden?
     
  2.  
  3. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Нужно вот это переставить вот сюда. :O
    Каков вопрос - таков ответ.
     
  4. Offline

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

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    сайт http://stok-info.ru/ в блоках кнопочка подробнее её нужно сделать как на картинке 6eb6bd3197a1.jpg
     
  5. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Ну, принцип такой:
    Код (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 Недавно здесь

    Joined:
    Mar 9, 2011
    Messages:
    118
    Likes Received:
    0
    Gender:
    Male
    сделал как у вас прописал нужные стили но кнопочка не меняет положение!?

    Вот что получается http://jsfiddle.net/diki77/7UqEk/
     
    Last edited: Sep 29, 2013

Share This Page

Loading...