позиция рисунка в ячейке таблицы.

[arlek1n]

здравствуйте.

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

п.п.с. просто надо в ячейку поместить три картинки. одну в левом верхнем углу, вторую в правом верхнем и третью по центру внизу.

спасибо.

Edited December 18, 2008 by arlek1n

[s0rr0w]

здравствуйте.

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

п.п.с. просто надо в ячейку поместить три картинки. одну в левом верхнем углу, вторую в правом верхнем и третью по центру внизу.

спасибо.

Так как TD невозможно поставить position:relative, то боюсь, что последнюю картинку придется позиционировать при помощи JS

[arlek1n]

да хоть джаваскрипт, главное как ?. хоть примерно как ?.

[s0rr0w]

да хоть джаваскрипт, главное как ?. хоть примерно как ?.

Примерно так

Див с позишином релейтив, а в нем две картинки с позишином абсолют, которые имеют топ 0 и лефт с райтом.

С третим, если будет больше данных, можно тоже что-то придумать.

[arlek1n]

гг ))

вот именно третий меня и интересует ))

два и без див-а помещаются в ячейке в одну строку без проблем. а вот третий надо к ним туда впихнуть... и при этом надо чтобы со всеми рисункаме работала функция onMouseOver, ну которую я описывал в другой теме ))

[s0rr0w]

гг ))

вот именно третий меня и интересует ))

два и без див-а помещаются в ячейке в одну строку без проблем. а вот третий надо к ним туда впихнуть... и при этом надо чтобы со всеми рисункаме работала функция onMouseOver, ну которую я описывал в другой теме ))

Дайте скриншот того, что вам надо сделать.

[arlek1n]

вот на этой картинке видно, где по одной картинке в ячейке, где по две, где по одной. при наведении курсора мыши на любую из картинок срабатывает функция.

п.с. за качество картенки извиняюсь.

[s0rr0w]

вот на этой картинке видно, где по одной картинке в ячейке, где по две, где по одной. при наведении курсора мыши на любую из картинок срабатывает функция.

п.с. за качество картенки извиняюсь.

Тю, так у вас фиксированный размер ячейки?

[arlek1n]

40х40

[s0rr0w]

40х40

position:absolute для каждой картинки, и установить им margin'ы соответствующие.

И все.

[arlek1n]

блин. в опере чета плоха отображается ((

картинки все смещаются ниже.

[user]

Может,я чего-то не понял,но чем float вам не нравится.

Edited December 19, 2008 by user

[s0rr0w]

блин. в опере чета плоха отображается ((

картинки все смещаются ниже.

Код, сестра, код!

[arlek1n]

.image_left
	 {
	 	position: absolute;
		margin-left: 1;
		margin-right: 1;
		margin-top: 1;
		margin-bottom: 1;
	 }

	 .image_center
	 {
	 	position: absolute;
		margin-left: 13;
		margin-right: 1;
		margin-top: 8;
		margin-bottom: 0;
	 }

	 .image_right
	 {
	 	position: absolute;
		margin-left: 23;
		margin-right: 1;
		margin-top: -5;
		margin-bottom: 10;
	 }

и картенки:

<td bgcolor="#92C9C9" style="border: 1px solid navy; border-width: 0px 0px 0px 0px; position: relative;" align="left"><img src='devils/thumbs/mrdptr.gif' border='0' class="image_left" onMouseOver="maroder_patrul(arguments[0], 1)" onMouseOut="close_opisanie)">																													 			  <img src='devils/thumbs/mrdrk.gif' border='0' class="image_center" onMouseOver="maroder_razved(arguments[0], 2)" onMouseOut="close_opisanie()">																														 			  <img src='devils/thumbs/mrdshn.gif' border='0' class="image_right" onMouseOver="maroder_shaman(arguments[0], 1)" onMouseOut="close_opisanie()"></td>

Может,я чего-то не понял,но чем float вам не нравится.

а это еще что за зверь ?!

примерчек мона ?.

Edited December 19, 2008 by arlek1n

[user]

Правда тут я не прав,он работает только по горизонтали.

http://www.htmlbook.ru/css/float.html

[s0rr0w]

А Опера какая?

[arlek1n]

9.52

обновил до 9.63 - тажа песня

[s0rr0w]

9.52

обновил до 9.63 - тажа песня

Итак, начнем с матчасти.

http://www.w3.org/TR/CSS21/visuren.html#choose-position

The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.

Бесполезно устанавливать position: relative для TD.

Какие типы юнитов можно использовать для описания смещения margin

http://www.w3.org/TR/CSS21/box.html#value-def-margin-width

margin-top: 1 - ошибочная запись. Если хотите использовать пиксели, то так и пишите: 1px

Да и вместо

margin-left: 13;

margin-right: 1;

margin-top: 8;

margin-bottom: 0;

Можно использовать

margin: 8px 1px 0px 13px;

[arlek1n]

1. position: relative для TD - убрал. изменений ноль.

2. мне удобнее читать вертикально и видеть какой именно отступ(сверху, слева и т.д.) я так понимаю, что это ни на что не влияет.

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

4. попробовал изменить ед измерения отступа. изменений ноль.

по поводу матчасти - блин. так ведь всё на нерусском языке ))

[s0rr0w]

1. position: relative для TD - убрал. изменений ноль.

2. мне удобнее читать вертикально и видеть какой именно отступ(сверху, слева и т.д.) я так понимаю, что это ни на что не влияет.

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

4. попробовал изменить ед измерения отступа. изменений ноль.

по поводу матчасти - блин. так ведь всё на нерусском языке ))

По поводу матчасти. Вас не напрягает то, что теги HTML - на нерусском языке, директивы css на нерусском языке? Учите языки.

Ни один перевод не сравнится с первоисточником.

Доктайп какой?

Вообще-то, лучше если вы нам подготовите готовый HTML, картинки можно заменить на пустые квадратики, и выложить все куда-то в виде zip архива.

Мои телепаты в отпуске, а пользоваться их оборудованием я не умею.

[arlek1n]

стоп. а сейчас телепаты зачем ?. ) док-тайп - пока НТМЛ, а потом будет встраиваться в шаблон.

[s0rr0w]

стоп. а сейчас телепаты зачем ?. ) док-тайп - пока НТМЛ, а потом будет встраиваться в шаблон.

Потому что у меня все превосходно работает. Теперь понятно зачем?

[arlek1n]

borunes.org/underground/devils.html

снова не так что-то сделал ?.

Edited December 22, 2008 by arlek1n

[e1f]

<td bgcolor="#92C9C9" style="border: 1px solid navy; border-width: 0px 0px 0px 0px; position: relative;" align="left">
<table width="100%"><tr><td align="left"><img src='mnogapif.jpg' border='0' class="image_left" onMouseOver="maroder_patrul(arguments[0], 1)" onMouseOut="close_opisanie)"></td>
<td align="right"><img src='devils/thumbs/mrdrk.gif' border='0' class="image_center" onMouseOver="maroder_razved(arguments[0], 2)" onMouseOut="close_opisanie()"></td></tr>
<tr><td colspan="2" align="center"><img src='dmnogapif.jpg' border='0' class="image_right" onMouseOver="maroder_shaman(arguments[0], 1)" onMouseOut="close_opisanie()"></td></tr></table></td>

так не подойдет?

Edited December 24, 2008 by e1f

[s0rr0w]

borunes.org/underground/devils.html

снова не так что-то сделал ?.

position: relative убрать

vertical-align: top; поставить

[arlek1n]

img src='mnogapif.jpg'

а это что за рисунок такой ?.