Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Текст на одном уровне с картинкой
 
 автор: stas87   (26.07.2008 в 13:51)   письмо автору
 
 

Всем здрасте!

Вообщем, как сделать так, чтобы текст был на одном уровне с картинкой, а то он получается немного ниже. Типа (>> - картинка):

>> Текст

  Ответить  
 
 автор: sim5   (26.07.2008 в 14:02)   письмо автору
 
   для: stas87   (26.07.2008 в 13:51)
 

На одном уровне это как? Если по базовой линии, то: vertical-align: baseline;

  Ответить  
 
 автор: stas87   (26.07.2008 в 14:10)   письмо автору
 
   для: sim5   (26.07.2008 в 14:02)
 

Ну у меня получается, что текст немного ниже картинки (вернее, картинка выше базовой линии):

  Ответить  
 
 автор: sim5   (26.07.2008 в 14:25)   письмо автору
 
   для: stas87   (26.07.2008 в 14:10)
 

baseline; sub; super; top; text-top; middle; bottom; text-bottom; непосредственно в px или %;

  Ответить  
 
 автор: stas87   (26.07.2008 в 14:47)   письмо автору
1.3 Кб
 
   для: sim5   (26.07.2008 в 14:02)
 

Ну вот я прикрепил картинку для наглядного просмотра... ссылку и картинку я выделил для того, чтобы было видно, где находится имейдж

  Ответить  
 
 автор: Ninjak   (26.07.2008 в 17:51)   письмо автору
 
   для: stas87   (26.07.2008 в 14:47)
 

Тэгу <img> присвой стиль vertical-align: middle;

например:
<img src="" alt="" style="vertical-align: middle;" />

  Ответить  
 
 автор: jangot   (29.07.2008 в 14:50)   письмо автору
 
   для: stas87   (26.07.2008 в 14:47)
 

Я обычно просто задаю

 <img src="***" style="margin-bittom: -0.2em;" /> text

Может это не очень правильно, но работает всегда исправно.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования