Стили для Mozilla Firefox

@Vodizzz · Регистрация: 26.06.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте!

Есть такой вопрос:

Я на страницы использую вот такие стили:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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?

@bazile · 26.07.2006, 22:23

У тебя есть ошибки в CSS стилях. Firefox точнее следует рекомендациям W3C и поэтому просто игнорирует ошибочные стили. Ошибки следующие:
- Все размерности должны иметь явно указанную единицу измерения. У тебя это line-height, word-spacing и letter-spacing.
- При указании стилей для ссылок порядок стилей имеет значение. Их надо определять в следующем порядке:
a:link { ... }
a:visited { ... }
a:hover { ... }
a:active { ... }
Для отлова ошибок в CSS пользуйся http://jigsaw.w3.org/css-validator/ CSS Validator-ом.

@Vodizzz · 27.07.2006, 13:32 **[ТС]**

Я исправил ошибки. Получилось так:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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;}

Но Мозила все-равно не хочет показывать также как другие браузеры.

@bazile · 27.07.2006, 14:44

Возможно проблема уже не в стилях а в коде html самой страницы.

@Vodizzz · 27.07.2006, 14:54 **[ТС]**

Там кода,то почти нет, пишу дословно весь код

Code
1
2
3
4
5
<center>
<H1><font color="#FF0000 Служебная информация</font></H1>
<a href='...'>Бухгалтерия</a>
<a href='...'>Что-то еще</a>
</center>

@Vodizzz · 27.07.2006, 16:39 **[ТС]**

А Опера не поддерживает свойство border-collapse:collapse;?

У меня все браузеры кроме Оперы понимают это свойство.

@Vodizzz · 27.07.2006, 16:48 **[ТС]**

Опера поддержала

на половину.

Внутренние границы таблицы исчезли и никак не хотят появляться.

@webbyte · 29.07.2006, 01:56

что-то у меня и в лисе, и в ие стили показываются одинаково.

Кстати, тег <center> рекомендуется не использовать. Вместо него <div align="center </div>

06.08.2006, 15:48

webbyte (28.07.2006)

Кстати, тег <center> рекомендуется не использовать. Вместо него <div align="center </div>

Хотелось бы знать почему?

@bazile · 07.08.2006, 13:20

Потому что тег <center> устарел. Теги HTML должны использоваться только для описания логической структуры документа, а все визуальное оформление делается средствами CSS.

07.08.2006, 15:52

bazile (07.08.2006)
Потому что тег <center> устарел. Теги HTML должны использоваться только для описания логической структуры документа, а все визуальное оформление делается средствами CSS.

Хорошо, пусть так, тогда причем здесь это:

вместо него надо использовать div align="center

В каком месте здесь CSS используется?

@bazile · 07.08.2006, 16:06

Замени на <div style="text-align:center

07.08.2006, 18:26

bazile (07.08.2006)
Замени на <div style="text-align:center

Я не это имел в виду. Соответствующее свойство каскадных таблиц я знаю. Я спрашивал у webbyte почему рекомендуется тег <center> менять на <div align="center . Согласно твоему объяснению это действие не имеет смысла.

@webbyte · 08.08.2006, 03:40

Рекомедации W3C:

The CENTER element is exactly equivalent to specifying the DIV element with the align attribute set to "center". The CENTER element is deprecated.

http://www.w3.org/TR/html4/present/graphics.html#edef-CENTER

08.08.2006, 12:59

Теперь верю))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	26.07.2006, 22:23
	У тебя есть ошибки в CSS стилях. Firefox точнее следует рекомендациям W3C и поэтому просто игнорирует ошибочные стили. Ошибки следующие: - Все размерности должны иметь явно указанную единицу измерения. У тебя это line-height, word-spacing и letter-spacing. - При указании стилей для ссылок порядок стилей имеет значение. Их надо определять в следующем порядке: a:link { ... } a:visited { ... } a:hover { ... } a:active { ... } Для отлова ошибок в CSS пользуйся http://jigsaw.w3.org/css-validator/ CSS Validator-ом. 0

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	27.07.2006, 14:44
	Возможно проблема уже не в стилях а в коде html самой страницы. 0

@Vodizzz 0 / 0 / 1 Регистрация: 26.06.2012 Сообщений: 275
	27.07.2006, 16:39 [ТС]
	А Опера не поддерживает свойство border-collapse:collapse;? У меня все браузеры кроме Оперы понимают это свойство. 0

@Vodizzz 0 / 0 / 1 Регистрация: 26.06.2012 Сообщений: 275
	27.07.2006, 16:48 [ТС]
	Опера поддержала на половину. Внутренние границы таблицы исчезли и никак не хотят появляться. 0

@webbyte 7 / 8 / 6 Регистрация: 11.05.2008 Сообщений: 876
	29.07.2006, 01:56
	что-то у меня и в лисе, и в ие стили показываются одинаково. Кстати, тег <center> рекомендуется не использовать. Вместо него <div align="center </div> 0

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	07.08.2006, 13:20
	Потому что тег <center> устарел. Теги HTML должны использоваться только для описания логической структуры документа, а все визуальное оформление делается средствами CSS. 0

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	07.08.2006, 16:06
	Замени на <div style="text-align:center 0

@webbyte 7 / 8 / 6 Регистрация: 11.05.2008 Сообщений: 876
	08.08.2006, 03:40
	Рекомедации W3C: The CENTER element is exactly equivalent to specifying the DIV element with the align attribute set to "center". The CENTER element is deprecated. http://www.w3.org/TR/html4/present/graphics.html#edef-CENTER 0