a{text-decoration:none;}
img {border:none;}
Рамки и подчеркивания на ссылках
Как убирать рамки вокруг картинок-ссылок, и подчеркивания текста-ссылки?
Цитата: Kenku
Как убирать рамки вокруг картинок-ссылок, и подчеркивания текста-ссылки?
:D
[html]
<style>
a {
text-decoration: none;
}
</style>
<img border="0">
[/html]
:D :D
Или [HTML]img{border-width:0;}[/HTML]
Коллеги, на счет картинок вы все не правы, поскольку зачем убирать бордер у обычных картинок (не ссылок) :D :D :D
Код:
a img {
border: none;
}
border: none;
}
я в общем привел примеры :rolleyes:
Цитата: Tokolist
Коллеги, на счет картинок вы все не правы, поскольку зачем убирать бордер у обычных картинок (не ссылок)
Код:
a img {
border: none;
}
border: none;
}
если мне правильно помнится, то в IE есть такая опция "Показывать рамки рисунков".... или она показывает рамки img только в ссылках? :confused:
Цитата: Tokolist
Коллеги, на счет картинок вы все не правы, поскольку зачем убирать бордер у обычных картинок (не ссылок) :D :D :D
Расскажи в чем сакральный смысл рамок картинок, если это не входит в дизайнерскую задумку?
Цитата: Тень Пса
я в общем привел примеры :rolleyes:
если мне правильно помнится, то в IE есть такая опция "Показывать рамки рисунков".... или она показывает рамки img только в ссылках? :confused:
если мне правильно помнится, то в IE есть такая опция "Показывать рамки рисунков".... или она показывает рамки img только в ссылках? :confused:
Она показывает рамки рисунков в том случае, когда они не загрузились.
А по теме: действительно лучше всего сделать так:
Код:
a { text-decoration: none; }
a img { border: none; }
a img { border: none; }
Тогда уж так:
Код:
a.image { text-decoration: none; }
a.image img { border: none; }
a.image img { border: none; }
А зачем? Для однозначной идентификации ссылки-картинки хватит и 2 селекторов "a img", т.к. любая картинка внутри элемента "a" будет ссылкой.
Цитата: e1vin
А зачем? Для однозначной идентификации ссылки-картинки хватит и 2 селекторов "a img", т.к. любая картинка внутри элемента "a" будет ссылкой.
Всё правильно Carpus написал - я могу и не для всех ссылок убирать рамки, а только для некоторых. И уж коли строите из себя педанта - то уж стройте до конца ;)
Ну вобщем это была в некотором роде шутка (я аж три смайла поставил :) ) Но в каждой шутке есть доля правды :)
Смотрите по умолчанию к картинкам рамки не добавляются, тогда зачем их убирать? Более того в Опере по умолчанию бордер не появляется даже вокруг картинок, которые находятся в теге <a>.
Тут прозвучало что в ИЕ есть опция по добавлению рамок (хотя это не совсем так см. F1 в "свойствах обозревателя" :) ). Но даже если и было бы так, то логично предположить, что юзверь поставил там галочку, поскольку он предпочитает видеть рамочку, значит ему так удобней и дизайнер ИМХО не имеет права это запретить и браузер это ему не даст. Кстати такую вещь можно сделать юзерскими стилями в Опере.
Но вернемся к нашим ба... тоесть картинкам. Конечно мы можем сделать так
а потом, если нам вдруг понадобится чтобы где-то рамка появлялась
тоесть свойство затрет предыдущее, поскольку класс описан ниже. Но я считаю такое плохим стилем.
Лучше всего действительно, как уже было сказано, вводить отдельный клас и применять его там где рамки не нужны или наоборот.
Только классу надо давать название пологичней, типа noborder :)
Смотрите по умолчанию к картинкам рамки не добавляются, тогда зачем их убирать? Более того в Опере по умолчанию бордер не появляется даже вокруг картинок, которые находятся в теге <a>.
Тут прозвучало что в ИЕ есть опция по добавлению рамок (хотя это не совсем так см. F1 в "свойствах обозревателя" :) ). Но даже если и было бы так, то логично предположить, что юзверь поставил там галочку, поскольку он предпочитает видеть рамочку, значит ему так удобней и дизайнер ИМХО не имеет права это запретить и браузер это ему не даст. Кстати такую вещь можно сделать юзерскими стилями в Опере.
Но вернемся к нашим ба... тоесть картинкам. Конечно мы можем сделать так
Код:
img {
border: none;
}
border: none;
}
а потом, если нам вдруг понадобится чтобы где-то рамка появлялась
Код:
.hasbrd {
border: 1px solid black;
}
border: 1px solid black;
}
тоесть свойство затрет предыдущее, поскольку класс описан ниже. Но я считаю такое плохим стилем.
Лучше всего действительно, как уже было сказано, вводить отдельный клас и применять его там где рамки не нужны или наоборот.
Только классу надо давать название пологичней, типа noborder :)