X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Почему ссылка не выделяется?, CSS правила
xilgiz
xilgiz
Topic Starter сообщение 4.4.2011, 9:36; Ответить: xilgiz
Сообщение #1


Помогите плиз. Мне бы тсделать так, чтобы при наведении курсора цвет менялса...
Вот у меня что:
[php]printf(" <div class='linkk'><p class='link'><a href='v_lessons_audio.php?id=%s'>%s</a></p></div>",$myrow4["id"],$myrow4["title"]);[/php]
И стильи:
.link {
margin-bottom:25px;
margin:15px;}

.link a{text-decoration:none;
display: block;
padding: 2px 6px;

}
link a:hover {
background-color:#330033;
color:#009966;}

.linkk{
background-color:#CCCCCC;

border-top:1px solid #00CCFF;
border-bottom:1px solid #00CCFF;
margin:15px;}
.linkk p {
margin-left:0px;
}


Я конечно еще начинающии, но вроде должна выделяться..)))

Еще, как вы из дремвувара текст ставите?)))
Причина редактирования: Тема перенесена и оформлена.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 4.4.2011, 11:13; Ответить: sc2r2bey
Сообщение #2


потому что ты не в том разделе разместил тему и не выделил код в посте, учить проявлять уважение к участником форума.
а по сущесту замени background-color на color и будет счастье.
кстати цвет чего менялся - учись правильно формулировать вопросы.
тогда решение может быть другое.
и еще у вас 2 класса link и linkk какой из них правильный?


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 4.4.2011, 13:13; Ответить: ZiTosS
Сообщение #3


xilgiz, разберитесь в селекторах и почитайте мат. часть по CSS, полезно:
  • теги (элементы) (формат записи: tag)
  • классы (формат записи: .myclass)
  • идентификаторы (формат записи: #myid)
  • вложенные элементы (запись через пробел по мере вложенности)
  • перечисление элементов (запись через запятую)

Распишу ваш код (стили убрал для читаемости):
/* стили применяются ко всем элементам страницы класс которых link */
.link {}

/* стили применяются ко всем ссылкам вложенным в элемент с классом link */
.link a {}

/* стили применяются ко всем ссылкам(при наведении) вложенным в тег link(у вас опечатка) */
link a:hover {}

/* стили применяются ко всем элементам страницы класс которых linkk */
.linkk{}

/* стили применяются ко всем тегам p(параграф) вложенным в элемент с классом linkk */
.linkk p {}

Вы точку забыли перед link. Поэтому стили применяются к ссылкам, расположенным внутри тега link.
P.s.: Если бы вы работали в редакторе с подсветкой кода CSS, то бы сразу увидели ошибку.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xilgiz
xilgiz
Topic Starter сообщение 4.4.2011, 16:55; Ответить: xilgiz
Сообщение #4


surfer,
потому что ты не в том разделе разместил тему и не выделил код в посте, учить проявлять уважение к участником форума.


Я вбил в поисковике CSS и нашел только устарелые темы, вот и в общие вопросы засунул тему...

Вы точку забыли перед link. Поэтому стили применяются к ссылкам, расположенным внутри тега link.
P.s.: Если бы вы работали в редакторе с подсветкой кода CSS, то бы сразу увидели ошибку.


Спасибо большое)))я на MD8 пишу,у мя
.link a:hover и link a:hover одного т того же цвета...

А где в этом форуме можно подробности Css изучить? Конкретно, про выделение чего-то при наведении мыши есть?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Игорян_mw
Игорян_mw
сообщение 4.4.2011, 18:53; Ответить: Игорян_mw
Сообщение #5


"подробности Css изучить?" или "про выделение чего-то при наведении мыши"

Конкретней можно? А вообще вот здесь это ни раз обсуждалось. Если ни найдете решение, задайте вопрос на форуме.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Алекс_mw
Алекс_mw
сообщение 5.4.2011, 0:52; Ответить: Алекс_mw
Сообщение #6


Ой как все сложно объясняете...для новичка то ))
совсем недавно вручную прописывала этот эффект. я например для таких ссылок, которые надо выделить цетом, всегда использую тег А.
Если знаешь CSS, то просто в это файл добавляешь A:hover {color: #ffff00;} , где #ffff00, тот цвет, который хочешь получить при наведении мыши.
Если НЕ знаешь CSS , то:
1. создаем файл в Блокноте, добавляем туда в чистом виде A:hover {color: #ffff00;}
2. сохраняем этот файл с расширением css (например, F.css) и размещаем в той же директории что и документ html.
2. добавляем в документе html после тега head :
<link href="F.css" rel="stylesheet" type="text/css" />
3. сохраняем изменения, запускаем html и радуемся результатом! :D
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Алекс_mw
Алекс_mw
сообщение 5.4.2011, 1:09; Ответить: Алекс_mw
Сообщение #7


xilgiz, Для эффекта при наведении мыши широко используется функция OnMouseOver (курсор на изображении) и OnMouseOut (курсор вне изображения). Например, эффект подсветки кнопки при наведении мыши (замена темного изображения на чуть более светлое). Для этого создается два изображения "до" и "после" , то есть создаем подмену одного изображения другим при наведении мыши. Для этого не требуется никаких скриптов. Все просто.

<a href="docume.html"><img src="images/foto.jpg" width="100" height="100" onmouseover="src='images/foto2.jpg'" onmouseout="src='images/foto.jpg'"></a>

где foto foto2 - два разных изображения. Нужно только правильно прописать адрес.
Эффект выделения действует только на изображения ссылки (например кнопки).


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Игорян_mw
Игорян_mw
сообщение 5.4.2011, 10:59; Ответить: Игорян_mw
Сообщение #8


проще сделать одно изображение и в css

#menu a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}

#menu a:hover {
background-position: right bottom;

#menu .nacen {
width: 86px;
height: 68px;
background: url(../images/i1.jpg) no-repeat;
right: 30px;
top: 20px;
float:right;
margin-right:29px;
position: relative;
}

мне кажется что так будет правельнее. ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 6.4.2011, 16:42; Ответить: ZiTosS
Сообщение #9


Алекс,
Для эффекта при наведении мыши широко используется функция OnMouseOver (курсор на изображении) и OnMouseOut (курсор вне изображения). ..... Для этого не требуется никаких скриптов. Все просто.

Обработчики onMouseOver и onMouseOut это уже скрипты - JavaScript. Всёж зачем использовать JS если можно обойтись CSS. JavaScript может быть отключен (ну это уже конечно мелочи)

И кстати, не советую делать ссылки картинками, почитайте рекомендации поисковых систем по поводу ссылок.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вечные ссылки с 300+ СДЛов, тиц до 750, ЯКи, DMOZ, от 1$/ссылка
вечные ссылки
258 SeoUaSales 128374 Вчера, 23:39
автор: FantAlexis
Открытая тема (нет новых ответов) Вечная статейная трастовая ссылка ИКС 20000 чектраст 100/2.5
22 inetuser 10940 2.1.2024, 17:18
автор: inetuser
Открытая тема (нет новых ответов) Одна вечная ссылка 5$ ИКС 24000
2 mylink1 5942 8.4.2020, 17:39
автор: mylink1
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПочему нельзя давать рекламу на бренд?
6 Bilish 1311 12.1.2020, 13:47
автор: BLIK
Открытая тема (нет новых ответов) Почему стоит выбрать именно Berileads?
2 leadkreditrf 1820 27.11.2019, 12:39
автор: -leadkreditrf-


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:45
Дизайн