Buenas,
Estoy diseñando una página con CSS, y mi intención es que quede toda en una misma línea en la área de formulario:
MES AÑO ACEPTAR
En cambio, no sé porque, cada div, se baja una fila:
MES
AÑO
ACEPTAR
La web en cuestión está en esa página:
[URL="http://planning.comeze.com/index.php"]http://planning.comeze.com/index.php[/URL]
Y el diseño web en CSS es:
Código PHP:
<div class="cuadro_formulario">
<form action='index.php' method='post'>
<?php
if ($_POST) {
echo "<div class=\"mes\">MES2:";
saca_menu_desplegable(".....");
echo "</div>";
echo "<div class=\"anio\">AÑO:";
saca_menu_desplegable("......");
echo "</div>";
}
else {
echo "<div class=\"mes\">MES1:";
saca_menu_desplegable("......");
echo "</div>";
echo "<div class=\"anio\">AÑO:";
saca_menu_desplegable("......");
echo "</div>";
}
?>
<input type='submit' value='Aceptar' class='boton_aceptar' />
</form>
</div>
Como lo veis, los DIV's están debidamente cerrados, y sus clases está en el siguiente código CSS:
Código PHP:
BODY {
background: #ACB7F1;
font: 20pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #666666;
width: 800px;
height: auto;
margin: auto;
//text-align: center;
border: dotted;
padding-top: 20px;
}
.titulo {
font: 40pt Verdana, Geneva, Arial, Helvetica, sans-serif;
width:auto;
height:auto;
text-align: center;
}
.cuadro_formulario {
font: 12pt Verdana;
width: auto;
height: auto;
border: dotted;
border-radius: 10px;
margin: auto;
}
.mes {
width: 170px;
left: 150px;
top: 0px;
position: relative;
}
.anio {
width: 130px;
left: 350px;
top: 0px;
position: relative;
}
.boton_aceptar {
font: 10pt Verdana;
left: 500px;
top: 0px;
position: relative;
}
Seguro que será una tonteria, pero...¿por qué se baja una fila para cada capa DIV?
Saludos!