cuando tengo lo siguiente, se visualiza sin ningun problema
html:
Código :
<div id="dominio"> <!-- dominio --> <div id="dominio1"> <!-- dominio1 --> <div id="www"> <label for="buscar">WWW.</label><input id="txtbuscar" type="text" /><input id="btnbuscar" type="button" value="buscar" /> </div> <div id="check-dom1"> <div><input type="checkbox" id="com2" /><label for="com2">.com</label></div> <div><input type="checkbox" id="commx2" /><label for="commx2">.com.mx</label></div> <div><input type="checkbox" id="net2" /><label for="net2">.net </label></div> <div><a href="#">más opciones</a></div> </div> </div> <!-- FIN dominio1 --> <div id="dominio2"> <!-- dominio2 --> <div id="check-dom2"> <div><input type="checkbox" id="info2" /><label for="info2">.info </label></div> <div><input type="checkbox" id="org2" /><label for="org2">.org </label></div> <div><input type="checkbox" id="mobi2" /><label for="mobi2">.mobi </label></div> <div><input type="checkbox" id="us2" /><label for="us2">.us </label></div> </div> <div id="check-dom3"> <div><input type="checkbox" id="netmx2" /><label for="netmx2">.net.mx</label></div> <div><input type="checkbox" id="edumx2" /><label for="edumx2">.edu.mx*</label></div> <div><input type="checkbox" id="orgmx2" /><label for="orgmx2">.org.mx*</label></div> <div><input type="checkbox" id="gobmx2" /><label for="gobmx2">.gob.mx</label></div> </div> </div> <!-- FIN dominio2 --> </div> <!-- dominio -->
css:
Código :
#www{ padding-top: 70px; padding-left: 10px; float: both; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold;} #www label, #www input{ margin-right: 12px; } #www #txtbuscar{ border: 1px solid #A5ACB2; color: #3F3F3F; font-family: Arial,Helvetica,sans-serif; font-size: 12px; width: 150px; } #www #btnbuscar{ border: 1px solid #7D7B7D; color: #F68627; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; height: 19px; cursor: pointer; width: 78px; } #check-dom1{ margin-top: 30px; } #check-dom2{ margin-top: 10px; } #check-dom3{ margin-top: 0 !important; margin-top: 20px; } #check-dom2, #check-dom3{ margin-bottom: 50px !important; margin-bottom: 60px; } #check-dom1, #check-dom2, #check-dom3{ clear: both; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; margin-left: 5px; } #check-dom1 div,#check-dom2 div,#check-dom3 div{ float: left; width: 80px; }
pero en cuanto quiero meter todo el html en un form para poder procesar los campos dentro de los divs, se ve horrible:
Código :
<form action="rsp.php" method="post"> <div id="dominio"> <!-- dominio --> <div id="dominio1"> <!-- dominio1 --> <div id="www"> <label for="buscar">WWW.</label><input id="txtbuscar" type="text" /><input id="btnbuscar" type="button" value="buscar" /> </div> <div id="check-dom1"> <div><input type="checkbox" id="com2" /><label for="com2">.com</label></div> <div><input type="checkbox" id="commx2" /><label for="commx2">.com.mx</label></div> <div><input type="checkbox" id="net2" /><label for="net2">.net </label></div> <div><a href="#">más opciones</a></div> </div> </div> <!-- FIN dominio1 --> <div id="dominio2"> <!-- dominio2 --> <div id="check-dom2"> <div><input type="checkbox" id="info2" /><label for="info2">.info </label></div> <div><input type="checkbox" id="org2" /><label for="org2">.org </label></div> <div><input type="checkbox" id="mobi2" /><label for="mobi2">.mobi </label></div> <div><input type="checkbox" id="us2" /><label for="us2">.us </label></div> </div> <div id="check-dom3"> <div><input type="checkbox" id="netmx2" /><label for="netmx2">.net.mx</label></div> <div><input type="checkbox" id="edumx2" /><label for="edumx2">.edu.mx*</label></div> <div><input type="checkbox" id="orgmx2" /><label for="orgmx2">.org.mx*</label></div> <div><input type="checkbox" id="gobmx2" /><label for="gobmx2">.gob.mx</label></div> </div> </div> <!-- FIN dominio2 --> </div> <!-- dominio --> </form>
espero alguien tenga una respuesta, estare eternamente agradecido !!!