За последние 24 часа нас посетили 62488 программистов и 1743 робота. Сейчас ищут 916 программистов ...

координаты дочернего элемента

Тема в разделе "HTML и CSS", создана пользователем V-ampire, 13 фев 2012.

  1. V-ampire

    V-ampire Активный пользователь

    С нами с:
    10 фев 2012
    Сообщения:
    24
    Симпатии:
    0
    вроде простая задача, а сообразить не могу:
    вот создаю класс для тега:
    .diV_img { position:absolute; left:330px;top:100px;} - координаты считаются отн верхн лев угла экрана

    как бы мне теперь задать класс( .div_type) для тега, координаты которого будут считаться от верхн лев угла тега с классом .div_img?
     
  2. yuri

    yuri Активный пользователь

    С нами с:
    16 янв 2012
    Сообщения:
    288
    Симпатии:
    2
    Засунуть его внутрь и позишн релатив с нужным смещением
     
  3. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    Код (Text):
    1. .div_type{ position: relative; }
    оно?
     
  4. V-ampire

    V-ampire Активный пользователь

    С нами с:
    10 фев 2012
    Сообщения:
    24
    Симпатии:
    0
    так чтоль?
    .dict_img { position:absolute;
    left:330px;
    top:100px;
    }
    .dict_img .dict_type { position:relative;
    left:50px;
    top:20px
    }
     
  5. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    одного символа не хватает. а так - да
     
  6. yuri

    yuri Активный пользователь

    С нами с:
    16 янв 2012
    Сообщения:
    288
    Симпатии:
    2
    Главное, чтобы второй див был внутри первого.
     
  7. V-ampire

    V-ampire Активный пользователь

    С нами с:
    10 фев 2012
    Сообщения:
    24
    Симпатии:
    0
    absolute или relative в дочернем?
     
  8. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    абсолютное позиционирование вырывает блок из положенного ему места и ставит там где указанно
    относительное - смещает относительно положенного места
    координаты дочерних элементов всегда исчисляются относительно родительского элемента, если не указано иного.
    <div class="dict_img"><div class="dict_type">&nbsp;</div></div-> дает с приведенными стилями тот самый - ожидаемый - результат
     
  9. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.559
    Симпатии:
    632
    оно и так по-умолчанию relative.
     
  10. V-ampire

    V-ampire Активный пользователь

    С нами с:
    10 фев 2012
    Сообщения:
    24
    Симпатии:
    0
    .dict_img { position:absolute;
    left:330px;
    top:100px;
    }
    .dict_img .dict_type { position:relative;
    left:50px;
    top:20px;
    }
    <div class="dict_img"><div class="dict_type">&nbsp;</div></div>
    т.е. вот так правильно будет?
     
  11. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    а вы сами пробовали?
     
  12. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Так, то оно так, но зачем писать кучу дивов и классов с идами в целом!
    Не надо!
     
  13. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    вариант оптимизации в студии появится?
     
  14. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Вариант был всегда.