чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 13/10/06 в 18:42 |
у меня в css
A {color: yellow}
A:hover {color: red}
например я хочу создать стиль .link2, чтобы цвет ссылки был orange, а при наведении green, я записывал вот так
.link2 a {color: orange}
.link2 a:hover {color: green}
пробовал другие варианты, нифига не получается (все равно yellow и red)
подскажите как правильно?
|
|
|
|
Свобода дороже денег
С нами с 10.05.05
Сообщения: 3325
Рейтинг: 2262
|
Добавлено: 13/10/06 в 18:54 |
и не получится пока
A {color: yellow}
A:hover {color: red}
не уберешь.
Это глобально применяется ко всем тегам А
Только убрать и отдельные стили создавать
Хотя может я ошибаюсь. Послушаем что другие скажут
|
|
|
|
?u=13378
С нами с 26.05.05
Сообщения: 3750
Рейтинг: 2010
|
Добавлено: 13/10/06 в 19:12 |
Diver ошибается :)
попробуй так
Код: | <div class="link2"><a>blabla</a></div> |
ты ведь вероятно так делал?
Оффтопик: <a class="link2">blabla</a>
|
|
|
|
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 13/10/06 в 19:22 |
leetdesign писал: | Diver ошибается
попробуй так
Код: | <div class="link2"><a>blabla</a></div> | |
спасибо! так работает
Цитата: | ты ведь вероятно так делал?
Оффтопик: <a class="link2">blabla</a> |
да
|
|
|
|
Раздаю инвайты, ищу линк-трейд
С нами с 20.08.04
Сообщения: 16668
Рейтинг: 8593
|
Добавлено: 13/10/06 в 19:34 |
Код: | A {color: yellow}
A:hover {color: red}
a.link2 {color: orange}
a.link2:hover {color: #006400}
<a class="link2">blabla</a> |
Все работает ;)
Просто порядок написания часто путают ;)
|
|
|
|
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 13/10/06 в 19:57 |
pierx писал: | Код: | A {color: yellow}
A:hover {color: red}
a.link2 {color: orange}
a.link2:hover {color: #006400}
<a class="link2">blabla</a> | Все работает ;)
Просто порядок написания часто путают ;) |
спасибо за ещё один способ, этот даже более подходящий
я просто делал по аналогии с твоим же советом в топике Хелпаните со стилями
Цитата: | .style a{font: 11px tahoma; text-decoration: none}
.style a:hover{font: 11px tahoma; text-decoration: underline} |
|
|
|
|
Раздаю инвайты, ищу линк-трейд
С нами с 20.08.04
Сообщения: 16668
Рейтинг: 8593
|
Добавлено: 13/10/06 в 20:45 |
Там как раз под див класс ставился или элемент таблицы, а внутри уже тег A и IMG
Будешь делай - придерживайся примерно такой вложенности - как элементы вложены, так и описываются: Код: | .link2 a {color: orange}
<div class="link2"><a>blabla</a></div> |
Т.е. элемент с классом link2 - внутри тег A
Код: | a.link2:hover {color: #006400} |
Описывается только тег А
Код: | .style a:hover img {border: 1px dashed #aaa} |
Элемент с классом style, внутри которого тег A, а внутри него - картинка
Т.е. в стилях разделяешь пробелом - значит вкладываешь один элемент в другой - разделяешь запятой, просто описываешь 2 одинаковых стиля.
|
|
|
|
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 13/10/06 в 23:12 |
pierx: ещё раз спасибо и рейтинг
и ещё по цсс вопрос: читал что с помощью цсс можно на комп серфера установить шрифт (если у него этого шрифта нет), который используешь, что-то типа
font-family:название шрифта URL('урл шрифта')
это так?
|
|
|
|
Раздаю инвайты, ищу линк-трейд
С нами с 20.08.04
Сообщения: 16668
Рейтинг: 8593
|
Добавлено: 14/10/06 в 00:01 |
Вообще-то это правило сам не юзал, так что насчет того где как работает не скажу. Но выглядит так: Код: | @font-face {
font-family: "Font Name";
src: url("font_url")
} |
Затем где надо указываешь font-family: "Font Name",class
Причем класс шрифта обязательно указывай, тк исходя из него будет показан текст, пока не загрузится загружаемый шрифт (если загрузится вообще ;)
юзай serif, sans-serif, cursive, fantasy, monospace
|
|
|
|
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 14/10/06 в 09:01 |
Цитата: | (если загрузится вообще ;) |
не, лучше буду юзать шрифты которые у всех есть
кстати, какие шрифты можно 100% (ну или 90 ) использовать?
(кроме verdana, tahoma, arial, georgia, impact)
|
|
|
|
С нами с 02.10.06
Сообщения: 13
Рейтинг: 21
|
Добавлено: 14/10/06 в 10:24 |
"Courier New", Courier, monospace;
"Times New Roman", Times, serif;
Verdana, Geneva, Arial, Helvetica, Georgia, sans-serif;
Это то что я чаще всего использую. Проканывает практически везде. Impact не использова еще ни в одном своем проексте ))) как и Comic Sans (хотя оба работают тоже везде)
Цитата: |
и не получится пока
A {color: yellow}
A:hover {color: red}
не уберешь.
Это глобально применяется ко всем тегам А
Только убрать и отдельные стили создавать |
Это вопрос Specificity :
.class всегда будет выше чем просто тег
#id всегда будет выше чем просто класс.
А дальше идут сложные правила сочетаний (хотя и не очень если вдуматься ;) )
|
|
|
|
Свобода дороже денег
С нами с 10.05.05
Сообщения: 3325
Рейтинг: 2262
|
Добавлено: 14/10/06 в 10:30 |
Да. Я ошибался. Почерпнул для себя много полезного из этого топика.
Нада учить CSS
|
|
|
|
Раздаю инвайты, ищу линк-трейд
С нами с 20.08.04
Сообщения: 16668
Рейтинг: 8593
|
Добавлено: 14/10/06 в 10:44 |
Я юзаю стандартные наборы: Код: | Arial,Helvetica,sans-serif
Verdana,Geneva,Arial,Helvetica,sans-serif
'Times New Roman',Times,serif
Georgia,'Times New Roman',Times,serif
'Courier New',Courier,monospace
'Comic Sans MS',fantasy
System,Chicago,sans-serif
'MS Sans Serif',Geneva,sans-serif
'Arial Narrow','Arial MT Condensed Light',sans-serif
'MS Serif','New York',serif
Garamond,Palatino,serif
Terminal,Monaco,monospace
Wingdings,'Zapf Dingbats' |
3 группы: первую можно юзать активно, будет выглядеть хорошо практически везде. Вторую тоже можно, но кое-где будут подставляться стандартные взамен отсутствующих. Последнюю комбинаю редко - но там спец.символы - часто и не надо
Это все имха - тк на всех платформах не проверялось, доверяю источникам информации
|
|
|
|
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
Добавлено: 14/10/06 в 11:11 |
всем спасибо, оценил
|
|
|
|