Problema con checkbox Sin más preámbulo, voy directo al grano. Quiero crear un par de checkbox en esta página: http://securityenterprise.com.ar/compra.html
Como pueden apreciar los checkbox estan, pero el problema es q no los puedo poner a la par de Producto1, Producto2... etc. Probablemente sea un problema de css pero no estoy seguro por eso prefiero pedir ayuda.
Este es el codigo html de la página.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="../www.w3.org/1999/xhtml/index.html"> <head> <title>SELP S.A</title> <link rel="icon" type="image/png" href="/imagenes/favicon.png" /> <!-- ROBOTS --> <meta name="keywords" content="Central de Monitoreo de Alarmas, Alarmas, Botón de pánico, Tracker, Centros Operativos, Administración, Negocios, La Plata, Buenos Aires, Argentina, SELP, SELP SA, selp, Seguridad, Monitoreo, Seguimiento, Software, Avl, GPS "> <meta name="description" content="Central de Monitoreo de Alarmas, Centros Operativos, Administración, Negocios. SELP S.A - Plaza Azcuenaga Nº139 (19 y 44) - Tel: (+54 0221) 4229505 - 4219391, La Plata, Buenos Aires, Argentina "> <meta name="language" content="es"> <meta http-equiv="content-language" content="es"> <meta http-equiv="language" content="spanish"> <meta name="DC.Language" scheme="RFC1766" content="spanish"> <meta name="distribution" content="global"> <meta name="resource-type" content="document"> <meta name="revisit" content="4 days"> <meta name="robots" content="all"> <!-- ROBOTS /--> <!-- METATAG GOOGLE WEBMASTER --> <meta name="google-site-verification" content="ufX3TSIw8g4g-EGDMm8I_cHlmmDSYrnmSVlYeXY0ItM" /> <!-- METATAG GOOGLE WEBMASTER /--> <!-- METATAG BING HOTMAIL --> <meta name="msvalidate.01" content="208D89987441C46A469CCE4E456C22B9" /><br /> <!-- METATAG BING HOTMAIL /--> <!-- CLASSES --> <link href="css/clases.css" rel="stylesheet" type="text/css" /> <link href="css/slides.css" rel="stylesheet" type="text/css" /> <!-- CLASSES /--> <!-- JQUERY --> <script src='../ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script> <script src="js/slides.min.jquery.js" type="text/javascript"></script> <script type="text/javascript" src="js/livevalidation_standalone.js"></script> <!-- JQUERY /--> <!-- GOOGLE ANALYTICS --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-36947535-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- GOOGLE ANALYTICS /--><link href="css/operativo.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="contenedor"> <div id="sociales">Hazte fan:<a href="https://www.facebook.com/selpsa" target="_blank"><img src="imagenes/ico-face.png" width="7" height="17" /></a></div><div id="content"> <div id="header"><img src="imagenes/logo.png" alt="SELP" width="200" height="90" class="logo" /><img src="imagenes/alas.png" alt="SELP S.A." width="148" height="102" class="alas" /><h1>Security Enterprise La Plata - Software para monitoreo de alarmas y seguimiento vehicular</h1> <div class="menu-header"> <ul id="menu"> <li><a href="index-2.html" id="inicio">INICIO</a></li> <li><a href="#" id="inicio">LA EMPRESA</a> <ul> <li><a href="quienes-somos.html">¿Quiénes somos?</a></li> <li><a href="organizacion-funcional.html">Organización funcional</a></li> <li><a href="filosofia.html">Filosofía</a></li> <li><a href="diferencial.html">Diferencial</a></li> <li><a href="por-que-elegirnos.html">¿Por qué elegirnos?</a></li> </ul> </li> <li><a href="javascript:;" id="productos">PRODUCTOS</a> <ul> <li><a href="SELP-tracker.html">SELP Tracker</a></li> <li><a href="SELP-avl.html">SELP Avl (GPS)</a></li> <li><a href="SELP-web.html">SELP Web 3.0</a></li> <li><a href="SELP-Otros.html">Más Productos</a></li> <li><a href="marcas-asociadas.html">Marcas Asociadas</a></li> </ul> </li> <li><a href="servicios.html" id="servicios">NUESTROS SERVICIOS</a></li> <li><a href="novedades.html" id="novedades">NOVEDADES</a></li> <li><a href="http://selpsa.sytes.net/welcome.php" id="clientes">ACCESO CLIENTES</a></li> <li><a href="#" id="contacto">CONTACTO</a> <ul> <li><a href="administracion.html">Administración</a></li> <li><a href="soporte.html">Soporte Técnico</a></li> <li><a href="ventas.html">Ventas</a></li> </ul> </li> </ul> </div> </div><div id="cont"> <div class="cont-ttl-operativo">Contáctenos</div> <div class="descripcion-partners">Completa el siguiente formulario para finalizar el sistema de ventas vía web. A la brevedad nos comunicaremos contigo. </div> <div class="izquierdo-productos"> <img src="imagenes/contacto.jpg" alt="SELP S.A. Contactenos" width="200" height="133" /> <hr class="separatorDouble-blanco"/> <p class="texto lh-20"><b>SELP S.A</b><br /> Security Enterprise<br /> Plaza Azcuénaga Nº139 (19 y 44)<br /> La Plata - 1900</p> <p class="titulo3" style="font-size:20px;">Tel:(+54 0221) 4229505 (+54 0221) 4219391</p></div> <div class="derecho-productos"> <form id="formulario-contact" action="contacto4.php" method="POST" onsubmit="validate();return returnVal;"> <fieldset> <legend>Formulario de Contacto</legend> <label> Nombre* <input id="nombre" name="nombre" type="text" value="" style="margin-right:20px;"/></label> <label> Apellido <input id="apellido" name="apellido" type="text" value=""/></label> <br/> <label> Email*<input id="email" name="email" type="text" value="" style="margin-right:20px;"/><input name="ok" type="hidden" id="ok" value="1"></label> <label> Telefono*<input id="telefono" name="telefono" type="text" value="" style="margin-right:20px;"/></label> <br/> <label> Pais*<input id="pais" name="pais" type="text" value="" style="margin-right:20px;"/></label> <label> Provincia*<input id="provincia" name="provincia" type="text" value="" style="margin-right:20px;"/></label> <br/> <label> Empresa <input id="empresa" name="empresa" type="text" value="" style="margin-right:20px;"/></label> <br/> <label> Productos</label> <br> <table border="1" cellpadding="1" cellspacing="1" style="width: 200px; height: 60px;"> <tbody> <tr> <td> <input class="controlseleccionar" name="si" type="checkbox" />Producto1</td> <td> <input class="controlseleccionar" name="si" type="checkbox" />Producto2</td> </tr> <tr> <td> <div> <input class="controlseleccionar" name="si" type="checkbox" />Producto3</div> </td> <td> <div> <input class="controlseleccionar" name="si" type="checkbox" />Producto4</div> </td> </tr> <tr> <td> <div> <input class="controlseleccionar" name="si" type="checkbox" />Producto5</div> </td> <td> <div> <input class="controlseleccionar" name="si" type="checkbox" />Producto6</div> </td> </tr> </tbody> </table> <label> Mensaje* <textarea id="mensaje" name="mensaje"></textarea> <input type="hidden" name="ok" id="ok" value="1" /> </label> <br/><br/> </fieldset> <button type="submit" class="link-mostaza" style="margin-left:500px; margin-bottom:15px; font-size:14px;">Enviar mensaje »</button> </form> <script type="text/javascript"> var nombre = new LiveValidation('nombre'); nombre.add(Validate.Presence); var telefono = new LiveValidation('telefono'); telefono.add(Validate.Presence); var email = new LiveValidation('email'); email.add(Validate.Presence); var pais = new LiveValidation('pais'); pais.add(Validate.Presence); var provincia = new LiveValidation('provincia'); provincia.add(Validate.Presence); var mensaje = new LiveValidation('mensaje'); mensaje.add(Validate.Presence); </script> </div> </div> <div id="footer"><p>SELP S.A. - Copyright ® 2013. Todos los Derechos Reservados</p><div class="corte"></div> </div> <div class="corte"></div> </div> </body> </html>
Código:
.derecho-productos {
width: 690px;
float: left;
margin: 0px 0px 23px 0px;
text-align: left;
border: 1px dotted #3B21DF;
