PDA

Показать полную графическую версию : CSS доступ к элементам


Dr.Dark
27-08-2009, 23:41
Здравствуйте. Помогите решить проблему. Как в CSS при наведении курсора на ячейку таблицы получить доступ к соседней ячейке?
Видел такой вариант
td:hover ul { display:block; }
но здесь осуществляется доступ к дочернему элементу тега <td>, а мне нужно получить доступ к элементу того же уровня (соседней ячейке).
Зараннее спасибо. :-)

Sham
28-08-2009, 01:52
td:hover + td{color: red;}

Dr.Dark
28-08-2009, 08:40
Неа... Чот не катит :(

Sham
28-08-2009, 14:17
DOCTYPE то есть?

Dr.Dark
28-08-2009, 20:49
О ц <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вот такой...

Sham
28-08-2009, 21:31
Работает (на ячейку справа). Конкретизируйте вопрос, и приведите фрагмент кода...

Dr.Dark
28-08-2009, 22:34
Извините... Я ошибся работает... Вот код...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Table</title>
</head>
<style type="text/css">
td:hover + td {color:Red}
</style>
<body>
<table border="1px" align="center" valign="middle" cellpadding="1px" cellspacing="0">
<tr><td>Cell1</td><td>Cell2</td><td>Cell3</td></tr>
<tr><td>Cell4</td><td>Cell5</td><td>Cell6</td></tr>
</table>
</body>
</html>

Но работает только для ячейки находящейся правее выбранной. Я не пойму что делать если нужно получить доступ к ячейке левее, к ячейке в другой строке, к объектам вне таблицы? И возможно ли это вообще средствами CSS?
P.S. Я создавал тему не чтобы решить какую-то конкретную проблему, а чтобы узнать на что способен CSS и как реализуется доступ к элементам...

Sham
29-08-2009, 00:04
что делать если нужно получить доступ к ячейке левее »
AFAIK такого селектора нет, и придется применять обходные пути или обозначать id элементов... зависит от конкретных задач...

материалов по CSS куча, и начать можно отсюда (http://ru.wikipedia.org/wiki/Каскадные_таблицы_стилей).




© OSzone.net 2001-2012