Форум

Blizzart · #1 (**permalink**) 16.01.2011, 21:39

Подскажите, пожалуйста, почему когда я пишу:

style=" border: 10px solid; border-color: #000000 transparent;"

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

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

Amphiluke · #2 (**permalink**) 16.01.2011, 22:15

<!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>Untitled Document</title>
<style type="text/css">
	.td_brd {
		border: 10px solid transparent;
	}
	.td_brd:hover {
		border-color:#000;
	}
</style>
</head>

<body>
	<table>
		<tr>
			<td>ddf</td>
			<td>ddf</td>
			<td>ddf</td>
		</tr>
		<tr>
			<td>ddf</td>
			<td class="td_brd">ddf</td>
			<td>ddf</td>
		</tr>
		<tr>
			<td>ddf</td>
			<td>ddf</td>
			<td>ddf</td>
		</tr>
	</table>
</body>
</html>

Какой вы используете border-collapse?

ksa · #3 (**permalink**) 16.01.2011, 22:24

Blizzart, делай полные примеры как Amphiluke...

monolithed · #4 (**permalink**) 16.01.2011, 23:03

Blizzart, Amphiluke на всякий)))

IE6 не поддерживает значение transparent для border и заливает черным это пространство!
Поэтому для него есть особый путь (или залить фоном):

*html .div {/* либо через условные комментарии подключить */
   border-color: pink;
   filter: chroma(color=pink);
}

Blizzart · #5 (**permalink**) 16.01.2011, 23:06

Amphiluke,
Спасибо, за точные идеи.

даже бордер надо делать не как я хотел на img.
Проблема была в том, что изначально я пытался применить это ко всей таблице, у меня не получалось, я поставил цвет, копировал этот стиль на все ячейки, с цветом оказывается тоже не работает + еще в стилях было прописано ко всем td цвет. в общем намудрил

Форум

Справочник

Discord чат

Курсы javascript