HTML разместить рисунок

Discussion in 'PHP' started by rudi, 28 Sep 2010.

  1. rudi

    rudi Active Member

    Joined:
    3 Jun 2010
    Messages:
    487
    Likes Received:
    184
    Reputations:
    5
    HTML + CSS разместить рисунок

    как можно позиционировать рисунок?
    относительно его предка
    например есть в центре прямоуголник
    .areas { width:1067px;
    height: 670px;
    background:black;
    padding:0;
    margin: 0 auto; /* Отступ слева и справа */
    }

    и нужно в нем разместить рисунок
    отсчет делать от верхнего левого угла прямоуголника
    тоесть отсчет идет от родителя

    Я просто хочу сделать некий фон
    и на него повтыкать кнопки в виде изображений
    вот внизу скрин, там кнопки это глаза
    http://winiwini.jino.ru/screen.jpg
    хочу чтобы при наведении мышки они подсвечивались
    для этого нужно указать позиции изображений-кнопок
    Если использую position:absolute;
    то идет отсчет от верхнего левого угла браузера а не родителя
    и при уменьшении окна браузера
    кнопки слетают со своих мест
     
    #1 rudi, 28 Sep 2010
    Last edited: 28 Sep 2010
  2. OSW

    OSW Elder - Старейшина

    Joined:
    12 Jul 2007
    Messages:
    320
    Likes Received:
    54
    Reputations:
    7
    position: relative

    Отсчет идет от родителя.
     
  3. Adio

    Adio Elder - Старейшина

    Joined:
    23 May 2005
    Messages:
    1,646
    Likes Received:
    147
    Reputations:
    18
    Использую абсолютное позиционирование с помощью INDEX никуда они не слетят :)
     
  4. FindeR

    FindeR Elder - Старейшина

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    position:relative;
    left: 100px;
    top: 100px;

    или же
    position:absolute;
    margin-left: 100px;
    margin-top: 100px;