Montando um topo

Fórum para dúvidas sobre CSS, Tableless e Webstandards.

Moderador: web

responder a dúvida

Montando um topo

Mensagem por standart Offline » Ter Jul 05, 2011 3:04 pm


por favor tente agora, liberei a porta no firewall.

vlw



detalhes...


standart
MEMBRO
MEMBRO
Mensagens: 13
Registrado em: Ter Jul 05, 2011 9:15 am


Montando um topo

Mensagem por web Offline » Ter Jul 05, 2011 3:10 pm

Primeiro, tenta esse http para o doctype: http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd

Agora esse código aqui

<div style="float: none;"></div>

Ele vai depois do topo, ou seja, no final da div do topo, ai você coloca essa div, depois inicia seu conteúdo normal.

...
</div>
<div id="barra">bpppp</div>

<div style="float: none;"></div>

site....

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Montando um topo

Mensagem por standart Offline » Ter Jul 05, 2011 3:17 pm

nada ainda...

detalhes...


standart
MEMBRO
MEMBRO
Mensagens: 13
Registrado em: Ter Jul 05, 2011 9:15 am


Montando um topo

Mensagem por web Offline » Ter Jul 05, 2011 3:22 pm

To vendo aqui que você alterou, mas, não colocou nada após a div com float none, que seria seu conteúdo.

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Montando um topo

Mensagem por standart Offline » Ter Jul 05, 2011 3:58 pm

Depois que coloquei conteúdo depois da div topo, fez foi aparecer um espaçamento de uns 20 px acima do topo.

Veja ai.


vlw

detalhes...


standart
MEMBRO
MEMBRO
Mensagens: 13
Registrado em: Ter Jul 05, 2011 9:15 am


Montando um topo

Mensagem por web Offline » Ter Jul 05, 2011 4:05 pm

Isso provavelmente é algo no seu CSS, que está dando margem.

Adiciona o seguinte no head

Código: Selecionar todos
<style>
* {
margin: 0;
padding: 0;
}
</style>


detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Montando um topo

Mensagem por standart Offline » Ter Jul 05, 2011 4:16 pm

Retirou o espaçamento que tinha aparecido acima do topo, mas ainda persiste o problema.


vlw

detalhes...


standart
MEMBRO
MEMBRO
Mensagens: 13
Registrado em: Ter Jul 05, 2011 9:15 am


Montando um topo

Mensagem por web Offline » Ter Jul 05, 2011 4:19 pm

Qual é esse problema que está falando?

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Montando um topo

Mensagem por standart Offline » Ter Jul 05, 2011 4:25 pm

Se você verificar vai ver que as divs barra e icons esta indo pra trás da div logo. Onde está preto é a div icons, que deveria começar depois que termina a div logo.


vlw

detalhes...


standart
MEMBRO
MEMBRO
Mensagens: 13
Registrado em: Ter Jul 05, 2011 9:15 am


Montando um topo

Mensagem por web Offline » Ter Jul 05, 2011 4:47 pm

Eu estava vendo só no Firefox, que parece Ok aqui, o problema parece estar no IE.

Eu testei aqui com o código abaixo, ficou ok, no IE e Firefox. Acho que alguma outra coisa em sua folha de estilo está estragando o layout.

Código: Selecionar todos
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>

<body>
<div>

<div style="float:left;width:434px; height:144px;background-color:#000;background-image:url(http://200.223.113.130:8080/newprimefaces/javax.faces.resource/img/logo.png.jsf);">logo</div>

<div>

<div style="width:auto; height:110px; background-color:#000;"><img src="http://200.223.113.130:8080/newprimefaces/resources/img/problema.png"></div>
<div style="width:auto; height:44px; background-color:#fff;">outros</div>


</div>

</div>

<div style="float:none;"></div>

outros...
</body>
</html>


detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Anterior

responder a dúvida

Voltar para CSS, Tableless e Webstandards

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes