Publicado em 5 de jul.

Meu primeiro XHTML

Pessoal, meu problema deve ser bem banal, mais por ser iniciante em XHTML e tableless eu não faço nem ideia pelo oq procurar.

Eu tenho o seguinte estilo:

#line1{
	display:block;
	float:left;
	width:760px;
	height:227px;
	margin:0;
	padding:0px;
	text-align:left;
}

E o seguinte DIV

<div id="line1">
 <img src="images/LAYOUT_SLICE_01.jpg"/>
 <img src="images/LAYOUT_SLICE_02.jpg"/>
 <img src="images/LAYOUT_SLICE_03.jpg"/>
	</div>

Problema está no seguinte, ele cria um espaço entre uma imagem e outra. O mesmo acontece com outros objetos como divs e etc. Só pelo falo de eu pular de linha para manter meu código organizado ele faz isso. Se eu colocar tudo em uma linha só não ocorre isso. Ex:

<div id="line1"><img src="images/LAYOUT_SLICE_01.jpg"/><img src="images/LAYOUT_SLICE_02.jpg"/><img src="images/LAYOUT_SLICE_03.jpg"/></div>
Só que da nunca mais vou me achar nos meus códigos. O que tem de errado?

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

GabrielFerrari· 6 de jul.

De uma lida nesse tópico -> http://forum.imasters.com.br/index.php?/topic/212439-como-criar-um-topico-para-o-seu-problema/

Siga as dicas dadas nele para criar um tópico com facilidade de entendimento e de visualizar o problema

Esse monte de códigos postado para mim não explica muito pois deixa várias possibilidades...

Vou começar chutando algo e você diz o resultado que deu

Já está usando o reset?

{margin:0;padding:0;list-style:none;vertical-align:baseline;}Esse erro está em todos os navegadores ou apenas no IE?Tente utilizar display: inline;*

festamix· 7 de jul.

bom kra. se você acessar www.livemidia.com.br/metal/ irá ver o problema, ali não aparece pois no arrumei o código com linhas como eu queria, deixando tudo aglomerado. Pior de tudo, q tentei fazer para ficar nos padrões w3c e justamente isso ali ele acusou como fora do padrão. hahahah

Thiago Retondar· 7 de jul.

Como o Thelon disse, aplique o CSS Reset no início do seu CSS. O que ele faz? Bem, depende de como você declara ele, mas a base para o entendimento dele está no seletor - *****. Esse seletor é o mesmo que todos os elementos. Então por exemplo:]

{ / todos elementos terão / margin: 0; / margins zerados / padding: 0; / paddings zerados */}E por isso? Usamos um CSS Reset para minimizar as diferenças de renderização que os browsers têm por si mesmo.

Bem, talvez isso não seja a solução para este seu problema, até por que nem vi o mesmo, já que não abri o site no IE, mas pode ajudar este e outros problemas que poderá ter.

Espero ter explicado bem. Dúvidas, só retornar. /applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/wink.gif&key=0566fd943552bcff9cb1b879403ca34b5ff8f67befaac7fe4648006e9f764689" alt="Imagem Postada" />

:thumbsup:

André Severino· 8 de jul.

Abri no IE 8 e rodou tranquilo...