Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Alvaro Jr

link com blackground

Por , em Desenvolvimento frontend

Recommended Posts

Alvaro Jr    2

Alvaro Jr
Postado

to querendo abribuir no meu a:hover uma blackground

do tamanhod e 250px de largadura, só que

eu dai eu tenho que da uma tamanho para meu link -> a de width : 250 sendo

assim que os menu ficam muito sepradora

 

menu1 width250 menu2 width 250 menu3

 

como faço para atribuir blackground no meu link sem tenk obrigatoriamente

coloca o width dele 250 ?

 

alguem tem uma ideia ?

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jerri Dick    3

Jerri Dick
Postado

deixa eu ver se entendi, você quer colocar uma imagem de bg de 250 px, mas sem colocar width de 250px no link, uma opção seria colocar o bg sem aumentar o tamanho do link, se for isso, poderia usar 

a{ background-size:100% 100% }

Isto faria com que o bg se ajuste com o tamanho do seu elemento, assim você pode ajustar seu elemento do tamanho que mais lhe servir.

mas se o bg precisa nescessáriamente ter 250px, você vai ter que deixar seu link com este tamanho mesmo eu acho

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vinicius Cainelli    17

Vinicius Cainelli
Postado

Propiedade display : http://css-tricks.com/almanac/properties/d/display/

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado 




<style type="text/css">



.header {



    border-bottom:1px solid #eaeaea;



}


 



.header a {



    display: block;



    background-image: url("./imagens/xxx.png");



    background-repeat: no-repeat;



    height:160px;



    padding-left:280px;



    padding-top:50px;



    width:470px;



    color: #eaeaea;



}



</style>



</head>


 



<body>



<div class="header">



    <a href="http://forum.imasters.com.br/topic/514954-link-com-blackground/">



        <span class="header-title">Teste 1</span><br />



        <span class="header-title-two">Teste 2</span>



    </a>



</div>


 



</body>



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Desenvolvimento frontend
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

				
Ao usar o fórum, você concorda com nossos Termos e condições.

			

			

				  Aceito