Картинки в Div-е

[Тёмик]

Имеется Div фиксированного размера. Нужно равномерно по ширине расположить в нём несколько картинок. Мой вариант:

<div width="800px" style="padding: 0; text-align: justify;">
   <img width="100px" height="50px"></img>
   <img width="100px" height="50px"></img>
   ...
   <img width="100px" height="50px"></img>
</div>

К сожалению не работает. Как правильно это сделать?

[Switch74]

width="800" пишется без px и если уж ты написал style, то внеси этот параметр туда же

данный способ на сколько я знаю не во всех браузерах работает корректно

в твоем варианте реши для себя сколько картинок в ряду ты бы хотел видеть и сделай расчет исходя из ширины родителя, картинок и отступов

[vikver]

width="800" пишется без px

почему?

[Switch74]

width="800" пишется без px

почему?

а зачем он там?

[alexandr_v-vich]

width="800" пишется без px

почему?

а зачем он там?

Мне кажется за тем же зачем и кавычки там же

[Switch74]

ну вот только если за этим

[Int]

почему?

http://www.w3.org/TR/html4/index/attributes.html

http://www.w3.org/TR/html4/sgml/loosedtd.html#Length

<!ENTITY % Length "CDATA" -- nn for pixels or nn% for percentage length -->

[vikver]

Спасибо за ссылки)

Да, надо читать спецификацию.

[SelenIT]

По-русски — "800 пикселей", по-английски — "800 pixels", в CSS — "800px", в HTML — "800". У каждого языка свои правила.

Но лучше, конечно, задавать размеры в стилях, а не в разметке.

[Тёмик]

реши для себя сколько картинок в ряду ты бы хотел видеть и сделай расчет исходя из ширины родителя, картинок и отступов

Значит без калькулятора не обойтись, автоматом не считает.

Можно ещё маленький вопросик, чтобы новую тему не создавать? А как div внутри другого div-а по низу выравнивать?

[Switch74]

Значит без калькулятора не обойтись, автоматом не считает.

автоматом - это наверно если резина с %, а у тебя все размеры строго в px, хотя даже если в %, там тоже сначало нужно все рассчитать и выставить значения.

Можно ещё маленький вопросик, чтобы новую тему не создавать? А как div внутри другого div-а по низу выравнивать?

<style>
out{position:relative;width:200px;height:200px;}
in{position:absolute;left:0px;right:0px;bottom:0px;height:10px; background:#bbb;}
</style>
<div id="out">
  out
  <div id="in">
   in
  </div>
</div>