...с которым, тем не менее, я частенько сталкиваюсь. Как выровнять текст и картинку по вертикали "по центру" без использования таблиц? Пример: Код (html): <img src="http://status.icq.com/online.gif?icq=123456789&img=5" border="0" width="18" height="18" />123-456-789 Как видно, цветочек аськи "выше" текста, т.е. текст и изображение выравниваются по низу строчки в основых браузерах, по крайней мере.. С div не получается особо, с line-height тоже вроде экспериментировал
Ответ: Элементарный вопрос по верстке хм)) ну а у меня в Опере 9.02, в FF 2.0.0.11 и в IE6-7 наблюдается нечто, как на картинке. Т.е. я хочу поднять текст чуть выше Доктайпов несколько разных попробовал для интереса - не выравнивается оно Код (html): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <?xml version="1.0" encoding="windows-1251"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <img src="http://status.icq.com/online.gif?icq=123456789&img=5" border="0" width="18" height="18" />123-456-789 </body> </html>
Ответ: Элементарный вопрос по верстке Нужно стили применять, чтобы выравнивать. А так, у каждого браузера свои настройки, и версии браузеров тоже влияют, вот и выводит где как.
Ответ: Элементарный вопрос по верстке Cardinal, тебе это так сильно необходимо?) пропиши div в absolute'ным позиционированием... ))))))))))
Ответ: Элементарный вопрос по верстке Изучаем стили, и тогда всё будет нормально. вот пример: Код (html): <div style="font-size:10px; border:1px solid #ccc; height:16px;"> <img src="http://status.icq.com/online.gif?icq=123456789&img=5" width="16" height="16" border="0" align="absmiddle" />123-456-789 </div> Див взял для контейнера, чтобы показать как что внутри размещается. Параметры рисунка задают положение относительно текста. В IE7 текст располагается строго по центру, в лисе чуть выше, но это уже проблемы браузеров. Покрайней мере текст не внизу. Это так для примера, а дальше, изучаем HTML и CSS.
Ответ: Элементарный вопрос по верстке ну...я бы сказал, изучаем тонкости HTML - align="absmiddle" нечасто встретишь, по-моему. В справочнике не смотрел, каюсь) Спасибо!
Ответ: Элементарный вопрос по верстке Не часто, особенно если учесть, что в стандарте оно отсутствует. В HTML3 атрибут align может принимать только значения top, middle, bottom, left или right (http://www.w3.org/MarkUp/html3/img.html). В HTML4 атрибут align вообще отсутствует (http://www.w3.org/TR/html401/struct/objects.html#h-13.2), там всё через css должно настраиваться (свойство vertical-align).
Ответ: Элементарный вопрос по верстке Часто или не часто, присутствует или нет в хтмл версиях, это свойство есть наверно в любой книге по хтмл, по крайней мере из тех книг и веб справочников что видал, оно везде есть. А насчет vertical-align, так это свойство работает не всегда и не везде. Данный пример я привёл всего лишь как пример, и как 100%-е средство решения проблемы не пойдёт, так как каждый браузер пляшет по своему. Но по крайней мере, можно получить хотябы примерную центровку, без лишнего кода, хлтябы для IE и на его ядре. А для остальных можно и через ксс подогнать текст.
Ответ: Элементарный вопрос по верстке А я бы сделал картинкой текст, равный по высоте с листочком и все) Дизайнерский подход, бгг)))
Ответ: Элементарный вопрос по верстке Fanamura, как альтернатива, это лучший вариант, когда нет возможности сделать просто, без лишнего кода.
