Люблю на рояле
С нами с 22.08.06
Сообщения: 765
Рейтинг: 282
|
 Добавлено: 24/07/07 в 16:07 |
Хочу сделать чтобы при наведении мыши вокруг тумбы появлялась рамка. Сделал так:
.img {
BORDER: 1px solid #FFFFFF;}
A:hover .img {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid}
img - это класс у тумб.
В итоге работает в Опере - в IE не работает. В IE появляеться рамка когда я кликаю на тумбу - а когда навожу на нее курсор - ничего.
Как сделать чтобы работало в IE корректно?
|
|
|
|
| |
С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753
|
| Добавлено: 24/07/07 в 16:37 |
какой ИЕ,он еще сцуко разный бывает и по разному выёбываеца
|
|
|
|
| |
С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753
|
| Добавлено: 24/07/07 в 16:48 |
самый гадкий это 6
вот так должно по любому работать
создаешь стиль для таблицы или для дива в котором у тебя тумбы,к примеру
.thumbs1 {width: 1000px;}
и прописываешь уже стиль к имаджам
.thumbs1 a:link img {border: 1px solid #000;}
.thumbs1 a:visited img {border: 1px solid #000;}
.thumbs1 a:hover img { border: 1px solid #FFF;}
.thumbs1 a:active img { border: 1px solid #000;}
думаю смысл понятен
|
|
|
|
| |
Люблю на рояле
С нами с 22.08.06
Сообщения: 765
Рейтинг: 282
|
| Добавлено: 24/07/07 в 17:21 |
| Vigo писал: |
.thumbs1 {width: 1000px;}
и прописываешь уже стиль к имаджам
.thumbs1 a:link img {border: 1px solid #000;}
.thumbs1 a:visited img {border: 1px solid #000;}
.thumbs1 a:hover img { border: 1px solid #FFF;}
.thumbs1 a:active img { border: 1px solid #000;}
|
Спасибо что ответил. Сделал как ты сказал - по прежнему работает в Опере в IE 6 - не хочет сука.
|
|
|
|
| |
С нами с 15.06.07
Сообщения: 305
Рейтинг: 295
|
| Добавлено: 24/07/07 в 17:36 |
Последний раз редактировалось: NxJbPzyJ (10/05/15 в 18:19), всего редактировалось 1 раз
|
|
|
|
| |
Люблю на рояле
С нами с 22.08.06
Сообщения: 765
Рейтинг: 282
|
| Добавлено: 24/07/07 в 17:52 |
| Alis A писал: | | подругому через css по-моему никак |
Вот нашел в сети сайт - тут все замечательно работает - http://feet.orgasmania.org/
Но так как я в css не очень рублю, то даже ума не хватает понять, как там сделано, что IE понимает у меня все.
|
|
|
|
| |
С нами с 15.06.07
Сообщения: 305
Рейтинг: 295
|
| Добавлено: 24/07/07 в 18:00 |
Последний раз редактировалось: NxJbPzyJ (10/05/15 в 18:19), всего редактировалось 1 раз
|
|
|
|
| |
С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753
|
| Добавлено: 24/07/07 в 18:01 |
ты покажи свой пример что ты там сделал
|
|
|
|
| |
С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753
|
| Добавлено: 24/07/07 в 18:03 |
там создан стиль class=tmbt и он прописан к каждой ссылке,это не есть гуд
|
|
|
|
| |
Бородатый художник
С нами с 13.09.04
Сообщения: 5761
Рейтинг: 4818
|
| Добавлено: 24/07/07 в 18:05 |
| Vigo писал: | | там создан стиль class=tmbt и он прописан к каждой ссылке,это не есть гуд |
если работает - то гуд. Если нет подругому то не гуд.
Почему у него не гуд? 
|
|
|
|
| |
С нами с 15.06.07
Сообщения: 305
Рейтинг: 295
|
| Добавлено: 24/07/07 в 18:12 |
Последний раз редактировалось: NxJbPzyJ (10/05/15 в 18:19), всего редактировалось 1 раз
|
|
|
|
| |
Люблю на рояле
С нами с 22.08.06
Сообщения: 765
Рейтинг: 282
|
| Добавлено: 24/07/07 в 18:53 |
| Vigo писал: | | ты покажи свой пример что ты там сделал |
<style type="text/css">
<!--
.tmb1 {width: 1000px;}
.tmb1 img {border: 1px outset #990000;}
.tmb1 a:link img {border: 1px solid #CCC;}
.tmb1 a:visited img {border: 1px solid #AAA;}
.tmb1 a:hover img { border: 1px solid #FFF;}
.tmb1 a:active img { border: 1px solid #BBB;}
-->
</style>
</head>
<body>
<table width="200" border="0" class="tmb1">
<tr>
<TD class=tmb1 align=middle><a href="http://www.google.com/"><img src="02.jpg" width="112" height="142" border="0" class="img" /></a></td>
</tr>
</table>
====
Не работает.
|
|
|
|
| |
♥♥♥
С нами с 28.08.04
Сообщения: 7098
Рейтинг: 5671
|
| Добавлено: 24/07/07 в 19:20 |
.ths A:link IMG { BORDER: #цветфона1px solid;}
.ths A:hover IMG { BORDER: #A01F0D 1px dashed;}
и потом class=ths хоть в таблицу хоть в линку
как вариант
это если чтобы только когда наводишь рамка
ну и соответсвенно если всчегда рамка - то не цветом фона делаешь
|
|
|
|
| |
С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753
|
| Добавлено: 24/07/07 в 21:27 |
| tasteart писал: | если работает - то гуд. Если нет подругому то не гуд.
Почему у него не гуд? |
да потому что кода больше, к каждой ссылке прописать стиль! зачем такой гимор,когда и по другому можно сделать
|
|
|
|
| |
С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753
|
| Добавлено: 24/07/07 в 21:31 |
| shistik писал: | <style type="text/css">
<!--
.tmb1 {width: 1000px;}
.tmb1 img {border: 1px outset #990000;}
.tmb1 a:link img {border: 1px solid #CCC;}
.tmb1 a:visited img {border: 1px solid #AAA;}
.tmb1 a:hover img { border: 1px solid #FFF;}
.tmb1 a:active img { border: 1px solid #BBB;}
-->
</style>
</head>
<body>
<table width="200" border="0" class="tmb1">
<tr>
<TD class=tmb1 align=middle><a href="http://www.google.com/"><img src="02.jpg" width="112" height="142" border="0" class="img" /></a></td>
</tr>
</table>
====
Не работает. |
а если так
<div class="tmb1">
<a href="http://www.google.com/"><img src="02.jpg" width="112" height="142" border="0 /></a>
</div>
|
|
|
|
| |
С нами с 11.04.07
Сообщения: 137
Рейтинг: 28
|
| Добавлено: 24/07/07 в 21:39 |
<style type="text/css" media="screen"><!--
a:link img { border: solid 0px #B5B5B5 }
a:hover img { border: solid 1px #FFFFFF }
--></style>
ХЗ, работает в 6ie.
|
|
|
|
| |
С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753
|
| Добавлено: 24/07/07 в 21:59 |
да вот в том то и засада,что в офисе у меня стоит ие6,там работает этот код, сщас дома поставил ИЕ6 standalone -не хочет!
вывод один ИЕ6 в топку
|
|
|
|
| |
С нами с 30.11.03
Сообщения: 1223
Рейтинг: 753
|
| Добавлено: 24/07/07 в 22:19 |
|
|
|
|
| |
С нами с 06.06.07
Сообщения: 39
Рейтинг: 4
|
| Добавлено: 17/08/07 в 21:27 |
У меня совет простой. Во первых старайся в стилях не употреблять заглавные буквы, а особенно комбинировать с строчными. Во вторых динозавр ИЕ6 настолько капризный, что иногда нужно просто удалить несколько строк стилей вписать их по новой и все работает. В третьих посмотри нет ли у тебя наследирования дгето выше, иногда ставишь в самом начале a:hover {border-styly: none;} или
img {border-styly: none;}
и потом готов комп размочить не в понятках забыв об этом!
В четвертых может быть проблема в приоритетах тоже посмотри.
Удачи.
|
|
|
|
| |
+ + +
С нами с 27.07.07
Сообщения: 143
Рейтинг: 69
|
| Добавлено: 18/08/07 в 19:59 |
По сабжу:
.thumb {....................}
:hover .thumb {.............}
Работает в ИЕ и лисе.. в опере не проверял...
------
| Denis-PL писал: |
Во вторых динозавр ИЕ6 настолько капризный, что иногда нужно просто удалить несколько строк стилей вписать их по новой и все работает. |
Я тоже немножко пожалуйюсь на ИЕ6
этот динозавр у меня реагировал на такие пробелы: <td>...</td>пробел<td>...</td>
также, очень не любит rowspan
и сцуко ненавидит png
|
|
|
|
| |
