Primero que nada. Saludos a los leyentes.
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> Esta vendría a ser la parte de css:
Código:
.derecho-productos {
width: 690px;
float: left;
margin: 0px 0px 23px 0px;
text-align: left;
border: 1px dotted #3B21DF;