Jump to content

[Resolvido] Configurar divs


veaoum

Recommended Posts

Boas eu não sei o que se passa mas não consigo carregar nos botões da resposta para inserir código e imagem. Mas coloquei a imagem em:

i9ar.pt/fotopap.jpg

Aqui está o resultado mas o que não queria que aparecesse era o que esta depois do cabeçalho, é possível?

Boas eu não sei o que se passa mas não consigo carregar nos botões da resposta para inserir código e imagem. Mas coloquei a imagem em:

i9ar.pt/fotopap.jpg

Aqui está o resultado mas o que não queria que aparecesse era o que esta depois do cabeçalho, é possível?

Um pequeno pormenor onde está:

max-width:100%

devia ser:

width:100%;

Link to comment
Share on other sites

tenho uma solução ... mas não deixa de ser uma solução muito estranha :

<html style="margin: 0; padding: 0;">
   <head>
   </head>
   <body style="margin: 0; padding: 0;">
     <div style="height: 30px;"></div>
     <div style="border: 1px solid black; background-color: pink;">
         <div style="width: 600px; margin: 0 auto;">
           <div style="height: 30px; width: 600px; background-color: pink; position: absolute;">teste</div>
         </div>
         <div style="height: 30px; width: 50%; background-color: white;"></div>
     </div>
   </body>
</html>
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

Gostava de conseguir perceber o que ai está tu crias 4 divs:

1º: É apenas para dar uma margem em cima.

2º: crias a div em cor-de-rosa, pela folha toda.

3º. crias a div que fica na zona que queres escrever.

4º crias a div ao inicio branca.

Agora como é que garantes que ela vai ficar branca e que a 3ª div fica a rosa. Podes explicar-me?

Link to comment
Share on other sites

sim, a primeira div é só para não aparecer colado ...

depois tenho um div que irá ocupar toda a largura com o fundo de cor de rosa:

<div style="border: 1px solid black; background-color: pink;">
...
</div>

depois criei um div que irá manter as distâncias dos lados da página equidistantes mantendo a página centrada

<div style="width: 600px; margin: 0 auto;">
...
</div>

dentro desse div, tenho o conteúdo do footer que pretendes.

<div style="height: 30px; width: 600px; background-color: pink; position: absolute;">teste</div>

por fim, crio um div que irá "limpar" o lado esquerdo com branco

<div style="height: 30px; width: 50%; background-color: white;"></div>

o truque está no estilo de posicionamento do div : "position: absolute", e o uso do mesmo tamanho entre os div's : "height: 30px"

IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

Finalmente terminado, ficou Como sugerido. código final:

#barra{
   background-color: #E28DC1;
   margin-top:-70px;
}
#centro{
   width: 1024px;
   margin: 0 auto;
}
#textorodape{
   height: 70px;
   width: 921px;
   margin-left:103px;
   background-color: #E28DC1;
   position: absolute;
   text-indent:39px;
   font-family: "Century Gothic";
   font-size: 12pt;
}
#branco {
   height: 70px;
   width: 50%;
   background-color: white;
   }

O que acham?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.