Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Вопрос по CSS и IE
цитата
24/07/07 в 16:07
 shistik
Хочу сделать чтобы при наведении мыши вокруг тумбы появлялась рамка. Сделал так:
.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 корректно?
цитата
24/07/07 в 16:37
 Vigo
какой ИЕ,он еще сцуко разный бывает и по разному выёбываеца
цитата
24/07/07 в 16:48
 Vigo
самый гадкий это 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;}

думаю смысл понятен
цитата
24/07/07 в 17:21
 shistik
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 - не хочет сука.
цитата
24/07/07 в 17:36
 NxJbPzyJ


Последний раз редактировалось: NxJbPzyJ (10/05/15 в 18:19), всего редактировалось 1 раз
цитата
24/07/07 в 17:52
 shistik
Alis A писал:
подругому через css по-моему никак

Вот нашел в сети сайт - тут все замечательно работает - http://feet.orgasmania.org/
Но так как я в css не очень рублю, то даже ума не хватает понять, как там сделано, что IE понимает у меня все.
цитата
24/07/07 в 18:00
 NxJbPzyJ


Последний раз редактировалось: NxJbPzyJ (10/05/15 в 18:19), всего редактировалось 1 раз
цитата
24/07/07 в 18:01
 Vigo
ты покажи свой пример что ты там сделал
цитата
24/07/07 в 18:03
 Vigo
Alis A писал:
http://feet.orgasmania.org/style.css - его css icon_smile.gif


там создан стиль class=tmbt и он прописан к каждой ссылке,это не есть гуд
цитата
24/07/07 в 18:05
 tasteart
Vigo писал:
там создан стиль class=tmbt и он прописан к каждой ссылке,это не есть гуд

если работает - то гуд. Если нет подругому то не гуд.
Почему у него не гуд? icon_smile.gif
цитата
24/07/07 в 18:12
 NxJbPzyJ


Последний раз редактировалось: NxJbPzyJ (10/05/15 в 18:19), всего редактировалось 1 раз
цитата
24/07/07 в 18:53
 shistik
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>
====
Не работает.
цитата
24/07/07 в 19:20
 Kn
.ths A:link IMG { BORDER: #цветфона1px solid;}
.ths A:hover IMG { BORDER: #A01F0D 1px dashed;}

и потом class=ths хоть в таблицу хоть в линку

как вариант icon_smile.gif

это если чтобы только когда наводишь рамка
ну и соответсвенно если всчегда рамка - то не цветом фона делаешь
цитата
24/07/07 в 21:27
 Vigo
tasteart писал:
если работает - то гуд. Если нет подругому то не гуд.
Почему у него не гуд? icon_smile.gif

да потому что кода больше, к каждой ссылке прописать стиль! зачем такой гимор,когда и по другому можно сделать
цитата
24/07/07 в 21:31
 Vigo
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>
цитата
24/07/07 в 21:39
 Monsterbot!
<style type="text/css" media="screen"><!--
a:link img { border: solid 0px #B5B5B5 }
a:hover img { border: solid 1px #FFFFFF }
--></style>
ХЗ, работает в 6ie.
цитата
24/07/07 в 21:59
 Vigo
да вот в том то и засада,что в офисе у меня стоит ие6,там работает этот код, сщас дома поставил ИЕ6 standalone -не хочет!
вывод один ИЕ6 в топку
цитата
24/07/07 в 22:19
 Vigo
вот один из способов,работает проверено
http://sorx.com/design/dd.html
цитата
17/08/07 в 21:27
 Denis-PL
У меня совет простой. Во первых старайся в стилях не употреблять заглавные буквы, а особенно комбинировать с строчными. Во вторых динозавр ИЕ6 настолько капризный, что иногда нужно просто удалить несколько строк стилей вписать их по новой и все работает. В третьих посмотри нет ли у тебя наследирования дгето выше, иногда ставишь в самом начале a:hover {border-styly: none;} или
img {border-styly: none;}
и потом готов комп размочить не в понятках забыв об этом!
В четвертых может быть проблема в приоритетах тоже посмотри.
Удачи.
цитата
18/08/07 в 19:59
 _Q_
По сабжу:
.thumb {....................}
:hover .thumb {.............}

Работает в ИЕ и лисе.. в опере не проверял...


------
Denis-PL писал:

Во вторых динозавр ИЕ6 настолько капризный, что иногда нужно просто удалить несколько строк стилей вписать их по новой и все работает.

Я тоже немножко пожалуйюсь на ИЕ6
этот динозавр у меня реагировал на такие пробелы: <td>...</td>пробел<td>...</td>
также, очень не любит rowspan
и сцуко ненавидит png


Эта страница в полной версии