[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: CSS
Степан
Создал стиль для a:hover - при наведении мыши на ссылку, она увеличивается в размере. Но данный эффект нужен не везде – некоторые ссылки не должны увеличиваться. Подскажите как мне сделать чтобы одни ссылки использовали один стиль, другие – другой.



Спустя 8 минут, 25 секунд (26.06.2009 - 13:53) stepan написал(а):
попробуй там где не надо прописывать не посредственно в сылки(может я и ошибаюсь):
HTML
<a href=" путь " style="font-size:12;"></a>

Спустя 13 минут, 44 секунды (26.06.2009 - 14:07) HardWoman написал(а):
Можно и внутренним стилем, конечно. Но мне кажется можно определить класс для ссылки. И для него во внешних стилях прописать новый размер

Спустя 19 минут, 43 секунды (26.06.2009 - 14:26) Степан написал(а):
Цитата (stepan @ 26.06.2009 - 10:53)
попробуй там где не надо прописывать не посредственно в сылки(может я и ошибаюсь):
HTML
<a href=" путь " style="font-size:12;"></a>

попробовал - никакого результата

Спустя 15 минут, 57 секунд (26.06.2009 - 14:42) glock18 написал(а):
Степан
1. добавляешь класс enlarge (к примеру) для тех ссылок, которые надо увеличивать.
2. прописываешь его в тексте ссылки.

3. в css прописываешь a.enlarge:hover и пишешь для него стили.

остальные ссылки, без класса, будут вести себя так же, как вели до этого.

Спустя 1 час, 26 минут, 11 секунд (26.06.2009 - 16:09) Степан написал(а):
если добавить класс enlarge на страницу то все ссылки на этой странице начинают использовать этот класс независимо от того добавлял ли я к ним этот класс или нет

Спустя 5 минут, 1 секунда (26.06.2009 - 16:14) glock18 написал(а):
Цитата (Степан @ 26.06.2009 - 13:09)
добавить класс enlarge на страницу

это лишено смысла.

Цитата (Степан @ 26.06.2009 - 13:09)
ссылки на этой странице начинают использовать этот класс независимо от того добавлял ли я к ним этот класс или нет

это тем более.

внимательно прочитай то, что я написал выше. убери a:hover, который сделал раньше.

Если не получить понять самому можешь сюда кинуть часть, где это делаешь. Часть - весь html смотреть даже не буду.

Спустя 8 минут, 34 секунды (26.06.2009 - 16:22) Степан написал(а):
enlarge.css
HTML
a.enlarge:hover {
text-decoration: none;
font-size: larger;
font-family: Georgia, "Times New Roman", Times, serif;
}
a.enlarge {

text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
}


styles.css
HTML
a {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}


ссылка
HTML
<a href="text.php" class="enlarge">text</a>

Спустя 3 минуты, 54 секунды (26.06.2009 - 16:26) glock18 написал(а):
это не работает?

Спустя 2 минуты, 3 секунды (26.06.2009 - 16:28) Степан написал(а):
это не работает

Спустя 5 минут, 19 секунд (26.06.2009 - 16:33) glock18 написал(а):
это должно работать, если ничего этому не мешает.

1. формулируй в чем заключается "нерабочесть" конкретно.

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

HTML
a.enlarge {

text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
}

этот стиль кстати говоря излишний, потому что полностью дублирует простой a. то есть этот можно убрать.

Спустя 2 минуты, 23 секунды (26.06.2009 - 16:36) Guest написал(а):
на странице к кот. подключен класс enlarge все ссылки получают эффект увеличения, хотя я к ним не добавлял класс enlarge

Спустя 59 секунд (26.06.2009 - 16:37) Guest написал(а):
a:hover я уже давно удалил

Спустя 3 минуты, 55 секунд (26.06.2009 - 16:41) glock18 написал(а):
Цитата (Guest @ 26.06.2009 - 13:36)
на странице к кот. подключен класс enlarge все ссылки получают эффект увеличения

этого не может быть. класс может быть объявлен на странице, но это никакого эффекта не несет, пока ты не присвоишь ссылке этот класс через атрибут class.

Спустя 1 час, 5 минут, 42 секунды (26.06.2009 - 17:46) HardWoman написал(а):
Я вот не поняла - а зачем вы класс загнали в разные файлы?

Вы привели весь код в этих двух файлах?
Или частичный?

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

Спустя 23 минуты, 13 секунд (26.06.2009 - 18:10) HardWoman написал(а):
<style>
a.enlarge:hover {
text-decoration: none;
font-size: larger;
font-family: Georgia, "Times New Roman", Times, serif;
}
a.{

text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
}
</style>


<a href="text.php" class="enlarge">text</a>
<a href="text.php" >text</a>
<a href="text.php" class="enlarge">Дик</a>

Даже проверила - все работает, только не подключала отдельным файлом

Я кажется поняла, что происходит. Если ссылка с классом стоит выше ссылки без класса - при наведении мыши на класс - происходит увеличение размера верхней ссылки, и нижняя ссылка не увеличивается, а сдвигается - а кажется, что увеличивается.

Но это решается просто - определить контейнер для элементов - чтоб они не влияли друг на друга (то есть не влияло межстроковое растояние)

Спустя 3 минуты, 27 секунд (26.06.2009 - 18:13) kirik написал(а):
Цитата (Степан @ 26.06.2009 - 08:22)
a.enlarge:hover

ИЕ6 не поймет такую запись, ему a:hover подавай (без класса). Выход - заключить ссылку в блок, и блоку прописать внутренние ссылки:

HTML
a {
// это описание всех ссылок
}

a:hover {
// это описание ховера для всех ссылок
}

.links a {
// это описание ссылок только в блоке links
}

.links a:hover {
// это описание ховера ссылок только в блоке links
}
...................
<div class="links"><a href="">text</a></div>


Спустя 22 минуты, 50 секунд (26.06.2009 - 18:36) glock18 написал(а):
Цитата (kirik @ 26.06.2009 - 15:13)
ИЕ6 не поймет такую запись, ему a:hover подавай (без класса)

а точно... *я покраснел от смущения*

Спустя 2 дня, 13 часов, 14 минут, 2 секунды (29.06.2009 - 07:50) Степан написал(а):
Все разобрался. glock18 был прав - enlarge мешал др. класс. Исправил, все заработало. Всем огромное спасибо!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.