Реклама на сайте Advertise with us

Подскажите по CSS

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:

чоткий дезайнер

С нами с 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)
подскажите как правильно?

0
 

Свобода дороже денег

С нами с 10.05.05
Сообщения: 3325
Рейтинг: 2262

Ссылка на сообщениеДобавлено: 13/10/06 в 18:54       Ответить с цитатойцитата 

и не получится пока
A {color: yellow}
A:hover {color: red}
не уберешь.
Это глобально применяется ко всем тегам А
Только убрать и отдельные стили создавать

Хотя может я ошибаюсь. Послушаем что другие скажут

0
 

?u=13378

С нами с 26.05.05
Сообщения: 3750
Рейтинг: 2010


Передовик Master-X (01.09.2006)
Ссылка на сообщениеДобавлено: 13/10/06 в 19:12       Ответить с цитатойцитата 

Diver ошибается :)

попробуй так
Код:
<div class="link2"><a>blabla</a></div>


ты ведь вероятно так делал?
Оффтопик: <a class="link2">blabla</a>

3
 

чоткий дезайнер

С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731

Ссылка на сообщениеДобавлено: 13/10/06 в 19:22       Ответить с цитатойцитата 

leetdesign писал:
Diver ошибается icon_smile.gif
попробуй так
Код:
<div class="link2"><a>blabla</a></div>

спасибо! так работает icon_smile.gif

Цитата:
ты ведь вероятно так делал?
Оффтопик: <a class="link2">blabla</a>

да

0
 

Раздаю инвайты, ищу линк-трейд

С нами с 20.08.04
Сообщения: 16668
Рейтинг: 8593


Передовик Master-X (16.11.2006) Передовик Master-X (01.09.2019)
Ссылка на сообщениеДобавлено: 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>
Все работает ;)
Просто порядок написания часто путают ;)

Кому ссылку?
RU и EN Dating

0
 

чоткий дезайнер

С нами с 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>
Все работает ;)
Просто порядок написания часто путают ;)

спасибо за ещё один способ, этот даже более подходящий icon_smile.gif

я просто делал по аналогии с твоим же советом в топике Хелпаните со стилями
Цитата:
.style a{font: 11px tahoma; text-decoration: none}
.style a:hover{font: 11px tahoma; text-decoration: underline}

0
 

Раздаю инвайты, ищу линк-трейд

С нами с 20.08.04
Сообщения: 16668
Рейтинг: 8593


Передовик Master-X (16.11.2006) Передовик Master-X (01.09.2019)
Ссылка на сообщениеДобавлено: 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, а внутри него - картинка icon_smile.gif

Т.е. в стилях разделяешь пробелом - значит вкладываешь один элемент в другой - разделяешь запятой, просто описываешь 2 одинаковых стиля.

Кому ссылку?
RU и EN Dating

3
 

чоткий дезайнер

С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731

Ссылка на сообщениеДобавлено: 13/10/06 в 23:12       Ответить с цитатойцитата 

pierx: ещё раз спасибо и рейтинг
и ещё по цсс вопрос: читал что с помощью цсс можно на комп серфера установить шрифт (если у него этого шрифта нет), который используешь, что-то типа
font-family:название шрифта URL('урл шрифта')
это так?

0
 

Раздаю инвайты, ищу линк-трейд

С нами с 20.08.04
Сообщения: 16668
Рейтинг: 8593


Передовик Master-X (16.11.2006) Передовик Master-X (01.09.2019)
Ссылка на сообщениеДобавлено: 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

Кому ссылку?
RU и EN Dating

3
 

чоткий дезайнер

С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731

Ссылка на сообщениеДобавлено: 14/10/06 в 09:01       Ответить с цитатойцитата 

Цитата:
(если загрузится вообще ;)

не, лучше буду юзать шрифты которые у всех есть

кстати, какие шрифты можно 100% (ну или 90 icon_smile.gif ) использовать?
(кроме verdana, tahoma, arial, georgia, impact)

0
 



С нами с 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 не использова еще ни в одном своем проексте icon_smile.gif))) как и Comic Sans (хотя оба работают тоже везде)

Цитата:

и не получится пока
A {color: yellow}
A:hover {color: red}
не уберешь.
Это глобально применяется ко всем тегам А
Только убрать и отдельные стили создавать


Это вопрос Specificity :
.class всегда будет выше чем просто тег
#id всегда будет выше чем просто класс.
А дальше идут сложные правила сочетаний (хотя и не очень если вдуматься ;) )

3
 

Свобода дороже денег

С нами с 10.05.05
Сообщения: 3325
Рейтинг: 2262

Ссылка на сообщениеДобавлено: 14/10/06 в 10:30       Ответить с цитатойцитата 

Да. Я ошибался. Почерпнул для себя много полезного из этого топика.
Нада учить CSS icon_smile.gif

3
 

Раздаю инвайты, ищу линк-трейд

С нами с 20.08.04
Сообщения: 16668
Рейтинг: 8593


Передовик Master-X (16.11.2006) Передовик Master-X (01.09.2019)
Ссылка на сообщениеДобавлено: 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 группы: первую можно юзать активно, будет выглядеть хорошо практически везде. Вторую тоже можно, но кое-где будут подставляться стандартные взамен отсутствующих. Последнюю комбинаю редко - но там спец.символы - часто и не надо

Это все имха - тк на всех платформах не проверялось, доверяю источникам информации icon_smile.gif

Кому ссылку?
RU и EN Dating

3
 

чоткий дезайнер

С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731

Ссылка на сообщениеДобавлено: 14/10/06 в 11:11       Ответить с цитатойцитата 

всем спасибо, оценил

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »