Перейти к содержимому

Реферальная программа Мегаплана


Почему ссылка не выделяется?

#1 xilgiz

xilgiz
  • Пользователь
  • 155 сообщений
  • Репутация: 0
0

Отправлено 04 Апрель 2011 - 08:36

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

И стильи:
.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

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Почему ссылки не кликабельны?
  2. Почему неправильно отображаются постоянные ссылки?
  3. Почему вместо ссылки открывается начальная страница локального сервера?
  4. Ссылки на сайт - почему их не видно?

#2 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 04 Апрель 2011 - 10:13

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

#3 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 04 Апрель 2011 - 12:13

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, то бы сразу увидели ошибку.
  • 0

#4 xilgiz

xilgiz
    Topic Starter
  • Пользователь
  • 155 сообщений
  • Репутация: 0

Отправлено 04 Апрель 2011 - 15:55

surfer,

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


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

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


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

А где в этом форуме можно подробности Css изучить? Конкретно, про выделение чего-то при наведении мыши есть?
  • 0

#5 Игорян

Игорян
  • Пользователь
  • 296 сообщений
  • Репутация: 10

Отправлено 04 Апрель 2011 - 17:53

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

Конкретней можно? А вообще вот здесь это ни раз обсуждалось. Если ни найдете решение, задайте вопрос на форуме.
  • 0

#6 Алекс

Алекс
  • Пользователь
  • 27 сообщений
  • Репутация: 0

Отправлено 04 Апрель 2011 - 23:52

Ой как все сложно объясняете...для новичка то ))
совсем недавно вручную прописывала этот эффект. я например для таких ссылок, которые надо выделить цетом, всегда использую тег А.
Если знаешь 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
  • 0

#7 Алекс

Алекс
  • Пользователь
  • 27 сообщений
  • Репутация: 0

Отправлено 05 Апрель 2011 - 00:09

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 - два разных изображения. Нужно только правильно прописать адрес.
Эффект выделения действует только на изображения ссылки (например кнопки).


  • 0

#8 Игорян

Игорян
  • Пользователь
  • 296 сообщений
  • Репутация: 10

Отправлено 05 Апрель 2011 - 09:59

проще сделать одно изображение и в 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;
}

мне кажется что так будет правельнее. ;)
  • 0

#9 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 06 Апрель 2011 - 15:42

Алекс,

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

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

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

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru