Retirar Borda da Imagem qndo for Link..

[RobertoTauille.com 0]

Olá pessoal, estou com uma duvida cruel..

não consigo tirar a borda rozada da imagem.

 

olhem:

 

http://www.metalurgicaoli.com.br/beto/

 

Css:

 

#i-conteudo ul {
	width:420px;
	height:300px;
	list-style:none;
	}

#i-conteudo ul li {
	display: inline;
	}

#i-conteudo ul li a {
	color: #FFFFFF;
	width:130px;
	height:180px;
	background-color: #212121;
	text-decoration: none;
	border:5px solid #1A1A1A;
	float:left;
	}

#i-conteudo ul li a:hover {
	background-color: #212121;
	background:#212121 url(images/inf-prod.gif) bottom center no-repeat;
	}

Html:

 

<div id="i-conteudo">
				<ul>
					<li><a href="#" title="Produto 01"><img src="images/moleton.jpg" alt="Moleton" /></a></li>
					<li><a href="#" title="Produto 01"><img src="images/moleton.jpg" alt="Moleton" /></a></li>
					<li><a href="#" title="Produto 01"><img src="images/moleton.jpg" alt="Moleton" /></a></li>
				</ul>
			</div>

O que faz essa droga de borda rosa sumir!!

 

:wacko:

[Lucas Tomasi 0]

Olá...

 

Bom, isso apenas ocorre no IE, no FF vai normal.

 

Tente fazer assim:

 

Cria uma classe pra roupa e defina isso:

 

no html:

<li><a href="#" title="Produto 01"><img src="images/moleton.jpg" alt="Moleton" class="roupa" /></a></li>

no css:

 

.roupa {
border:0px;
}

Eu também estava fazendo um site agora, e a imagem também ficou com borda, eu fiz isso e arrumou.

Caso não de certo, volte a postar.

 

Abraço.

[donato 0]

body { border: 0px;} coloca isso no início do seu código css

[RobertoTauille.com 0]

Lucas!! na mosca, a solução foi criar uma classe.

 

da uma olhada!!!

 

 

http://www.metalurgicaoli.com.br/beto/

 

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

[donato 0]

isso funciona, lógico, mas eu pelo menos gosto de zerar tudo no início do meu código, tipo, margin, padding, bordas, depois é só setar o que achar necessário.

 

Ok :D

[RobertoTauille.com 0]

Donato, eu tinha esquecido do border.

 

antes tinha feito assim:

 

/***************************
	Css Reset
****************************/

* {
	margin:0;
	padding:0;
	list-style:none;
	}

Olha o Code agora, com as dicas de vcs:

 

/***************************
	Css Reset
****************************/

* {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	}

Ainda sei mto pouco de Css.

 

Tenho outra duvida, como faço pra sumir com um texto ?

[donato 0]

como assim sumir com texto?

[Giovani 104]

Criar uma classe só para isso não é elegante, vai funcionar, mas tem jeito mais simples de fazer isso.

Aqui no fórum existem vários tópicos sobre isso.

 

Sumir texto como?

Tente ser mais específico.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[RobertoTauille.com 0]

Sim Giiovane eu sei, como disse fiz assim:

 

* {

margin:0;

padding:0;

border:0;

list-style:none;

}

 

Antes apenas naão tinha colocado o border.

 

 

Usei texto para inserir uma imagem e link, agora quero que o texto suma.

[donato 0]

ainda não entendi essa parte do texto, posta ai o exemplo ou o link

[RobertoTauille.com 0]

Vou estudar aqui, qndo conseguir eu posto! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[brcontainer 16]

isso pode fazer algumas TAGs nem "aparecerem" exemplo <HR>:

*{
border:0;
}

seria assim uma melhor maneira:

img{
border:0;
}

quanto ao texto sumir você se refere a ficar apenas imagem e sumir o texto

ou o texto é a parte.

 

talvez seja o caso de display:none;

concordo com Donato e o Giovani

explique melhor o SUMIR TEXTO, assim poderemos lhe ajudar

 

abraço ;)

[RobertoTauille.com 0]

Boa Tarde Silver!

 

www.mertalurgicaoli.com.br/beto/

 

da uma olhadinha, olha onde tem o campo de busca fiz o botão com  

[brcontainer 16]

não estou conseguindo acesso, verifica se ae aparece

abraço ;)

[RobertoTauille.com 0]

Aqui o link..

 

 

http://www.metalurgicaoli.com.br/beto/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[brcontainer 16]

o link eu vi eu não consegui foi acessar a página, estava fora do ar, mas já voltou

quanto ao que você se refere ao buscador tem isso:

<li>
<input name="procurar" id="f-busca" type="text">
<a href="#" title="Procurar...">     </a>
</li>

mas o que tem isso, o que você quer que eu veja nessa parte do seu código???

 

Ps.: Uma dica você fez isso:

border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

troque tudo isso por isso:

border:none;

vai ficar menor ^^

 

abaço ;)

[RobertoTauille.com 0]

Assim Silver:

 

<li>

<input name="procurar" id="f-busca" type="text">

<a href="#" title="Procurar...">ok</a>

</li>

 

quero o que ok não apareça...

[brcontainer 16]

faça assim:

#bg-busca ul li a{
display:block;
width:25px;/*modifique aqui*/
height:25px;/*modifique aqui*/
}

;)

[WillianAndrade 0]

sumir com o texto?

 

se eu entendi é o texto que você utilizou na tag, e dps aplicou o background na tag

 

você deve ta querendo falar do 'image replacement'

se for isso, seria assim:

 

 

seletor {
	 border:0;
	 background:url(.....) no-repeat top left;
	 text-indent:-90000em;
	 overflow:hidden;
}

 

abraço