Текст и картинки по центру...

[iAL]

Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)?

<style type="text/css">

#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	padding: 12px 5px 0 5px;
	text-decoration: none;
	text-transform:uppercase;
}


</style>
<div id="navcontainer"> 
	<ul id="navlist"> 
	<li><a href="#"><b>Text 1</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li>
    <li><a href="#"><b>Text 2</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li>
	<li><a href="#"><b>Text 3</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li>    
	<li><a href="#"><b>Text 4</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li>
	<li><a href="#"><b>Text 5</b></a></li>
	</ul>
</div>

Edited March 3, 2009 by iAL

[Faust]

Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)?

а можно код посмотреть?

[Vlad]

К картинкам добавь vertical-align: middle;

[SerTse]

А если код такой, и на форме больше ничего нет, то как сделать картинку по центру по горизонтали.

<img src="Autor\VOV\Astaf\img\book.jpg" align="middle" width="370" height="545">

[Int]

<div align="center"><img></div>

вот так вот по горизонтали.

[SerTse]

<div align="center"><img></div>

вот так вот по горизонтали.

Спасибо за подсказку, но мне нужно вставить txt файл во флеш, а флеш такой тег не поддерживает.

Может есть еще какой нибудь вариант?

[Searcher]

Теперь уже речь вообще о тексте во флеше... Вы флеш сами пишите?

Кстати, советую забыть про параметр align, все это делается в стилях: text-align:center.

И, вообще, внимательно почитайте на htmlbook.ru про то какое свойство css за что отвечает. Почитайте еще раздел "Шаг за шагом".

[SerTse]

Флеш пишу сам, но тоже с горем пополам. Вот теперь добавил картинки, а они по центру ставится не хотят, вот и пытаюст разобраться в чем дело.

[Int]

div align="center" тратит меньше трафика, чем div style="text-align:center;", инструменты нужно подбирать соответственно задаче. Вы б ещё посоветовали внешний css-файл подключить ради выравнивания.

[s0rr0w]

Зачем привыкать к плохому? align="center" является устаревшей техникой.

[Int]

s0rr0w, а я вот для чтения книг использую Palm zire 31, купленный в 2004 году, посоветуешь купить электронную читалку за 20000 только потому, что она менее устаревшая?

Какие именно минусы align="" ты можешь назвать? Какой-то браузер его перестал поддерживать или что-то ещё?

Edited May 29, 2009 by Int

[s0rr0w]

s0rr0w, а я вот для чтения книг использую Palm zire 31, купленный в 2004 году, посоветуешь купить электронную читалку за 20000 только потому, что она менее устаревшая?

Пример некорректен по своей сути. Я приведу более правильный пример. Вы врач анестезиолог. В то время как все врачи делают анестезию газом, вы бьете пациента киянкой по голове. Эффект примерно один и тот же, а вот средства достижения - разные.

Какие именно минусы align="" ты можешь назвать? Какой-то браузер его перестал поддерживать или что-то ещё?

Не факт, что следующий браузер будет поддерживать это свойство. И не факт, что другие устройства вывода будут поддерживать это свойство.

[Int]

Это свойство deprecated?

Почему-то браузеры до сих пор поддерживают font color, как это так они резко откажутся от div align? это не энтерпрайзно.

[s0rr0w]

Это свойство deprecated?

Почему-то браузеры до сих пор поддерживают font color, как это так они резко откажутся от div align? это не энтерпрайзно.

http://www.w3.org/TR/html401/present/graph...html#adef-align

Поддерживают. Но устройство вывода есть не только браузеры. Вы не в курсе?

[Int]

Ммм, а чем ещё html-странички смотрят? Я не в курсе, да.

Ну раз deprecated, то ладно,

<div style="text-align:center;"><img></div>

Теперь я ответил на вопрос автора?

Edited May 30, 2009 by Int