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

Помогите, опять у IE с css траблы..

12
daykkin
На сайте с 10.04.2007
Offline
100
daykkin
949

Хотя возможно это я мало-знающий.. Но по факту.. Есть конкретная цель, Подставить к рисунку-ссылке (меню навигации на картинках) левый бордер с толщиной в 5 пикселей и меняющимся цветом при попадании курсора на картинку.. Час я мучался, в итоге победил (как я наивно полагал).. В css прописал класс

.img a {
  color: #ED6803;
}
.img a:hover {
  color: #5E77FE;
}

И саму картинку вывожу вот так

<div class="img"><a href="#"><img src="{THEME}/images/sat.gif" style="border-bottom: none; border-top: none; border-right: none; border-left: 5px; border-left-style: solid;"></a>

В FF и Опере это чудо работает.. В IE 6,7 как выяснилось позже - нет.. Слева выводит 5-и пиксельный надоедливо синий бордер, и меняется его свет на дефолтно-красноватый только после нажатия.. Вообщем как стандартная ссылка без класса.. Как быть? А надо очень.. Проект через 4 дня сдавать..

Hakuna Matata! What a wonderful phrase. Hakuna Matata! Ain't no passing craze. It means no worries for the rest of your days, It's our problem-free, philosophy, Hakuna Matata! :)
MX
На сайте с 12.08.2007
Offline
22
MrX
#1

куда ж вам проект сдавать с такими знаниями?

color меняет цвет шрифта а не бордера.

Анонимный минус в репу это аргумент для неучей (подсмотрено у Бармалейкина)
ixRock
На сайте с 14.11.2006
Offline
46
ixRock
#2 

<style type="text/css">

	a.img {

		padding:1px;

		display:table-cell;

	}

	a.img:hover {

	 	padding:0;

	 	border:1px solid gray;

	}

</style>

<a href="#" class="img"><img src="1.png" alt="" border="0"></a>

http://ixrock.net/work/trash/1.html

Работаю [S]за еду и секас[/S] с XHTML, CSS, XSLT, JS, PHP. Если что, вот тут (http://www.mintdesign.ru/) некоторые мои работы. Контакты: ася 344-ноль86-276, мыло ixrock@gmail.com
Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#3 


.img a img {
  border-width: 0px 0px 0px 5px;
  border-style: solid;
  border-color: #ED6803;
}
.img a:hover img {
  border-color: #5E77FE;
}

<div class="img"><a href="#"><img src="{THEME}/images/sat.gif"></a></div>
ixRock:
display:table;

Легких путей не ищете :)

ixRock
На сайте с 14.11.2006
Offline
46
ixRock
#4
Kolyaj:
Легких путей не ищете :)

Вы вообще тестите чтонибудь перед тем как запостить? Ваш код не пашет в Опере и ФФ (бордер слева не на всю высоту картинки, а только на высоту font-size), Opera 9.2, FF 2.0.0.4

daykkin
На сайте с 10.04.2007
Offline
100
daykkin
#5
Kolyaj:
Легких путей не ищете :)

Да да, так я делал в самом начале, и как писалось выше, бордер был по высоте шрифта, не более..

daykkin добавил 29.01.2008 в 11:09

MrX:
куда ж вам проект сдавать с такими знаниями?

color меняет цвет шрифта а не бордера.

Я не волшебник, я только учусь и как бы там ни было в FF и Опере это чудо работает..

Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#6
ixRock:
Вы вообще тестите чтонибудь перед тем как запостить?

Не всегда. Поправил.

MX
На сайте с 12.08.2007
Offline
22
MrX
#7
и как бы там ни было в FF и Опере это чудо работает

и как бы это чудо не работало в FF и Опере, есть IE (самый используемый браузер, он же самый глюкавый)

а менять color'ом цвет бордера - это наверное новое направление, и мне его не понять :)

daykkin
На сайте с 10.04.2007
Offline
100
daykkin
#8
ixRock:
http://ixrock.net/work/trash/1.html

Ваша версия работает отлично, особено в IE, а вот в FF почему то бордер с картинкой уходят в лево на 1-2 пикселя, а если учесть что они стояли впритык к границе таблицы, то сейчас это выглядит отвратительно, не подскажете как профиксить? сделал вот так..

a.img {
  padding: 0px;
  display: table;
  border-left: 5px solid #ED6803;
}
a.img:hover {
  border-left: 5px solid #5E77FE;
}

daykkin добавил 29.01.2008 в 11:20

MrX:
и как бы это чудо не работало в FF и Опере, есть IE (самый используемый браузер, он же самый глюкавый)

а менять color'ом цвет бордера - это наверное новое направление, и мне его не понять :)

Признаю, я на самом деле чубака в css.. Я только учусь..

Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#9

daykkin, в своем сообщении выше я поправил пост, код рабочий.

daykkin
На сайте с 10.04.2007
Offline
100
daykkin
#10
Kolyaj:
daykkin, в своем сообщении выше я поправил пост, код рабочий.

Хммм.. Вставил, вывел как показано у Вас.. В итоге бордер по всей картинке.. В фф, опере работает смена цвета (опять же по всей).. В ие как и было раньше - нет..

12

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