Nunca iria funcionar sem existir a Div #topo e a Div #geral.
<div id="geral"> <div id="topo"> <!-- As tags img dentro desta div --> </div> </div>
E outra coisa...
Não tem necessidade de criar um CSS tão grande assim.
Você pode retirar todos os atributos class dessas imagens e colocar apenas isso no CSS:#topo img { float: left; width: 60px; height: 60px; }
Olá sem.Ponto
Obrigada pela dica, mas isso foi só mais um dos testes que estava fazendo. Estou tentando de tudo com e sem divs e não estava funcionando.
Mas vamos lá, fiz o que vc recomendou.. enxuguei o css e inseri as tags div e topo e funcionou em parte .
Vou tentar explicar melhor pra vê se vc consegue me ajudar di novo.
Eu tenho 18 figurinhas 60x60 dispostas em 3 linhas e 6 colunas + 1 uma "figurona "de 420x180 que deve ficar imediatamente ao lado dessas fig menores - como na imagem anexa.
Só que quando faço as modificações que vc sugeriu, essa imagem de 420x180 fica com a mesma dimesão das outras e as imagens ficam em apenas duas linhas , quando deveriam ficar em três.
Eu fiz então uma classe para essa imagem maior, só que ela desce e fica praticamente no corpo do documento.
Eu vou anexar a imagem do que tá acontecendo p/ vc ter uma idéia melhor
Vlw pela ajuda.
Abraços