Jump to content
  • 0

Никак не могу с установкой цвета и прочего для ссылок разобраться...


mia
 Share

Question

На сайт ссылку дать нИ мАгУ )

Имееться цсс

a {

color: #767676;

text-decoration: none;

}

a:visited {

color: #ef4a27;

text-decoration: none; /* Цвет посещенной ссылки */

}

a:active {

color: #767676; /* Цвет активных ссылок */

}

Ссылки (пункты меню) имеют цвет #ef4a27 ... я не понимать почему

Должно быть так

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

Кака сделать подскажите, плиз!

И второй вопрос:

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

______________

-- меню |

- бла 1 |

- бла 2 |

|

——————— |

|

-- меню1 |

-бла3 |

-бла4 |

|

———————-|

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Ослик не поддерживает a:active a:visited a:hover - не поддерживает, так что нужно жабу юзать или на ИЕ внимания не обращать. А поповоду вашего вопроса:

a
{
/*Ссылка не использовалась*/
}
a:hover
{
/*на ссылку навели курсор*/
}
a:active
{
/*На ссылку нажали(при отжатии изменяется на "a")*/
}

a:visited мне кажется не нужно использовать в вашем случае.

Link to comment
Share on other sites

  • 0

Ссылки (пункты меню) имеют цвет #ef4a27 ... я не понимать почему

Должно быть так

При наведении на ссылку мышкой -менятеться цвет с серого на оранжевый, при нажатии - цвет и шрифт меняються И ТАК И ОСТАЕТЬСЯ !!!!! пока смотрят ссылку, при нажатии ( переходе) на другую ссылку , предыдущая возвращается в свое первоначальное состояние...

Кака сделать подскажите, плиз!

Link to comment
Share on other sites

  • 0

Мдя, точно, а я чесно думал что этого осел не понимает. А чтобы решить ваш вопрос я бы использовал жабаскрипт или пхп.

Решение на ПХП

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
a/*простая ссылка*/
{
color:#ff0000;
}
a:hover/*при наводе*/
{
color:blue;
}
.aactivated/*действующая*/
{
color:green;
}
</style>
<script>
</script>
</head>
<body>
Меню

<a href="index.php" <?if($_SERVER['SCRIPT_NAME']=='/index.php'){echo('class="aactivated"');}?> >Домашняя</a>

<a href="bla1.php" <?if($_SERVER['SCRIPT_NAME']=='/bla1.php'){echo('class="aactivated"');}?> >Бла1</a>

<a href="bla2.php" <?if($_SERVER['SCRIPT_NAME']=='/bla2.php'){echo('class="aactivated"');}?> >Бла2</a>
</body>
</html>

Но я думаю есть способы и полегче(на том же цсс+жабаскрипт). Это прсто один из вариантов, не самый рациональный, но у мну работает.

Link to comment
Share on other sites

  • 0

А что значит "пока смотрят ссылку"? Из не? что-то вываливаться должно?

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

И опять же, если это не меню и не динамическое содержание, что мешает на новой страничке даже без РНР прописать нужную ссылку как угодно выделенной?

Link to comment
Share on other sites

  • 0

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

Если скрипт был написан изначально автором, вопрос "а как?" не возник бы =)

Link to comment
Share on other sites

  • 0

>>А если это меню, которое вставляется через инклуд(у меня так). Хотя ты прав а вдруг так))

Да это ссылки меню, и и пользователь должен видить где находиться, тобиш пункт меню должен выделяться ... воть

Link to comment
Share on other sites

  • 0

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

Ну или может здесь есть любители менюшек на яве. Я, увы, к ним не отношусь, потому с менюшками и не работал.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy