Nenhuma resposta neste tópico

[RafiWskY]

Boa Tarde,

Estou fazendo este site (http://www.consultrain.com.br/layout2/) e estou tendo problemas no fatiamento e inserção das imagens no html. Como podem ver está ficando espaço entre as imagens, como poderia resolver isso ?

No html estão inseridas assim:

<div id="topo1" align="center">
<img src="images/topo_fundo2.jpg"/>
<img src="images/topo_fundo4.jpg"/>
<img src="images/topo_fundo7.jpg"/>
<img src="images/topo_fundo8.jpg"/>
<img src="images/topo_logo.jpg"/>
<img src="images/topo_fundo5.jpg"/>
<img src="images/topo_fundo11.jpg"/>
<img src="images/topo_fundo3.jpg"/>
<img src="images/topo_fundo6.jpg"/>
<img src="images/topo_fundo13.jpg"/>
<img src="images/topo_fundo14.jpg"/>
</div>

Também não estou conseguindo centralizar o topo da página, tentei varias solução mais não consegui. Segue abaixo como está no CSS e no HTML:

CSS:
#tudo {
width: auto;
height: auto;
}

#tudo #topo {
background-image:url(images/topo_fundo.jpg);
width: auto;
min-height:304px;
float: center;
}

#tudo #topo1 {
width: 960px;
height:244px;
float: center;
}

#tudo #topo2 {
width: 960px;
height:60px;
float: center;
}

HTML:
<div id="tudo">

<div id="topo">

<div id="topo1" align="center">
<img src="images/topo_fundo2.jpg"/>
...
</div>

<div id="topo2" align="center">
<img src="images/menu_home.jpg"/>
...
</div>

</div>

Agradeço a atenção.
Abraço.