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.