VPF::CSS ссылки - Форум программистов

Привед

Дата 9.11.2006, 21:24 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 9.11.2006

Репутация: нет
Всего: нет

Создал я css-файл. Прописал там все стили. Всё работает, кроме ссылок. Приведу код:

Код

a.main : link { font-family:Arial, Helvetica, sans-serif; textdecoration:none; font-size:12px; 
color:#330099; } 
a.main : visited{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; 
color: #663300; } 
a.main : active { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; 
color:#330099; } 
a.main : hover { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:12px; 
color:#330099; } 

a.menu : link { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; 
color: #CC0000; } 
a.menu : visited { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; 
color: #990033; } 
a.menu : active { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; 
color: #CC0000; } 
a.menu : hover { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:10px; 
color: #CC0000; } 

a.map : link { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; 
color: #FFFFFF; } 
a.map : visited { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; 
color: #FFFFFF; } 
a.map : active{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; 
color: #FFFFFF; } 
a.map : hover { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:10px; 
color: #FFFFFF; }

в ХТМЛ файле:

Код

<a class="map" href = "map.html">MAP OF SITE</a>

всё равно не работает! И главное гарнитура шрифта, наклон есть, а цвет такой же фиолетовый как буд то я ничего не делал и это дурацкое подчёркивание!
Ничего не могу поделать! Второй день долблюсь! Помогите кто чем может!
Заранее СПАСИБО!

SelenIT

Дата 9.11.2006, 21:37 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Привед, пробелы вокруг двоеточий (перед link, hover etc.) уберите...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Stampede

Дата 9.11.2006, 21:48 (ссылка)

(нет голосов)

Загрузка ...

Гносеолог

Профиль
Группа: Участник Клуба
Сообщений: 963
Регистрация: 25.4.2005
Где: Calgary, Alberta, Canada

Репутация: 1
Всего: 144

Цитата(Привед @ 9.11.2006, 11:24

)

Ничего не могу поделать! Второй день долблюсь! Помогите кто чем может!

"Мужик, ты че орешь, дорога-то рядом" (с) из анекдота smile

Ты это, убери пробелы по сторонам от двоеточия. Типа вот так:

Код


a.map:link { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px;
color: red; }

a.map:visited { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px;
color: red; }

a.map:active{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px;
color: red; }

a.map:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:10px;
color: red; }

И будет тебе щастья!

--------------------

"If you want something done right, do it yourself"
По секрету: выучить английский - реально!

Привед

Дата 9.11.2006, 22:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 9.11.2006

Репутация: нет
Всего: нет

Уф!!!!!!!!!!
Спасибо, ребята! smile

Я сам чё то торможу! А чё действительно пробелы между точками важны, и их надо убирать? Не знал что каждый пробел важен! smile

Ещё раз спасибо!!!!!! smile

Illuminaty

Дата 9.11.2006, 23:00 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

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

Код


a.map { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; }
a.map:hover {text-decoration:underline; }

то есть прописывать все общее в классе, а различия в псевдоклассах (если требуется)

zera

Дата 10.11.2006, 14:09 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 19.1.2006
Где: saint-petersburg

Репутация: 5
Всего: 9

порядок неправильный.
link, visited, hover [, focus], active.

Andres2703

Дата 11.11.2006, 20:40 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 52
Регистрация: 9.9.2006
Где: Иваново

Репутация: нет
Всего: нет

есть возможность неправильного восприятия IE такого метода

Код


a.map { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; }
a.map:hover {text-decoration:underline; }

хотя сам давно им не проверял, но помоему лучше так

Код


a.map:link, a.map:active, a.map:visited { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; }
a.map:hover {text-decoration:underline; }

SelenIT

Дата 12.11.2006, 00:34 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Согласен с zera по поводу порядка. Где-то встречал рекомендацию запоминать его с помощью слов LoVe/HAte smile

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »