23 replies to this topic

[luisnenao]

ola...gostaria de saber como colocar borda externa em um link com imagem...
no estado "link" ela deve aparecer uma borda transparente... e no estado hover essa borda deve ser preenchida com uma cor...
li no forum que devo usar padding mais nao estou conseguindo..alguem sabe como fazer isso?
agradeço...
luis..

[DarkSign]

não, vc tem usar o border

a:hover { border-top: 5px;
			   border-color: red;
			 }

/*DarkSign*/

[luisnenao]

eu tentei com este código mais nao funcionou...no navegador aparece a borda vermelha do link como sempre ocorre...
nao esta funcionando...
obrigado pela dica...se puder me ajudar achar o problema fico grato... obrigado

[Tohma]

era pra funcionar o codigo passado pelo DarkSign, mas tenta o seguinte

a.link {
	 border:5px solid #FFFFFF;
}
a.hover {
	 border:5px solid #FF0000;
}

se nao der certo posta teu css aí


flw

Edição feita por: Tohma, 12/04/2008, 22:16.

[Alex Hiroshi]

Como uma imagem com link sempre ganha uma borda padrão, é bom retirá-la primeiro.

img {border:0;}

Luis, tem como mostrar um exemplo dessa borda que você procura? Pelo que eu entendi, essa borda é feita com padding mesmo.
Seria assim?

<style type="text/css">
	img {border:0;}
	a {padding:5px; border:1px solid #ddd; display:block; width:80px; height:80px;} /*Usei uma imagem com 80x80px, isso você pode mudar */
	a:hover {background-color:pink;}
</style>

E o html:

<a href="#"><img src="imagem.gif" alt="Borda" /></a>

[luisnenao]

ops.. tentei assim tb mais nao consegui..eu andei pesquisando na net e consegui deste geito:

.efeito img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;
}

.efeito:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.efeito img{
border: 2px solid #ffffff;
}

.efeito:hover img{
border: 2px solid #00ff00;
}

.efeito:hover{
color: red; 
}

.botao a:link, a:hover, a:visited{
color: #666;
text-decoration: none;
}

com isso funcionou direito...

[DarkSign]

Esse código funcionou no IE? o.O estranho, ele geralmente soh aceita os :hover nos links.

/*DarkSign*/

[Alex Hiroshi]

Mas esse css faz a mesma coisa que o css que já postaram aí em cima. A única diferença é que esse aplica uma transparência na imagem. (você tinha falado que era na borda)

DarkSign, provavelmente a classe .efeito está em um link, então ele funciona normalmente.

[DarkSign]

Claro, eu eskeci de ver o "."

/*DarkSign*/

[luisnenao]

Esse código funcionou no IE? o.O estranho, ele geralmente soh aceita os :hover nos links.

/*DarkSign*/

sim...ele funcionou do geito que eu precisava..

Mas esse css faz a mesma coisa que o css que já postaram aí em cima. A única diferença é que esse aplica uma transparência na imagem. (você tinha falado que era na borda)

DarkSign, provavelmente a classe .efeito está em um link, então ele funciona normalmente.

sim..mais tb faz uma boorda normamelte...

[LarPhozyHah]

When Is Alli Coming Back cialis buy online Viagra 65 Ans
Acheter Clomide En Ligne
Vender Viagra <a href=http://cialtobuy.com>online pharmacy</a> Cephalexin 500mg Problems
Propecia For Hair Growth buy cialis Catalogo Levitra
Keflex And Bronchitis
Where To Buy Lasix <a href=http://cialtobuy.com>cialis</a> Kamagra Oral Jelly Kaufen Gunstig
Alli Avaibility cialis Viagra Venta Espana
Fluoxetine Cash Delivery. Fluoxetine Without Perscription Legally
Prix Cialis Tunisie <a href=http://cialtobuy.com>cialis online</a> Buy Ampicillin 500mg No Prescription

[RonsisM]

Viagra En Cordoba cialis buy online Kamagra Oral Jelly And Alcohol Secure Ordering Levaquin Where Can I Buy Drugstore Online Viagra Pfizer 25 Mg Prix Alli Sale cialis Cheapest Viagra Pills For Sale
Cials Sold In Usa viagra cialis Cialis Pills Cheapest
Viagra Wiki Levitra Recommended Dosage Order Cheap Periactin Online
1 Month Taking Propecia <a href=http://cialtobuy.com>online pharmacy</a> Cialis 10 E 20 Mg Prezzi
Amoxicillin Dosage For Cats Capsule buy cialis 50 Mg Amatriptyline Cheap
Discount Stendra Want To Buy On Line Amex Accepted Effets Cialis Generique Keflex A Form Of Amoxicillin
Purchase Prednisone W Not Prescription <a href=http://cialtobuy.com>cialis</a> Online No Prescription
Propecia Recuperarelpelo cialis Can You Buy Lexapro 10 Mg
Alcohol Zithromax
Priligy Zusammen Mit Viagra <a href=http://cialtobuy.com>cialis online</a> Amoxicillin For Animals No Prescription

[LarPhozyHah]

Cialis Mastercard Generic Prednisone Without A Script Reductil Acomplia Propecia online pharmacy Online Viagra Sales India
Amoxicillin Resistant Experiment With Amoxicillin Generic Viagra Overnight Shipping cialis 100mg Water Pills Monohydrate In Cephalexin
Cialis Generico Vendita In Italia Cialis Generique Gratuit Discount Programs For Propecia cialis Viagra Online In Italia Chipest
buy generic accutane online no prescription cheap cialis Amoxicillin For Cats No Prescription Karela Amoxicillin Viral Infection

[LarPhozyHah]

Isotretinoin cod accepted website viagra online prescription Keflex Bladder Infection Anuncios De Kamagra
Propecia Prostatakrebs viagra Propecia Prostate Cancer Prevention Quanto Costa Il Cialis Da 10 Mg

[Miguceamma]

Articulo 12 Finasteride 10mg Skin Health generic viagra Generic Stendra Best Website Overseas Generic Cipro Name
Cialis Generique Europe Cialis Ipertensione Arteriosa Amoxil Capsule viagra Priligy Cuanto Vale Viagra En Ligne Ou Acheter