IMHO.WS - <span width=100> не работает!

IMHO.WS (http://www.imho.ws/index.php)

- Дизайн (http://www.imho.ws/forumdisplay.php?f=22)

- - <span width=100> не работает! (http://www.imho.ws/showthread.php?t=112261)

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

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

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

Цитата:

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

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

Цитата:

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

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

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

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

Код:

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

или

Код:

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

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

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

Цитата:

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

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

Цитата:

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

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

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

Цитата:

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

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

Цитата:

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

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

Цитата:

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

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

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

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

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

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

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

да, но нужно ещё задуматься о том, что могут быть нужны ряды, тут уже всё немного иначе. попробую набросать. т.к. куча картинок, это всётаки список, то из соображений 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