text-align для img

Тема в разделе "Веб-дизайн", создана пользователем Trial, 25 июл 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Trial

    Trial

    Регистр.:
    27 май 2008
    Сообщения:
    175
    Симпатии:
    8
    Вот прочитал что text-align можно выравнивать что угодно попробывал выровнять картинку по центру, но эфект нулевой.
    В чем может быть проблема или text-align вобще не применим img?
    И если он не выравнивает, то каким свойством можно задать выравнивание в CSS для img?
     
  2. ooprizrakoo

    ooprizrakoo Постоялец

    Регистр.:
    18 фев 2007
    Сообщения:
    84
    Симпатии:
    133
    Во-первых, могли бы привести пример своего кода.
    Во-вторых, выравнивается так: <IMG align="right" ...>
    В третьих, в CSS предусмотрено свойство float, которое определяет по какой стороне будет выравниваться элемент.

    Вам дать ссылки на поисковые системы, или знаете пару штук?
     
  3. Awstin

    Awstin Писатель

    Регистр.:
    3 сен 2007
    Сообщения:
    7
    Симпатии:
    1
    по центру:
    Код:
    для браузеров которые идут по дороге стандартов:
    <div style="width:880px;margin:0px auto;">
    	<img src="images/best_videos.jpg" alt="" />
    </div>
    
    для ие6
    <div style="text-align:center;">
    	<img src="images/best_videos.jpg" alt=""  />
    </div>
    на право/на лево float'ом.
     
  4. Trial

    Trial

    Регистр.:
    27 май 2008
    Сообщения:
    175
    Симпатии:
    8
    Во-первых какой пример то тебе нужен страницу кода привести, что ли или
    HTML:
    
    /* Энто CSS */
    img {
       text-align: center;
    
    /* А энто HTML */
    
    <body>
    <img ...../>
    <body>
    
    И для чего это тебе надо спрашиваеться? Если разбираешься, то и сам поймешь.

    Во-вторых надо внимательнее быть я написал
    В-третих я написал выравнять по центру, а Float равняет только по правому и левому краю.

    А про поисковики вообще не понял.
    Я задал конкретный вопрос по свойству CSS про применение которого прочитал вот здесь http://htmlbook.ru/css/text-align.html
    Задавал его для того чтоб выравнять скажем все картинки на странице разом и нt возиться с каждой отдельно.
    Вопрос еще в силе.
     
  5. Awstin

    Awstin Писатель

    Регистр.:
    3 сен 2007
    Сообщения:
    7
    Симпатии:
    1
    Код:
    <img src="images/best_videos.jpg" alt="" style=" display:block; margin:0px auto;" />
    работает в ие6 и файрфоксе.
    дальше как всех выровнять сам поймешь... :)
     
  6. Trial

    Trial

    Регистр.:
    27 май 2008
    Сообщения:
    175
    Симпатии:
    8
    Все сработало, но все же хочется узнать это у всех text-align не выравнивает картинки или только у меня ведь по ссылке которую я дал в графе применяеться: написано ко всем элементам или там опечатка хотя сайт надежный и вроде пишет толковый человек, а не новичок.
    В чем же тогда проблема?
     
  7. Awstin

    Awstin Писатель

    Регистр.:
    3 сен 2007
    Сообщения:
    7
    Симпатии:
    1
    цитируй код сюда или отправь по пм ссылку, а то я еще новичок на форуме и не вижу ссылок (нуно 5 сообщений :D)
     
  8. Trial

    Trial

    Регистр.:
    27 май 2008
    Сообщения:
    175
    Симпатии:
    8
    Извини не обратил внимания глянь еще раз мой пост выше
     
  9. Awstin

    Awstin Писатель

    Регистр.:
    3 сен 2007
    Сообщения:
    7
    Симпатии:
    1
    text-align применяется к "контейнерам", т.е. он алайнит элементы внутри себя. <img /> не контейнер.
    Автор статьи наверное написав "Применяется: Ко всем элементам" имел ввиду только контейнеры.
     
  10. Trial

    Trial

    Регистр.:
    27 май 2008
    Сообщения:
    175
    Симпатии:
    8
    а если делать контейнером то тоже ноль эфекта пробывал.
     
Статус темы:
Закрыта.