Jump to content
  • 0

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

Виталий1994

Asked by Виталий1994,

 Share

Question

Виталий1994 Explorer

Виталий1994

Posted
Posted

Друзья помогите с ссылками!!!! Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась ( здесь 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>



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



		

		
		
					
		

			

				
6 answers to this question

				

					
					
				

			

		

	

	



	

		
Recommended Posts

		
	



	
	

		

			
			
				

					

					
					





					
					
					
				

					

					
					





					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		Aidel
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Aidel
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

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

<!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>



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		Z1gnet
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Z1gnet
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

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



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					






	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
			
  • 
				
			
    • 
		
	
	




	

	

	

        
        

            

                

                    


	
		swandev
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


swandev
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
					(edited)
				
				
			
		

	


	

    

	

		
		

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



			
				


	Edited  by ALEEX SWN
	
	

			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
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
    

    

        
        
            

            
        
    


				

			
			

				


			

			
		

	







	

		
			
				Go to question listing
			
		
	

	




						


	

		
    
			
				
					
					
  • 

    Similar Content
    

    
	
      
	
		
    • 
			
      
				


	
		Leksa
	

			
      
			
      
				
      Создание дополнительных кнопок на картинке
      
				By 


Leksa
      
				
					
      
						Добрый день. Подскажите пожалуйста. Есть ряд картинок из которых надо сделать галерею, при наведении на каждую из которых появляется голубой фон и две кнопки. Это понятно, делается с помощью css с использованием псевдоссылки a:hover. Вопрос в том, как сделать чтобы при нажатии на эти кнопки происходили дальнейшие действие. Одна из кнопок связана с увеличением масштаба картинки. Возможно ли добавить этой новой кнопке ссылку на открытие увеличенной картинки в новом мини-окошке только с помощью css, или здесь необходимо использовать что-то другое? 

      

					
      
				
			
      
		
      • 
	
	
    

    • 
				
			
		

	


					

					


	

		
		
		
		


	

		
    
			
				
					
					
  • 
				
					
					
  • 

	
    Обсуждения
    
	
		
    
			
      
				
					
    • 
						
      
							


	
		Nikker
	

						
      
						
      
							
       Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене
      
							
      By 


Nikker · Posted 
      
							
      
								Актуальные контакты:
 


	Telegram: @Nikker_web
	E-Mail:   tarasevich.email@gmail.com
 


	Портфолио https://www.behance.net/d4d4186e
 


	Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
 


	 
 


	 
 


	
 

							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		Nikker
	

						
      
						
      
							
       Брендовый дизайн в социальных сетях
      
							
      By 


Nikker · Posted 
      
							
      
								Актуальные контакты:
 


	Telegram: @Nikker_web
	E-Mail:   tarasevich.email@gmail.com
	 
 


	Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
 


	 
 


	Портфолио https://www.behance.net/d4d4186e
 

							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		Mondeus
	

						
      
						
      
							
       Вёрстка футера на движке Xenforo
      
							
      By 


Mondeus · Posted 
      
							
      
								Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. 
 

.p-footer
{
	.xf-publicFooter();

	a
	{
		.xf-publicFooterLink();
	}
}

.p-footer-inner
{
	.m-pageWidth();
	.m-pageInset();

	padding-top: @xf-paddingMedium;
	padding-bottom: @xf-paddingLarge;
}

.p-footer-row
{
	.m-clearFix();

	margin-bottom: -@xf-paddingLarge;
}

.p-footer-row-main
{
	float: left;
	margin-bottom: @xf-paddingLarge;
}

.p-footer-row-opposite
{
	float: right;
	margin-bottom: @xf-paddingLarge;
}

.p-footer-linkList
{
	.m-listPlain();
	.m-clearFix();

	> li
	{
		float: left;
		margin-right: .5em;

		&:last-child
		{
			margin-right: 0;
		}

		a
		{
			padding: 2px 4px;
			border-radius: @xf-borderRadiusSmall;

			&:hover
			{
				text-decoration: none;
				background-color: fade(@xf-publicFooterLink--color, 10%);
			}
		}
	}
}

.p-footer-rssLink
{
	> span
	{
		position: relative;
		top: -1px;

		display: inline-block;
		width: 1.44em;
		height: 1.44em;
		line-height: 1.44em;
		text-align: center;
		font-size: .8em;
		background-color: #4682B4;
		border-radius: 2px;
	}

	.fa-rss
	{
		color: white;
	}
}

.p-footer-copyright
{
	margin-top: @xf-elementSpacer;
	text-align: center;
	font-size: @xf-fontSizeSmallest;
}

.p-footer-debug
{
	margin-top: @xf-paddingLarge;
	text-align: right;
	font-size: @xf-fontSizeSmallest;

	.pairs > dt { color: inherit; }
}

@media (max-width: @xf-responsiveMedium)
{
	.p-footer-row-main,
	.p-footer-row-opposite
	{
		float: none;
	}

	.p-footer-copyright
	{
		text-align: left;
		padding: 0 4px; // aligns with other links
	}
}


	 
 

 
							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		torsar
	

						
      
						
      
							
       Примеры верстки
      
							
      By 


torsar · Posted 
      
							
      
								Нужны сайты с примерами верстки, типа https://css-tricks.com/. 
	 
	Типовые приемы и нестандартные 
	на все случаи жизни. 
	 
	Накидайте ссылок.



	


							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		Katerina23
	

						
      
						
      
							
       Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
      
							
      By 


Katerina23 · Posted 
      
							
      
								Да, подходит. Спасибо.
 

							
      
						
      
					
      • 
				
			
    
		
    
	


    • 
				
			
		

	


	


					

				

			

			
		

		
			
			



	

		×
		


    
	





			
				

					
				

			

			

			
		

	






	

		×
		

			
    
				
  • 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

			

			

				  I accept