estoy intentando darle formato a este formulario:
Código :
<form name="form1" method="post" action="noticias.php" id="selectorNoticias"> <div id="tituloNoticiasMin"><h3>Posteriores a: </h3></div> <input type="text" name="selectorNoticiasMin" id="selectorNoticiasMin"> <div id:"tituloNoticiasMax"><h3>Anteriores a: </h3></div> <input type="text" name="selectorNoticiasMax" id="selectorNoticiasMax"> <select name="categoria" id="categoriaNoticias"> <option>Todas las categorías</option> <option value="principal" <?php if($_GET['categoria']=='principal') echo 'selected'?>>SVM</option> <option value="inferior" <?php if($_GET['categoria']=='inferior') echo 'selected'?>>Categorías inferiores</option> </select> <input type="submit" name="Submit" value="Enviar"> </form>
para que quede parecido a esto:

Donde las cajas junto a "Posterior a" y "anterior a" son input texts, la que hay junto a "Categoria" es un select box, y "Enviar" es un boton submit.
he probado a flotarlo todo de todas las maneras posibles, pero no me entero y no me sale, esto es lo que tengo:
Código :
#panelContenidoNoticias {
background-color:#ccc;
border:1px solid #999;
width:620px;
margin:-210px 5px 5px 1px;
_margin-top:-15px;
_margin-right:2px;
_width:621px;
position:relative;
float:right;
text-align:center;
}
#contenedorNoticias {
background-color:#FFF;
border:1px solid #999;
position:relative;
float:right;
padding-top:20px;
padding-bottom:6px;
width:607px;
_width:605px;
margin-top:5px;
margin-right:5px;
_margin-top:6px;
_margin-right:3px;
margin-bottom:5px;
}
#tituloNoticias
{
display:none;
}
#selectorNoticias {
/**El formulario donde eligen la fecha de las noticias y el tipo que quieren mostrar**/
background-color:#FFF;
border:1px solid #999;
position:relative;
float:right;
padding-top:20px;
padding-bottom:6px;
width:607px;
_width:605px;
margin-top:5px;
_margin-top:6px;
margin-right:5px;
_margin-right:3px;
margin-bottom:5px;
}
#contenedorSelectorNoticias h1 {
display:none;
}
#tituloNoticiasMin {
display:block;
float:left;
margin:10px;
}
#selectorNoticiasMin {
/**Campo de texto al que se le asocia un calendario y que especifica la fecha minima**/
display:block;
background-color:#FFF;
border:1px solid #999;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999;
margin:10px;
float:left;
}
#selectorNoticiasMax {
/**Campo de texto al que se le asocia un calendario y que especifica la fecha minima**/
display:block;
background-color:#FFF;
border:1px solid #999;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999;
margin:10px;
float:left;
}
#contenedorSelectorNoticias h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999;
font-size:12px;
font-weight:normal;
}
#categoriaNoticias {
/**Campo de texto al que se le asocia un calendario y que especifica la fecha minima**/
background-color:#FFF;
border:1px solid #999;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999;
float:left;
clear:left;
margin:10px;
}
algun alma caritativa me echaria una mano? gracias desde ya
