Выравнивание <a href по вертикали

Тема в разделе "Верстка", создана пользователем Fryed_Ice, 23 авг 2011.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Fryed_Ice

    Fryed_Ice Создатель

    Регистр.:
    10 окт 2010
    Сообщения:
    13
    Симпатии:
    0
    Дело такое - есть ссылки оформленные тегом <a>, сместить в лево право свойством padding не вызывает затруднений, bottom и top же просто не работают. Может существует решение этой проблемы (вроде отрицательного и положительного смещения по оси Y итп).
     
  2. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    Для top, bottom надо добавить position
    HTML:
    
    <a href="#" style="position:relative;top:100px;">Ссылка</a>
    
    ещё вариант с отрицательным margin
    HTML:
    
    <a href="#" style="display:block;margin-top:-30px;">Ссылка</a>
    
     
  3. Menro

    Menro web, seo, email, hack

    Регистр.:
    27 янв 2008
    Сообщения:
    611
    Симпатии:
    118
    Лично я, ссылки заключаю в UL, а потом LI задаю float: left, после чего уже display:block;margin-top:-30px;
     
  4. ndvkerch

    ndvkerch

    Регистр.:
    26 июн 2008
    Сообщения:
    277
    Симпатии:
    74
    Если в стилях прописать для этих ссылок display:block; то и паддинг будет работать <a href="#" style="display:block; padding-top:30px;">Ссылка</a>
     
  5. beauty_free

    beauty_free Создатель

    Регистр.:
    28 авг 2011
    Сообщения:
    19
    Симпатии:
    1
    именно так
    помните что есть inline элементы и block. есть конечно и inline-block, но не суть.
    только блочные могут быть подвержены позиционированию.
    и их с легкостью можно определить с помощью display
     
  6. Art2011

    Art2011 Читатель

    Заблокирован
    Регистр.:
    28 авг 2011
    Сообщения:
    37
    Симпатии:
    0
    поэтому div очень актуален :)