Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Paulo Andraus

[Resolvido] Problema em alinhar Form dentro de uma div Head

Recommended Posts

Oi pessoal.

Esse é meu primeiro post, sou novato aqui, e estou aprendendo a programar por enquanto apenas com CSS e Xhtml.

 

A dúvida parece boba, mas eu estou tendo dificuldades em alinhar um formulário (daqueles que que tem "digite aqui seu e-mail" e um botãozinho de ok do lado) dentro de uma div Head, que contém a logo e tudo mais do site que estou fazendo.

 

O form só fica no lugar certo com position absolute, mas como eu uso o Macintosh aqui do trabalho, quando abro em casa a resolução é diferente e eu não consigo ajustar para que funcione como um float rigth, por exemplo...

 

é a única coisa que falta para eu terminar a página principal do site!

 

Obrigado desde já!

Compartilhar este post


Link para o post
Compartilhar em outros sites

<body>
<div id="mestre">
  <div id="head">
	<h1>Mãos sem Fronteiras</h1>
      	<h6>5 minutos ao dia...<br />

        ... mudarão sua vida</h6>
<form action="" method="post">
    <input name="email" type="text" value="Digite Seu E-mail Aqui" />
    <input name="botaook" type="submit" id="botaook" value="ok" />
</form>

E, agora, o CSS.

#head {
position:relative;
background:url(topo.png) no-repeat center center;
height:215px;
margin:auto;
padding:0;
}

#form {
position:absolute;
right:0px;
bottom:0px;
}

 

Valeu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Desculpa, saiu várias vezes (não sei pq, tava dando um erro fatal aqui estranho...)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem, só este trecho de código não ajudou muito, mas tudo bem.

 

Não use position para estruturar toda a página. Trabalhe mais com o Box Model.

 

Tem como hospedar ou mandar o HTML e CSS, se não conseguir resolver? ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem, só este trecho de código não ajudou muito, mas tudo bem.

 

Não use position para estruturar toda a página. Trabalhe mais com o Box Model.

 

Tem como hospedar ou mandar o HTML e CSS, se não conseguir resolver? ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Thiago, consegui! Marquei o head como position relative e tudo deu certo.

Meu chefe resolveu o problema em um segundo! hhahahaha

 

Mas muito obrigado pela atenção... Como faço para marcar que o tópico já foi respondido?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.