Ir para conteúdo

POWERED BY:

Arquivado

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

cvinnicios

Borda indesejada em imagem

Por , em Desenvolvimento frontend

Recommended Posts

cvinnicios    0

cvinnicios
Postado

defini uma div para o menu horizontal da minha página e dentro dela está algumas div's aninhadas. Bem, fiz o efeito mouse over em css nos botões e dentro do <a> coloquei uma imagem (icone) em gif, mas aparece uma borda roxa que não consigo tirar. Como tiro essa borda roxa das minhas imagens?

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Não pode colocar ou nos apresentar parte do código referente ao problema?

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif No entanto pode tentar colocar um border: none.

 

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado 
a img { 	border: none;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

hinom, tudo que diz respeito à formatação deve ser feito com CSS. O atributo border está em desuso segundo as normas do W3C (claro, quando se utiliza um DTD Strict)...

 

Então, o mais adequado a ser feito é utlizar uma class ou id se desejar criar uma formatação específica para cada imagem na página ou simplesmente retirar a borda de todas as imagens declarando assim:

img {	border: none;}
Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Vale lembrar q a imagem em questão esta cercada por um <a></a> então vale para o caso a declaração que postei acima

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

É valido também a declaração de border: none; para * ?

 

Acho que assim evita "retrabalhos" posteriormente.

 

 

[]s

Acredito que sim Alkaeda, eu não testei, mas não vejo que há algum problema... Só testando mesmo...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Concordo.Tudo que você queira "zerar" seta no " * " facilita bastante e evita o retrabalho

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Mas há problemas ao usar isso no asterisco, pois os campos de formulário por exemplo fica tudo sem borda, e horrível =/[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Das vezes que eu fiz isso tive algum incomodo com os formulários como o #INSIDE# citou, mas fica a gosto de quem está fazendo!

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Mas há problemas ao usar isso no asterisco, pois os campos de formulário por exemplo fica tudo sem borda, e horrível =/

Compartilhar este post

Link para o post
Compartilhar em outros sites

xavrim    0

xavrim
Postado

Aproveitando...Tenho uma imagem que esta entre <a></a>, tem esta borda indesejada que eu conseguir tirar, mas a imagem esta dentro de uma DIV, e que esta DIV faz uma espaço em baixo que não sei o que..!!! Alguem sabe o que é?

Compartilhar este post

Link para o post
Compartilhar em outros sites

xavrim    0

xavrim
Postado

Estou fazendo isso agora:

 

Esta e a página:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Mídia BH</title><link type="text/css" href="index_pag.css" media="all" rel="stylesheet" /><link rel="SHORTCUT ICON" href="icone/favicon.ico"/></head><body><!--  FUNDO --><div id="grafismo">	<!-- Organiza os elementos --><div id="organiza"><!--  Banner ESCOLA --><div id="banner">		<!-- Mudar arquivo da pasta BANNER_ESCOLA --><?php include "banner_escola/banner.php"; ?><!--  Fim Banner ESCOLA --></div>			<!--  Área do MENU --><div id="menu"><!-- Mudar arquivo da pasta MENU --><?php include "menu/menu.php"; ?><!--  Fim --></div><!-- centralizar banners --><div id="banners">						<!--  Banner para novidades -->			<img src="imagens/corpo site/banner_index.jpg" alt="Novos Cursos" id="novos" />		<!--  Fim Banner para novidades -->					<!--  Banner para promo -->			<img src="imagens/corpo site/banner_index.jpg" alt="Promoções" id="promo" />		<!--  Fim Banner promo -->			<!-- Fim centralizar banners --></div><!-- Direitos Autorais --><div id="direitos"><address>Todos os direitos reservados. Copyright © Mídia BH - (31) 3273 - 6096Av.: João Pinheiro Nº.: 39 1º Andar</address><!--Fim direitos --></div><!-- Fim Organiza elementos --></div><!--  Fim FUNDO  --></div></body></html>

 

Este é o estilo:

 

<!--*{	margin:0px auto;	padding:0px;	list-style:none;	vertical-align:middle;	text-decoration:none;	font-style:normal;}#grafismo{	background-image:url(grafismo/grafismo3.jpg);	height:593px;	width:952px;	padding-top:87px;/*Retirar esta linha*/	background-repeat:no-repeat;}#organiza{	margin:0px auto;/*Colocar 87px no lugar do 0*/	width:778px;	height:430px;	text-align:center;	padding-top:26px;}#banner{	width:725px;	height:200px;}#menu{	width:725px;	height:20px;	margin-bottom:20px;	background-color:#000000;	background-repeat:no-repeat;}#novos{/*Banner direita*/	height:130px;	width:350px;	float:left;}#promo{/*Banner direita*/	height:130px;	width:350px;	float:right;}#banners{	width:725px;	height:130px;}#direitos{	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	margin-top:3px;	color:#CC0000;	text-align:center;	font-weight:200;	width:725px;}-->

 

Aproveitando...

 

Teria como zerar as margens de todos. Pq mesmo eu fazendo isso fica!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Isso mesmo Léo[]'s

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