border в ie и mozilla

5

HealMag

30 ноября 2010, 00:30

1220

Доброй ночи уважаемые форумчане, надеюсь я в нужный раздел пишу.

Верстаю первый сайт, встретился с проблемой отображения картинок-ссылок, что бы не было рамки вокруг изображения в мозиле я выставил в css

color:#FFF;

но ie это не понял и на этом форуме я выискал команду

border: 0;

она убирает рамку в ie, но при этом в мозиле дизайн съезжает на 2px вверх.

свёрстано на дивах

<div id="logo">

<img id="search" src="img/search.gif" align="right" />

<a href="index.html"><img id="logo" src="img/logo.gif" /></a>

</div>


img#logo {

    padding: 13px 25px;

    color:#FFF;

    border: 0;

}



img#search {

    padding: 27px 60px 0;

    color:#FFF;

}

буду очень признателен за наводку)

29

ParserYa

30 ноября 2010, 06:43

#1

Есть такая полезная вещь - хаки CSS. Попробуйте для ИЕ воспользоваться *html img#logo - будет означать, что свойство только для ИЕ.

То есть выставляете высоту как вам надо,например height:50px; border:0;

Далее пишите *html ваш_див {height: 48px}

Googlebot сканирует и индексирует Оптимизация плавающих фреймов для Как повысить видимость контента

C

291

Chukcha

30 ноября 2010, 07:56

#2


<div id="logo">
<img id="search" src="img/search.gif" align="right" />
<a href="index.html"><img id="logo" src="img/logo.gif" /></a>

!!! id в html коде должно быть ОДНО!!!

239

Ragnarok

30 ноября 2010, 09:33

#3

чтобы выглядело как можно одинаковее, сбрось основные установки, как минимум

margin:0;

//TODO: перестать откладывать на потом

29

ParserYa

30 ноября 2010, 09:36

#4

Chukcha:
!!! id в html коде должно быть ОДНО!!!

Кстати да.. Не заметил..

ТС, если вы хотите использовать одни и те же свойства для нескольких тегов, применяйте class="Название класса", вместо id="Уникальный идентификатор". В CSS обращаться в виде:


.Название класса

A2

52

asmakovec2

30 ноября 2010, 09:53

#5

вообще-то color:#FFF; не имеет никакого отношения к рамке, color: - это цвет шрифта.

и ещё в стилях нужно сбросить параметры

* {
margin:0;
padding:0;
}

img, a img,:link img,:visited img,:hover img {
border:none; 
outline:none;
}

HM

5

HealMag

1 декабря 2010, 22:00

#6

не помогло, но спасибо за наводку, теперь всё работает, там код вообще смешной показать стыдно) первый опыт всё таки)

GE

3

GrigorEAM

1 декабря 2010, 23:15

#7

И на заметку, хотя и оффтопик но думаю поможет так как вы сказали что только начинаете. Не советую использовать такие вещи: img#search, лучше просто #search, так быстрее срисовывается.

G

101

GSMtricks

2 декабря 2010, 15:43

#8

А почему проще не сделать? <img src=...... border="0"> и все

Продажа сайтов (/ru/forum/866932) под Amazon и AdSense

O

195

ortegas

2 декабря 2010, 16:27

#9

outline: none; overflow: none; border: 0;

Переиграть и победить: как анализировать конкурентов для продвижения сайта

VK приобрела 70% в структуре компании-разработчика red_mad_robot