Как растянуть картинку?

Евгений_74 · February 4, 2008

Подскажите как растянуть картинку по ячейке таблицы?

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

guvatara · February 4, 2008

вам нужно чтоб она повторялась или чтоб она растянулась? Самое простое это просто поставить размеры которые нужно самому изображению

Scrum · February 4, 2008

Скорее нужно что бы повторялась, background: url() repeat-y;

Vlad · February 5, 2008

Поставь width="200" height="100%" в теге IMG.

Евгений_74 · February 7, 2008

Поставь width="200" height="100%" в теге IMG.

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

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

Кстати, почему в программе Nvu все нормально отображается, а открываю в Explorer, то сплошные косяки?

guvatara · February 7, 2008

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

<td valign="top"> </td>

Евгений_74 · February 14, 2008

Подскажите как сделать толщину рамки таблицы очень тонкой - 1 пиксель, при border="1" у меня получается толщиной два пикселя.

Mordraug · February 14, 2008

Пример таблицы с рамкой в 1 пиксель:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<title>таблица с рамкой 1px</title>
		<style type="text/css">
			.table_main {
				border-collapse:collapse;
				}

			.table_main td {
				border:1px solid #000;
				}
		</style>
	</head>
	<body>

		<table class="table_main">
			<tr>
				<td>Ячейка 1</td>
				<td>Ячейка 2</td>
				<td>Ячейка 3</td>
				<td>Ячейка 4</td>
				<td>Ячейка 5</td>
			</tr>
		</table>



	</body>
</html>

Так же настоятельно рекомендую ознакомиться с разделом Рецепты

Sign In

Как растянуть картинку?

Question

Евгений_74

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

guvatara

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Евгений_74

Link to comment

Share on other sites

guvatara

Link to comment

Share on other sites

Евгений_74

Link to comment

Share on other sites

Mordraug

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information