
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
