<h1>Помогите с ссылками</h1>

Виталий1994 · November 22, 2013

Друзья помогите с ссылками!!!! Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась ( здесь a:hover) но проблема заключается в том что бы при нажатии на другую ссылку фон меняется, а перед этим нажатая первая ссылка цвет не меняла то есть я знаю что нужно использовать a:visited но мой браузер не воспринимает его что ли.. я не понимаю Google Chrome..................... Можно ли решить эту проблему каким то путем???

                            мой css стильul.navigation {	width: 270px;    list-style: none;    margin: 0;    padding: 0;	text-align: left;            }  ul.navigation li {    display: inline-block;    margin: 0px;	padding: 0;}		ul.navigation a {	display: block;	width: 190px;	height: 33px;	padding: 10px 0 0 80px;	margin-bottom: 5px;	color:#8a8980;    font-weight: normal;    text-decoration: none;	position: relative;	top: 200px;	left: 0px;}	.font_size  {font-size: 20px;}ul.navigation a:hover {  left: 20px;  }	ul.navigation a .ui_icon { position: absolute; top: 0; left: 15px; width: 40px; height: 40px; }ul.navigation a .novunu { background: url(image/home.png) no-repeat; }ul.navigation a .juteli { background: url(image/juteli.png) no-repeat; }ul.navigation a .znayomstva { background: url(image/znayomstva.png)  no-repeat; }ul.navigation a . { background:  url(../image/templatemo_portfolio.png) no-repeat; }			 ul.navigation a:link {		background: url(image/menu_link.png) no-repeat left;                      }	 ul.navigation a:hover {		background: url(image/menu_hover.png) no-repeat left; color:black;                      }						 ul.navigation a:hover .novunu  {   background: url(image/home_hover.png) no-repeat;}ul.navigation a:hover .juteli {   background: url(image/juteli_hover.png) no-repeat;}ul.navigation a:hover .znayomstva {   background: url(image/znayomstva_hover.png) no-repeat;}ul.navigation a:hover .group  {   background: url(image/_hover.png) no-repeat;}	 ul.navigation a:active   {		background: url(image/menu_active.png) no-repeat left; color:white;                     }	 ul.navigation a:focus {    outline: none;}a, a:link, a:visited { color:red; font-family:Arial; text-decoration: none; }

                         к чему применяеться выше написаный стиль<ul class="navigation">    <li><a href="news.html"><i class="font_size">Новини <span class="ui_icon novunu"></span></i></a></li>	<li><a href="juteli.html"><i class="font_size">Жителі<span class="ui_icon juteli"></span></i></a></li>	<li><a href="znayomstva.html"><i class="font_size">Знайомства<span class="ui_icon znayomstva"></span></i></a></li>	<li><a href="group.html"><i class="font_size">Групи<span class="ui_icon group"></span></i></a></li></ul>

swandev · November 23, 2013

Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась

Я старался, правда.

Виталий1994 · November 23, 2013

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

????????????

Aidel · November 24, 2013

Помогите, немогу понять, бошка наверно уже не варит....
суть такая, сделал всплывающее меню ссылка "главная" работает, а ссылка "основные сведения" не хочет работать. Вопрос почему?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " Нужно ли убрать эту ссылку
<li><a href="1.html">Географическое и природное положение</a></li> И вот эта ссылка не работает
<li><a href="">Природные особенности заповедника</a></li>
<li><a href="">История открытия острова Врангеля</a></li>
<li><a href="">История создания заповедника</a></li>
<li><a href="">Исторический опыт острова Врангеля</a></li>
</ul>
</li>
<li>
<a href="#" >Статус территории</a>
<ul>
<li><a href="#">Положение о заповеднике</a></li>
<li><a href="#">Положение об охранной зоне</a></li>
<li><a href="#">Правила поведения на территории заповедника</a></li>
<li><a href="#">Пояснительная записка</a></li>
</ul>
</li>
<li>
<a href="#">Научная работа</a>
<ul>
<li><a href="#">Направления работы</a></li>
<li><a href="#">Наука о заповедниках: Для чего она нужна и какой должна быть</a></li>
<li><a href="#">Находки новых видов на острове Врангеля</a></li>
<li><a href="#">Белый медведь в современном мире</a></li>
<li><a href="#">Аборигенная добыча белого медведя</a></li>
<li><a href="#"> Результаты мониторинга белых медведей в районе острова Врангеля в 2013 году</a></li>
<li><a href="#">Мониторинг Врангелевской группировки белых медведей в 2012 году</a></li>
<li><a href="#">Сезон 2011 года</a></li>
<li><a href="#">Рекомендуемая литература</a></li>
</ul>
</li>
<li>
<a href="#">Экопросвещение</a>
<ul>
<li><a href="#">Направление работы</a></li>
<li><a href="#"> Проекты текущего года</a></li>
<li><a href="#"> Исторические объекты на территории острова</a></li>
<li><a href="#"> Заповедник "Остров Врангеля" - глазами детей</a></li>
</ul>
</li>
<li>
<a href="#">Познавательный туризм</a>
<ul>
<li><a href="#">Экскурсионные маршруты</a></li>
<li><a href="#"> Прейскурант</a></li>
<li><a href="#"> Регламент приёма круизных судов</a></li>
<li><a href="#"> Порядок оформления документов</a></li>
<li><a href="#"> Заявка на посещение</a></li>
</ul>
</li>
<li>
<a href="#">Публикации</a>
<ul>
<li><a href="#">Наши публикации</a></li>
<li><a href="#"> СМИ о нас</a></li>
</ul>
</li>

</ul>
<div id="clear"> </div>
</div>
<div id="left">
<ul id="nav2">
<li>
<a href="#">Главная</a>
</li>
<li>
<a href="#">Новости</a>
</li>
<li>
<a href="#">Сотрудники заповедника</a>
</li>
<li>
<a href="#">Волонтерство</a>
</li>
<li>
<a href="#">Фотогалерея</a>
</li>
<li>
<a href="#">Видео</a>
</li>
<li>
<a href="#">Вакансии</a>
</li>
<li>
<a href="#">Контакты</a>
</li>
</ul>

</div>

<div class="content">

<h3>Основные сведения о заповеднике</h3>
<p class="zel">Официальное название:</p>
<p>Федеральное государственное бюджетное учреждение "Государственный заповедник "Остров Врангеля</p>
<p class="zel">Административное подчинение:</p>
<p>Министерство природных ресурсов и экологии Российской Федерации.
Федеральная служба по надзору в сфере природопользования. (Росприроднадзор)
Департамент государственной политики и регулирования в сфере охраны окружающей среды и экологической безопасности
</p>
<p class="zel">Официальный адрес:</p>
<p class="zagolowok">Юридический адрес:<br />
ФГБУ "Государственный заповедник "Остров Врангеля" <br />
689400, Чукотский автономный округ, г. Певек <br />
факс/тел. (427-37) 4-15-35<br />
тел. (427-37) 4-15-12<br />
E-mail: islandwrangel@mail.ru<br />
Почтовый адрес:<br />
ФГБУ "Государственный заповедник "Остров Врангеля" <br />
689400, Чукотский автономный округ, г. Певек, ул. Обручева, 38</p>
<p class="zagolowok">Руководство заповедника:</p>
<p class="zagolowok">Директор - Груздев Александр Рудольфович <br />
Заместитель директора по экономике и финансам - Старкова Анна Евгеньевна, главный бухгалтер<br />
Начальник отдела обеспечения основной деятельности - Скрипник Александр Георгиевич<br />
И.о. начальника научного отдела - Овсяников Никита Гордеевич<br />
Начальник отдела экологического просвещения - Березюк Люция Минежановна<br />
И.о. начальника отдела охраны территории - Нанаун Лев Васильевич.</p>
</div>
<div id="left2">
<img src="images/nasledie1.gif" alt="Спонсор" />
<br />
<img src="images/mpr.gif" alt="Спонсор" />
</div>
</div>

</body>
</html>

Z1gnet · November 24, 2013

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

swandev · November 25, 2013

Помогите, немогу понять, бошка наверно уже не варит....
суть такая, сделал всплывающее меню ссылка "главная" работает, а ссылка "основные сведения" не хочет работать. Вопрос почему?

Пожалуйста, выложите часть(рабочего) кода на jsbin.com( или аналоги).

Edited November 25, 2013 by ALEEX SWN

Aidel · November 26, 2013

Извините, правда какую то фигню написал, сейчас прочитал сам не понял че хотел, но проблему я вчера решил поздно ночью))))

Sign In

<h1>Помогите с ссылками</h1>

Question

Виталий1994

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

swandev

Link to comment

Share on other sites

Виталий1994

Link to comment

Share on other sites

Aidel

Link to comment

Share on other sites

Z1gnet

Link to comment

Share on other sites

swandev

Link to comment

Share on other sites

Aidel

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information