Jump to content

В чем ошибка

Serhio

By Serhio,
in Freelance

 Share

Recommended Posts

Serhio Explorer

Serhio

Posted
Posted

HTMLкод:

<html>
<title>блок контактов</title>
<head>
<body>
<link rel="stylesheet" type="text/css" href="style.css">
<div class="header_text">
<div class="header_adr"><b>Адрес:</b> Название города<br />
Название улицы, дом №3</div>
<div class="header_phone"><b>Телефон:</b> (909)123456789</div>
</div>
</body>
</head>
</html>
СSSкод:

.header_text {

position: absolute;

top: 100px;

left: 20px;

font-size: 12pt;

font-family: verdana;

font-style: italic;

color: #333;

border: 1px dashed #38B0E3;

padding: 10px;

}

.header_adr {

background: url('../image/adres.png') no-repeat left center;

padding-left: 40px;

}

.header_phone {

background: url('../image/phone.png') no-repeat left center;

padding-left: 40px;

}

Картинки эти:

http://asterial.ru/uploads/image.zip

Но что бы я не пробовал, они не отображаются, кто сможет помочь исправить код?

 

Link to comment
Share on other sites
Нарек Explorer

Нарек

Posted
Posted (edited)

поместите до открытия body ссылку на стили <link rel="stylesheet" type="text/css" href="style.css">

Вроде как в html5 разрешили использовать его в боди если он содержит itemprop элемент.

Да и от Вашей ссылки на стили явно видно, что стили у Вас находятся с html документом в одной папке, так что замените background: url('../image/phone.png') no-repeat left center;  на background: url('image/phone.png') no-repeat left center;

Если конечно html и css файл у Вас каким то образом не оказались в одной папке а папка img в корне.

 

  Reveal hidden contents


Классно! Вы верстаете эти сайты? А еще говорят студии дорого делают сайты

Edited by Нарек
Link to comment
Share on other sites
web911 Explorer

web911

Posted
Posted 


<!doctype html>

<html lang="ru">

<head>

<meta charset="utf-8">

<title>блок контактов</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div class="header_text">

<div class="header_adr"><b>Адрес:</b> Название города<br />

Название улицы, дом №3</div>

<div class="header_phone"><b>Телефон:</b> (909)123456789</div>

</div>

</body>

</html>



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					






	

	

	

        
        

            

                

                    


	
		Serhio
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Serhio
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			

увы не помогло  :(

Метод 
	web911
помог, спасибо большое, сижу разбираю в чем моя ошибка )))

  
            On 8/8/2014 at 1:16 PM, web911 said: 
<!doctype html><html lang="ru"><head><meta charset="utf-8"><title>блок контактов</title><link rel="stylesheet" type="text/css" href="style.css"></head><body><div class="header_text"><div class="header_adr"><b>Адрес:</b> Название города<br />Название улицы, дом №3</div><div class="header_phone"><b>Телефон:</b> (909)123456789</div></div></body></html>
Спасибо, все получилось



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					





					
					
					
				

					

					
					






	

	

	

        
        

            

                

                    


	
		Serhio
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Serhio
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			
  
            On 8/8/2014 at 1:39 PM, Нарек said: 
 :facepalmxd:
ну не всем же сразу дано же, да действительно html и css у меня в одной папке, изображение в другой, потому что если я переношу документ из папки с кодами, изображения пропадают



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					





					
					
					
				

					

					
					






	

	

	

        
        

            

                

                    


	
		Нарек
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Нарек
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			
  
            On 8/8/2014 at 1:58 PM, Serhio said: 
  
            On 8/8/2014 at 1:39 PM, Нарек said: 
 :facepalmxd:
ну не всем же сразу дано же, да действительно html и css у меня в одной папке, изображение в другой, потому что если я переношу документ из папки с кодами, изображения пропадают
Конечно, не все сразу, но как Вы перешли на css если не знаете базовой конструкции html документа? Вы написали свою разметку в head, я не удивлюсь что и доктайп не указали, это единственные отличия которые есть в коде который Вам подсказали. Мне и в голову не пришло что человек который уже css пишет, сделал свою разметку в голове документа:) Да еще и картинки предлагает скачать с сайта который занимается вебом) Странно все это) Фейспалм был адресован мне, не обижайтесь)   


			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
Link to comment

	
		
	
	
	

	
	
Share on other sites

	

	


	

	

	




	



					
					
					
				

					

					
					






	

	

	

        
        

            

                

                    


	
		Serhio
	

                    
                    
                    
                        
Explorer
                    
                    
                

            

            

                

                    


Serhio
                

                

                    Posted 
                    
                

            

        


		




	

		

			

				
    
					
						
  • Author
    • 
					
					
					
					
					
				

			

			
		


		

			Posted  
			
			
				
				
			
		

	


	

    

	

		
		

			
  
            On 8/8/2014 at 10:12 PM, Нарек said: 
 
  
            On 8/8/2014 at 1:58 PM, Serhio said: 
 
  
            On 8/8/2014 at 1:39 PM, Нарек said: 
 :facepalmxd:
ну не всем же сразу дано же, да действительно html и css у меня в одной папке, изображение в другой, потому что если я переношу документ из папки с кодами, изображения пропадают
Конечно, не все сразу, но как Вы перешли на css если не знаете базовой конструкции html документа? Вы написали свою разметку в head, я не удивлюсь что и доктайп не указали, это единственные отличия которые есть в коде который Вам подсказали. Мне и в голову не пришло что человек который уже css пишет, сделал свою разметку в голове документа :) Да еще и картинки предлагает скачать с сайта который занимается вебом) Странно все это) Фейспалм был адресован мне, не обижайтесь)
 
ну да, я програмирование начал изучать с начала августа, чайник полный, но кое в чем начал разбираться, а можешь еще помочь?



			
		


		
			

				
					
						

	
	
		

			
				
				

					
				

			
			
			
		

	


					
				
				
			

		

		
	


	

	





	
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
	


		

			
				
					
				
					
						
					
				
					
				
			
			
				
					
						
							
						
						


	

		
		
		
			
 Reply to this topic...

		
		

			

				
					×
					  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 topic listing
			
		
	

	




						


	

		
    
			
				
					
					
  • 
				
			
		

	


					

					


	

		
		
		
		


	

		
	


	


					

				

			

			
		

		
			
			



	

		×
		


    
	





			
				

					
				

			

			

			
		

	






	

		×
		

			
    
				
  • 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