Ir para conteúdo

POWERED BY:

Arquivado

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

Dr. André

Espaço entre o texto e o link...

Por , em Desenvolvimento frontend

Recommended Posts

Dr. André    0

Dr. André
Postado

Eu nunca tive problema com CSS, porêm agora aconteceu algo estranho, talvez pelo tempo que eu não mecho com isso posso ter feito algo de errado...

 

Eu fiz um texto e coloquei em H6, quando sublinho uma parte e crio um link no dream ele cria um espaço entre o link q o texto, como se fosse uma margi-left e margin-right.

 

Já tentei "margin: 0px" no "a:link".

 

Imagem Postada

 

Imagem Postada

 

Obrigado desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

use o seletor global

<style>*{
margin:0px;
padding:0px;
list-style:0px;/*isso é pra outra coisa*/
}</style>

pode ser o PADDING e não o MARGIN pode ser outra coisa que você colocou no

CSS

 

tem algum link(seu arquivo online)??

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado
Dr. André Passa um link, ou posta o código desta parte para o pessoal observar como você fez. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dr. André    0

Dr. André
Postado

Opa... Eu ja usava o seletor global tudo 0...

 

O problema continua, eu vou passar um code, cria rapido ai o HTML puxando style.css, ambos:

 

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style:0px;
}
body {
	background-color:#F8F8F8;	
	font: 12px Arial, Helvetica, sans-serif; 
	text-align:center;
	} 
#tudo {
	width:760px;
	text-align:left;
	margin:0 auto;
	}
#topo {
	width:760px;
	height: 125px;
	background-image: url(topo.jpg);
	}
#menu {
	width:760px;
	height: 38px;
	background-image: url(menu.jpg);
	}
#corpo {
	width:760px;
	height: 125px;
	background: url(corpo.jpg) repeat-y 0 0;
	}
#conteudo {
	width:495px;
	height: auto;
	float:left;
	}
#barra {
	width:265px;
	height: auto;
	float:right;
	}
#conteudo * {
	padding: 0 15px;
	}
#barra * {
	padding: 0 8px;
	}
#rodape {
	clear:both;
	height:20px;
	background-image: url(rodape.jpg);
	}
#botao_on {
	width:113px;
	height: 23px;
	background-image: url(botao_on.jpg);
	float: left;
	margin: 15px 0 0 10px;
	*margin: 15px 0 0 8px;
	}
#botao_off {
	width:113px;
	height: 23px;
	background-image: url(botao_off.jpg);
	float: left;
	margin: 15px 0 0 10px;
	*margin: 15px 0 0 8px;
	}
/* Textos, títulos e links */
h5 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
}
a:link {
	text-decoration: underline;
	color: #666666;
	}
a:visited {
	text-decoration: none;
	}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
	}	
	
	img {
	float: left;
	}

<!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>
<title>Andr&eacute; HP - Portfolio</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="tudo">
<div id="topo">
</div>
<div id="menu">
<div id="botao_on"> Pink4l</div>
<div id="botao_off"> ink4</div>
<div id="botao_off"> ink4</div>
<div id="botao_off"> link4</div>
</div>
<div id="corpo">
<div id="conteudo">
<div id="titulo">
<p>&nbsp;</p>
<h5><img src="calendario.jpg" width="30" height="43" />hjhgjkjljklkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk jnfgj hfhfg hjfdhf hf<a href="asdsad.html">h hfhf</a>dhgfh </h5>
</div>
</div>
<div id="barra">		
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
	</div>
<p>&nbsp;</p>
</div>
<div id="rodape">
</div>
</div>
</body>
</html>

se tirar no css do H5 até o conteudo resolve o problema, então ta nesse meio...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dr. André    0

Dr. André
Postado

Achei o problema, é na tag do CSS:

 

#conteudo * {

padding: 0 15px;

}

 

se eu colocar 0 no padding ele arruma, porêm se eu faze isso quebra o layout, pq isso é para deixar um espaço entree o conteudo e a tag conteudo...

 

e agora?

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

Coloca a regra para a sua id conteudo assim:

 

#conteudo {
    padding: 0 15px;
    }

 

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

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