(Resolvido) css - posicionamento

[vconde]

pessoal,

preciso de ajuda por favor, para retirar o espaço sobrando entre o menu superior e a foto abaixo.

O problema surgiu quando coloquei uma div em cima da foto, outro menu com fotinhos quadradas e texto. No caso, não quero usar a foto como fundo porque depois pretendo inserir algum java para randomizar a foto, sem alterar esse menu de fotos.

O css está no arquivo anexo.

O arquivo completo com as imagens está publicado em http://www.morsch.co...eterderrt.html.

Desde já agradeço. valeu!!

vconde

vconde@terra.com.br

[_Vinny_]

vconde, conserta o link para a página, esta com erro e não podendo acessar eu não posso ver o erro.

[vconde]

pessoal,

preciso de ajuda por favor, para retirar o espaço sobrando entre o menu superior e a foto abaixo.

O problema surgiu quando coloquei uma div em cima da foto, outro menu com fotinhos quadradas e texto. No caso, não quero usar a foto como fundo porque depois pretendo inserir algum java para randomizar a foto, sem alterar esse menu de fotos.

O css está no arquivo anexo.

O arquivo completo com as imagens está publicado em http://www.morsch.co...eterderrt.html.

Desde já agradeço. valeu!!

vconde

vconde@terra.com.br

Cara, não sei o q ocorreu, mas segue o link completo da página: http://www.jurere.com.br/5colums/testequads.html.

Com as imagens.

Valeu!

vconde, conserta o link para a página, esta com erro e não podendo acessar eu não posso ver o erro.

Cara, não sei o q ocorreu, mas segue o link completo da página: http://www.jurere.com.br/5colums/testequads.html.

Com as imagens.

[_Vinny_]

Melhorou agora com o link :D

Bom, no CSS procure isso:

.twoColFixLtHdr #container #header #navquad {
    visibility: visible;
    z-index: 2;
    position: relative;
    left: 20px;
    top: 415px;
    margin: 0px;
    float: left;
}

Altere o position: relative; para position: absolute;. Feito isso, apenas aumente o left:20px; para que as imagens com links fiquem bem alinhadas.

[vconde]

Melhorou agora com o link :D

Bom, no CSS procure isso:

.twoColFixLtHdr #container #header #navquad {
    visibility: visible;
    z-index: 2;
    position: relative;
    left: 20px;
    top: 415px;
    margin: 0px;
    float: left;
}

Altere o position: relative; para position: absolute;. Feito isso, apenas aumente o left:20px; para que as imagens com links fiquem bem alinhadas.

Vinny, valeu, cara, mas não funciona. É porque o site é centralizado. Seu eu uso absolute, desalinha conforme a resolução de cada usuário... se você puder dar mais uma olhada. valeu!

[vconde]

Melhorou agora com o link :D

Bom, no CSS procure isso:

.twoColFixLtHdr #container #header #navquad {
    visibility: visible;
    z-index: 2;
    position: relative;
    left: 20px;
    top: 415px;
    margin: 0px;
    float: left;
}

Altere o position: relative; para position: absolute;. Feito isso, apenas aumente o left:20px; para que as imagens com links fiquem bem alinhadas.

Vinny, valeu, cara, mas não funciona. É porque o site é centralizado. Seu eu uso absolute, desalinha conforme a resolução de cada usuário... se você puder dar mais uma olhada. valeu!

Agora funcionou!! Tive de colocar tb os ancestrais em relative. Valeu, cara, muito obrigada! Depois publicarei com as alterações.

[_Vinny_]

Agora funcionou!! Tive de colocar tb os ancestrais em relative. Valeu, cara, muito obrigada! Depois publicarei com as alterações.

Opa, que bom que deu certo, depois poste como ficou o código depois de resolvido.

Abraços.