За последние 24 часа нас посетили 46878 программистов и 1483 робота. Сейчас ищут 1042 программиста ...

как выровнять картинку и текст

Тема в разделе "HTML и CSS", создана пользователем jenya777777, 4 фев 2011.

  1. jenya777777

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

    С нами с:
    16 мар 2010
    Сообщения:
    562
    Симпатии:
    0
    Есть такой код
    Код (Text):
    1.  
    2.     <span id="user">
    3.         <img src="../img/ico.png" width="12" height="12" alt="user" />
    4.     </span>
    5.     &nbsp;<a class='active' href="#" >User</a>
    и стиль
    [css]

    #user img{
    padding-top: 10px;
    float: none;
    }

    [/css]

    Сейчас идет иконка и за ней текст. Иконка чуть приподнята над строкой, хотелось бы чтобы иконка была на одной строчке с картинкой. Как это сделать?
     
  2. antiv89

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

    С нами с:
    3 ноя 2009
    Сообщения:
    37
    Симпатии:
    0
    display:inline
     
  3. jenya777777

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

    С нами с:
    16 мар 2010
    Сообщения:
    562
    Симпатии:
    0
    К сожалению не подошло, текст сам по себе выравнивается, но т.к. эта ссылка, из-за нижнего подчеркивания, кажется что картинка выше текста. Хотелось бы приподнять текст, что бы подчеркивание было на одном уровне с иконкой. text-decoration:none не предлагать.
     
  4. Gromo

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

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    jenya777777
    есть несколько способов:

    1. изменение картинки - добавление невидимых полей для выравнивания
    2. позиционирование в таблицы - вертикальное выравнивание
    3. использование картинки как фона, и уже фон позиционировать по необходимости