Форум Сайтостроение Веб-строительство

Как в IE делается рамка для картинки-ссылки?

12
Klopopryg
На сайте с 29.12.2004
Offline
344
Klopopryg
1311

В Лисе замечательно появляется рамка у каждого пункта при наведении (среднее меню)

http://www.forpool.ru/

[ATTACH]88119[/ATTACH]

А в IE и опере эта рамка стоит уже сразу и при наведении ничего не происходит.

[ATTACH]88121[/ATTACH]

Как сделать чтобы в IE голубая рамка у пункта меню появлялась при наведении, как Лисе?

jpg raasas-1.jpg
jpg ieeeeeee3421.jpg
Лучше выстрелить, перезарядить и еще раз выстрелить, чем светить фонариком и спрашивать - "кто тут?"
RO
На сайте с 13.07.2009
Offline
88
RedOK
#1

не знаю как в ie но в опере (11.01 [1190]) все так же как и показано на картинке.

Klopopryg
На сайте с 29.12.2004
Offline
344
Klopopryg
#2
RedOK:
не знаю как в ie но в опере (11.01 [1190]) все так же как и показано на картинке.

На первой (как в лисе) или как в IE?

Geers
На сайте с 12.04.2011
Offline
487
Geers
#3

Присваиваете к image class, например <div class="img">

В css прописываете:

.img {

border: 1px solid #000000;

padding: 2px;

}

#000000 - это цвет

padding: 2px; - это отступ от картинки со всех сторон

1px solid - это толщина рамки

S0
На сайте с 20.11.2010
Offline
32
snk001
#4

Все гораздо проще. В вашем CSS допишите пару строк с описанием рамки: 


.menu-m a:link {	

text-decoration: none;

color:#ffffff;

font-size: 16px;

  border: solid 3px silver;

}

.menu-m a:hover {

text-decoration: none;

color:#6CBEF0;

font-size: 16px;

  border: solid 3px blue;

}

Вместо solid 3px blue/silver укажите что надо.

zaka4ek
На сайте с 24.03.2007
Offline
209
zaka4ek
#5

Klopopryg, У меня в 4 лисе нет рамки

Продвигай с умом Sape (http://www.sape.ru/r.yoJRtSiZZR.php) Продвигай с умом Gogetlinks (https://gogetlinks.net/?inv=sya7n2)
Geers
На сайте с 12.04.2011
Offline
487
Geers
#6
zaka4ek:
Klopopryg, У меня в 4 лисе нет рамки

У меня также в 4-ой лисе нет рамки.

Klopopryg
На сайте с 29.12.2004
Offline
344
Klopopryg
#7
snk001:
Все гораздо проще. В вашем CSS допишите пару строк с описанием рамки: 

.menu-m a:link {	

text-decoration: none;

color:#ffffff;

font-size: 16px;

  border: solid 3px silver;

}

.menu-m a:hover {

text-decoration: none;

color:#6CBEF0;

font-size: 16px;

  border: solid 3px blue;

}

Вместо solid 3px blue/silver укажите что надо.

Сделал, в ИЕ помогло, а вот в лисе появилась какая-то скобка... как теперь ее убрать?

[ATTACH]88135[/ATTACH]

jpg raasas-12.jpg
Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#8

Klopopryg, попробуй заменить

.menu-m a:link {
text-decoration: none;
color:#ffffff;
border: solid 2px #ffffff;
}
.menu-m a:hover {
text-decoration: none;
color:#6CBEF0;
border: solid 2px #6CBEF0;
}

на

.menu-m a:link {
text-decoration: none;
color:#ffffff;
border: solid 2px #ffffff;
display:block;
margin:0;
padding:0;
width:178px;
height:39px;
}
.menu-m a:hover {
text-decoration: none;
color:#6CBEF0;
border: solid 2px #6CBEF0;
}
//TODO: перестать откладывать на потом
Klopopryg
На сайте с 29.12.2004
Offline
344
Klopopryg
#9

все-равно она получается какая-то однобокая, с одной стороны толщина нормальная, а с другой очень толстая :(

Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#10

покажи скрин, у меня ие нет, а в хроме нормально

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий