td border: transparent со всех сторон
Подскажите, пожалуйста, почему когда я пишу:
style=" border: 10px solid; border-color: #000000 transparent;" граница делается прозрачной только слева и справа ячейки. указание стиля к каждой из сторон не помогает, с tr тоже не проходит. :( Я пытаюсь сделать таблицу в которой при наведение на картинку вокруг картинки появлялся border, но это сдвигает все остальные ячейки и получается, что таблица дергается. Вот я и хотел сделать прозрачный border вокруг td, чтобы увеличить расстояние между ячейками. |
<!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? |
Blizzart, делай полные примеры как Amphiluke...
|
Blizzart, Amphiluke на всякий)))
IE6 не поддерживает значение transparent для border и заливает черным это пространство! Поэтому для него есть особый путь (или залить фоном):
*html .div {/* либо через условные комментарии подключить */
border-color: pink;
filter: chroma(color=pink);
}
|
Amphiluke,
Спасибо, за точные идеи. ;) даже бордер надо делать не как я хотел на img. Проблема была в том, что изначально я пытался применить это ко всей таблице, у меня не получалось, я поставил цвет, копировал этот стиль на все ячейки, с цветом оказывается тоже не работает + еще в стилях было прописано ко всем td цвет. в общем намудрил |
| Часовой пояс GMT +3, время: 12:42. |