<span width=100> не работает!

[Alexxxander]

точнее, работает только в IE.

1. Это правильно?
2. Как можно это обойти?
Скажем, по-тупому таблицей не всегда возможно, если надо несколько таких объектов в одной строке.

[Naked]

Alexxxander:
Скажем, по-тупому таблицей не всегда возможно

почему таблицей невозможно?

Alexxxander:
1. Это правильно?

Если я не ошибаюсь, то span не является блоковым элементом, поэтому ширину ему задавать нельзя, так же как и алигн...
я бы делал таблицей, внутри таблицы уже td или div - ему уже можно width делать...
Вроде так

P.S. а вообще - не в дизайн это, а в веб-программирование наверное

[Zhiberya]

Alexxxander
Во-первых посмотри DOCTYPE.
Попробуй

<span style="width=100px;"></span>

или

<span width="100"></span>

[RaZEr]

span не должен воспринимать ширину, как и любой другой inline блок. Чтобы можно было задавать ширину нужно прописать ему стиль "display: block".

И как верно заметил Naked, - лучше делать таблицей (гемороя меньше)

[Alexxxander]

RaZEr:
span не должен воспринимать ширину, как и любой другой inline блок.

Вот об этом я и догадывался. Т.е. IE делает неправильно.

Zhiberya:
<span style="width=100px;"></span>

точнее, "width:100px". И это работает... Только в IE. И это неправильно.

А вопрос так и остался. Как это сделать?

RaZEr:
И как верно заметил Naked, - лучше делать таблицей (гемороя меньше)

можно на примере, учитывая:

Alexxxander:
Скажем, по-тупому таблицей не всегда возможно, если надо несколько таких объектов в одной строке.

т. е. как поместить таблицы в одну строку?

[Naked]

Alexxxander:
т. е. как поместить таблицы в одну строку?

так не надо несколько таблиц в одну строку - делай таблицы, просто в ней несколько <td> элементов - они блочные... а в <td> можно опять таблицы и т.д..... а таблицы в одну строку - это не есть хорошо...

[Alexxxander]

Ага! Не совсем хорошо объяснил.

Тогда на примере.
1. Нужно размещать картинки следующим образом: сами картинки разного размера, но должны занимать одинаковое пространство. Т.е. если какого-то размера, то остается пустое простанство. Это таблицей легко делается (скажем, <td width=200>). Но есть еще:
2. Нужно размещать в строке столько картинок, сколько влезет в окно (в зависимости от разрешения экрана и развернутости окна браузера). Т.е. число картинок в строке не фиксировано.

[BorLase]

думаю, тебе нужно это:

<div style="width: 100px; height: 50px; float: left; border=1px solid red"></div>

[Alexxxander]

Спасибо!
Почему-то я думал, что div может быть только один в строке.

[strocks]

да, но нужно ещё задуматься о том, что могут быть нужны ряды, тут уже всё немного иначе. попробую набросать. т.к. куча картинок, это всётаки список, то из соображений seo и для удобства можно сделать в виде простого списка.

<style type="text/css">
<!--
li { float:left; width:33.33%; margin-right:-1px; }
li span { display:block; padding-right:9px; padding-bottom:12px; }
/* mozilla hack */
ul:after { content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden; }
/* ie hack */
ul { zoom:1; }
-->
</style>

<ul>
<li><span><img src="http://ya.ru/logo.gif" width="10" height="10" alt="ya"></span></li>
<li><span><img src="http://ya.ru/logo.gif" width="10" height="10" alt="ya"></span></li>
<li><span><img src="http://ya.ru/logo.gif" width="10" height="10" alt="ya"></span></li>
</ul>
<ul>
<li><span><img src="http://ya.ru/logo.gif" width="10" height="10" alt="ya"></span></li>
<li><span><img src="http://ya.ru/logo.gif" width="10" height="10" alt="ya"></span></li>
<li><span><img src="http://ya.ru/logo.gif" width="10" height="10" alt="ya"></span></li>
</ul>

хаки нужны как раз для того, чтобы ряды "не проваливались" если у картинок будет разная высота или под картинками планируется разместить что то ещё, текст или footer