Стили для Mozilla Firefox
Релиб
Форумы       Участники    Календарь    Кто он-лайн?
Добро пожаловать, гость ( Вход | Регистрация )
        



Стили для Mozilla Firefox Expand / Collapse
Автор
Сообщение
26.07.2006 18:06


Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 15.12.2008 12:46
Сообщ.: 275, Visits: 866
Здравствуйте!
Есть такой вопрос:
Я на страницы использую вот такие стили:

a { border: 1px solid #999999;
line-height:5;
width: 500px;
text-align:center;}
a:active {color: red;}
a:hover {
font-weight:bold;
border: 1px solid #999999;
background-color: #DDDDDD;
word-spacing:5;
letter-spacing:2;
}
a:link {color: blue;}
a:visited {color: blue;}


Эти стили рботают в IE и Opera. Есть ли какая-нибудь альтернатива, которая заставит также заработать и Mozilla Firefox?
Сообщ. #901481
26.07.2006 18:23
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
У тебя есть ошибки в CSS стилях. Firefox точнее следует рекомендациям W3C и поэтому просто игнорирует ошибочные стили. Ошибки следующие:

- Все размерности должны иметь явно указанную единицу измерения. У тебя это line-height, word-spacing и letter-spacing.

- При указании стилей для ссылок порядок стилей имеет значение. Их надо определять в следующем порядке:

a:link { ... }
a:visited { ... }
a:hover { ... }
a:active { ... }

Для отлова ошибок в CSS пользуйся CSS Validator-ом.

Сообщ. #901482
27.07.2006 9:32


Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 15.12.2008 12:46
Сообщ.: 275, Visits: 866
Я исправил ошибки. Получилось так:

a { border: 1px solid #999999;
line-height:70px;
width: 500px;
text-align:center;}
a:link {color:#000099;}
a:visited {color: #000099;}
a:hover {
font-weight:bold;
border: 1px solid #999999;
background-color:#DDDDDD;
border-color:#000099;
word-spacing:5pt;
letter-spacing:2pt;}
a:active {color: red;}


Но Мозила все-равно не хочет показывать также как другие браузеры.
Сообщ. #901511
27.07.2006 10:44
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Возможно проблема уже не в стилях а в коде html самой страницы.
Сообщ. #901516
27.07.2006 10:54


Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 15.12.2008 12:46
Сообщ.: 275, Visits: 866
Там кода,то почти нет, пишу дословно весь код :)
<center>
<H1><font color="#FF0000">Служебная информация</font></H1>
<a href='...'>Бухгалтерия</a>
<a href='...'>Что-то еще</a>
</center>
Сообщ. #901517
27.07.2006 12:39


Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 15.12.2008 12:46
Сообщ.: 275, Visits: 866
А Опера не поддерживает свойство border-collapse:collapse;?
У меня все браузеры кроме Оперы понимают это свойство.
Сообщ. #901531
27.07.2006 12:48


Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 15.12.2008 12:46
Сообщ.: 275, Visits: 866
Опера поддержала :) на половину.
Внутренние границы таблицы исчезли и никак не хотят появляться.
Сообщ. #901533
28.07.2006 21:56


Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 06.06.2007 1:59
Сообщ.: 947, Visits: 9 976
что-то у меня и в лисе, и в ие стили показываются одинаково.
Кстати, тег <center> рекомендуется не использовать. Вместо него <div align="center"></div>
Сообщ. #901710
06.08.2006 11:48