powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Размер фонового рисунка в ячейке таблицы!
8 сообщений из 8, страница 1 из 1
Размер фонового рисунка в ячейке таблицы!
    #36481118
IcyCool
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Поиск не помог, хотя миллионы подобных тем обсуждались :-)

Необходимо фоновый рисунок ячейки таблицы подогнать по размеру к размеру ячейки. Размер ячейки определяется автоматом исходя из текстового содержания.

Вообщето- нужно просто чтоб под текстом был фоновый рисунок, так что , буду также благодарен за другой способ - без фона ячейки, главное чтоб работало
...
Рейтинг: 0 / 0
Размер фонового рисунка в ячейке таблицы!
    #36481124
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
За последнее время встречаю уже наверное 5-ый подобный вопрос. Можно сделать на javascript, только зачем это надо? Непропорционально уменьшеный/увеличеный рисунок расплывётся в одном из направлений.
...
Рейтинг: 0 / 0
Размер фонового рисунка в ячейке таблицы!
    #36481206
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IcyCool,

Кто же знает что у Вас там за фоновый рисунок? Т.е., можно ли его сжимать-растягивать, или "размножать" или просто достаточно чтобы кусочек виден был?

И вообще, участники этого раздела форума постоянно, регулярно и настоятельно повторяют свою просьбу выкладывать примерчики, чтобы можно было запустить и подправить.
...
Рейтинг: 0 / 0
Размер фонового рисунка в ячейке таблицы!
    #36481221
Фотография Master4
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Это почти не реально.
Если вам нужно по центру или в logo разместить, тогда я думаю наилучшим вариантом будет
вывести картинку в её реальном размере, по бокам искажающую размытую часть можно чтоб для размножения, или заданный фон.
...
Рейтинг: 0 / 0
Размер фонового рисунка в ячейке таблицы!
    #36481302
IcyCool
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Рисунок можно сжимать/растягивать в любом направлении.
Фактически делается таблица выбора параметров. Когда пользователь кликает по параметру, фон меняется, показывая что выбрано. делать просто цвет как-то некрасиво :-)
...
Рейтинг: 0 / 0
Размер фонового рисунка в ячейке таблицы!
    #36481360
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IcyCoolРисунок можно сжимать/растягивать в любом направлении.
Фактически делается таблица выбора параметров. Когда пользователь кликает по параметру, фон меняется, показывая что выбрано. делать просто цвет как-то некрасиво :-)
Не хотите - как хотите.
...
Рейтинг: 0 / 0
Размер фонового рисунка в ячейке таблицы!
    #36481366
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код могу скинуть, но лучше вам понять бессмысленность данной затеи (привязки контента к рисунку).
...
Рейтинг: 0 / 0
Размер фонового рисунка в ячейке таблицы!
    #36481374
neznau
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IcyCoolРисунок можно сжимать/растягивать в любом направлении.
Фактически делается таблица выбора параметров. Когда пользователь кликает по параметру, фон меняется, показывая что выбрано. делать просто цвет как-то некрасиво :-)
1. рисуете таблицу с ячейками;
2. при клике по ячейке заполняете innerHTML фонового дива рисунком "на лету" (в примере рисунок уже в диве);
3. по размерам ячейки подгоняете размер картинки. дивам можно выставить width и height в 100%, чтобы заполнили всю ячейку;

наверно, я бы как-то так сделал...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<html><head></head><body>
<script type="text/javascript">
	function resize(k) {
		var img=document.getElementById('img');
		var width=img.width;
		var height=img.height;
		k=k- 0 ;
		img.style.width=width*(k);
		img.style.height=height*(k);
	}
</script>

<input type="text" name="coef" id="coef" value="0.5"/>
<input type="button" value="resize" onclick="resize(document.getElementById('coef').value);"/>

<!-- Фон вашей ячейки с параметром -->
<div id="div1" style="z-index:100;width:0;height:0;display: block;position:absolute;top:50;left:50;" >
<img id="img" src="mainpic.gif" align="center"  onLoad="//imgchange(this)" />
</div>
<!-- Сам параметр -->
<div id="div2" style="z-index:200;position:absolute;top:50;left:50;width:100px;height:20px;">Содержимое ячейки</div>
</body></html>


ps: идея взята отсюда

pps: проверял этот код на firefox, ie7, safari, netscape, opera,chrome, вроде работает :)
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Размер фонового рисунка в ячейке таблицы!
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]