← HTML + CSS

[Dúvida] Formulário + CSS

Lida 2724 vezes

Offline
T

Tekku 
Membro
Mensagens 100 Gostos 3
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Boas é o seguinte,fiz uma espécie de formulário para fazer logout e outro para fazer login, o que eu queria era por o formulário incluindo o botão de login e de logout todos alinhados numa linha...
Mas por algum motivo não tou a conseguir chegar lá :x




Isto é o que tenho agora, por algum motivo o login tá alinhado, mas o logout não, sendo que ambos possuem CSS igual :x

Código php do login:
Código: [Seleccione]
echo '<form name="form_login" action="login.php" method="post">';
echo '<div class="sign_form">';
echo 'Username:<input id="userbox" type="text" name="user" size="25">';
echo 'Password:<input id="passbox" type="password" name="pass" size="25">';
echo '</div>';
echo '<div class="sign_in">';
echo '<input type="submit" value="Login">';
echo '</div>';
echo '</form>';
Código php do logout:
Código: [Seleccione]
echo '<div class="user_logged">';
echo "Seja bem-vindo/a ".$row['PES_NOME']." ".$row['PES_APELIDO']."!";
echo '</div>';
echo '<form name="form_logout" action="logout.php" method="post">';
echo '<div class="sign_out">';
echo '<input type="submit" value="Logout">';
echo '</div>';
echo '</form>';
CSS:
Código: [Seleccione]
.login {
float: right;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
width: auto;
font-size: 11px;
}

.sign_form, .user_logged, .sign_out, .sign_in {
float: left;
display: inline;
}

.sign_form input, .sign_out input, .sign_in input {
margin-left: 5px;
margin-right: 5px;
}

.sign_in input, .sign_out input {
cursor: pointer;
float: right;
border: 1px solid #4F9488;
background-color: #69C5B5;
padding: 2.5px 5px 2.5px 5px;
border-radius: 3px;
color: white;
font-size: 11px;
display: inline;
}
Alguém me consegue dar uma ajuda pelo que está ai?
Offline
T

Tekku 
Membro
Mensagens 100 Gostos 3
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Desculpem o double-post, mas ninguém me consegue mesmo dar uma ajuda? :x
Offline
r

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Tekku tens isso online? Senão quiseres mostrar envia MP com o endereço.
Offline
T

Tekku 
Membro
Mensagens 100 Gostos 3
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Boas,

Já enviei PM.

Se mais alguém precisar ou quiser ver o projecto online, peça que eu envio por PM, só não postei aqui, pois isto é um projecto da escola e está alojado nos servidores da escola então não sei se devo andar a divulgar links directos para lá, mas se quiserem posso partilhar por PM.

Páginas: 1

Posts relacionados

HTML + CSS

[CSS][Dúvida] Aprender CSS

P
Pedo Bear

HTML + CSS

[CSS] Float CSS fundo desaparece

muiomuio

Tutoriais

[CSS] Video Tutorial - Barra de navegação em Photoshop e CSS

J
Jota