Databases
StackOverflow2013
Postsdbo
POCSS: how can I make this table fit the border when resized?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS: how can I make this table fit the border when resized?
    primarykey
    data
    text
    <p>I would like to make the table with the three images fit inside the border when the page is resized (using <kbd>CTRL +</kbd> in the browser), so it looks like this:</p> <p><a href="http://img535.imageshack.us/img535/8224/gooddq.png" rel="nofollow noreferrer">alt text http://img535.imageshack.us/img535/8224/gooddq.png</a></p> <p>And not like this:</p> <p><a href="http://img30.imageshack.us/img30/2972/bady.png" rel="nofollow noreferrer">alt text http://img30.imageshack.us/img30/2972/bady.png</a></p> <p><strong>How do I do this?</strong> </p> <p>This is the body and table CSS code:</p> <pre><code> body { background-color: #CC7722; margin-left:20%; margin-right:20%; border:3px dotted gray; padding: 10px 10px 10px 10px; font-family:sans-serif; } tabla { width=303px; height=123px; } </code></pre> <p>Here's the full html file:</p> <p></p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /&gt; &lt;title&gt;Evaluaci&amp;oacute;n de Curso&lt;/title&gt; &lt;style type="text/css"&gt; body { background-color: #CC7722; margin-left:20%; margin-right:20%; border:3px dotted gray; padding: 10px 10px 10px 10px; font-family:sans-serif; } tabla { width=303px; height=123px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;form&gt; &lt;!--img src='http://img690.imageshack.us/img690/4338/softrain2.jpg' width="408" height="123"border='0'/--&gt; &lt;div-class="tabla"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;img src='http://img690.imageshack.us/img690/4338/softrain2.jpg' width="300" height="123"border='0'/&gt; &lt;/td&gt; &lt;td&gt; &lt;img src='http://img204.imageshack.us/img204/671/oportuniti.png' width="300" height="123"border='0'/&gt; &lt;/td&gt; &lt;td&gt; &lt;img src='http://img530.imageshack.us/img530/4852/easytest.png' width="300" height="123" border='0'/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;h1&gt;Evaluaci&amp;oacute;n&lt;/h1&gt; &lt;p&gt;Por favor, tome unos minutos para llenar esta evaluaci&amp;oacute;n. &lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;form action="http://localhost/aplicacion.php" method="POST"&gt; &lt;p&gt; &lt;!--h3&gt;Info Personal&lt;/h3--&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Nombre y Apellido:&lt;/td&gt; &lt;td&gt; &lt;input type="text" name="nombre" value="" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Empresa:&lt;/td&gt; &lt;td&gt; &lt;input type="text" name="empresa" value="" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;E-mail:&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="email" value="" cols="234" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;h2&gt;Curso&lt;/h2&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;Nombre del Curso:&lt;/td&gt; &lt;td&gt; &lt;select name="cursos"&gt; &lt;option value="NA"&gt;&lt;/option&gt; &lt;option value="AdminLinux"&gt;Administraci&amp;oacute;n Linux&lt;/option&gt; &lt;option value="AJAX"&gt;AJAX&lt;/option&gt; &lt;option value="Cmasmas"&gt;C++&lt;/option&gt; &lt;option value="Cisco"&gt;Cisco&lt;/option&gt; &lt;option value="DisenioWeb"&gt;Dise&amp;ntilde;o Web&lt;/option&gt; &lt;option value="SCJP"&gt;SCJP&lt;/option&gt; &lt;option value="J2EE"&gt;J2EE&lt;/option&gt; &lt;option value="JavaFundamentals"&gt;Java Fundamentals&lt;/option&gt; &lt;option value="JavaScript"&gt;JavaScript&lt;/option&gt; &lt;option value="JSPServlets"&gt;JSPs y Servlets&lt;/option&gt; &lt;option value="MySQL"&gt;MySQL&lt;/option&gt; &lt;option value="SCWCD"&gt;SCWCD&lt;/option&gt; &lt;option value="PHP"&gt;PHP&lt;/option&gt; &lt;option value="Photoshop"&gt;Photoshop&lt;/option&gt; &lt;option value="PostgreSQL"&gt;PostgreSQL&lt;/option&gt; &lt;option value="Ruby"&gt;Ruby&lt;/option&gt; &lt;option value="XML"&gt;XML&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;td&gt;Nombre del Instructor:&lt;/td&gt; &lt;td&gt; &lt;select name="intructores"&gt; &lt;option value="NA"&gt;&lt;/option&gt; &lt;option value="Antonio Rueda"&gt;Antonio Rueda&lt;/option&gt; &lt;option value="Jos&amp;eacute; Julio Garagorry"&gt;Jos&amp;eacute; Julio Garagorry&lt;/option&gt; &lt;option value="Carlos Forero"&gt;Carlos Forero&lt;/option&gt; &lt;option value="Daniel Garagorry"&gt;Daniel Garagorry&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;div&gt; &lt;h2&gt;Valoraci&amp;oacute;n Global del Curso&lt;/h2&gt; &lt;table&gt; &lt;p&gt;&lt;/p&gt; &amp;#191;El curso respondi&amp;oacute; a sus expectativas iniciales? &lt;br /&gt; &amp;nbsp; &amp;nbsp; Nada(1) / Totalmente(10)&lt;br /&gt; &amp;nbsp; 1 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="1" /&gt; 2 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="2" /&gt; 3 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="3" /&gt; 4 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="4" /&gt; 5 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="5" /&gt; 6 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="6" /&gt; 7 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="7" /&gt; 8 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="8" /&gt; 9 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="9" /&gt; 10 &lt;input type="checkbox" name="respondioExpectativasIniciales" value="10" /&gt; &lt;/table&gt; &lt;table&gt; &lt;p&gt;&lt;/p&gt; Duraci&amp;oacute;n del curso &lt;br /&gt; &amp;nbsp; &amp;nbsp; Muy Corta(1) / Excesiva(10) / Ideal (5)&lt;br /&gt; &amp;nbsp; 1 &lt;input type="checkbox" name="duracionDelCurso" value="1" /&gt; 2 &lt;input type="checkbox" name="duracionDelCurso" value="2" /&gt; 3 &lt;input type="checkbox" name="duracionDelCurso" value="3" /&gt; 4 &lt;input type="checkbox" name="duracionDelCurso" value="4" /&gt; 5 &lt;input type="checkbox" name="duracionDelCurso" value="5" /&gt; 6 &lt;input type="checkbox" name="duracionDelCurso" value="6" /&gt; 7 &lt;input type="checkbox" name="duracionDelCurso" value="7" /&gt; 8 &lt;input type="checkbox" name="duracionDelCurso" value="8" /&gt; 9 &lt;input type="checkbox" name="duracionDelCurso" value="9" /&gt; 10 &lt;input type="checkbox" name="duracionDelCurso" value="10" /&gt; &lt;/table&gt; &lt;p&gt;&lt;/p&gt; &lt;table&gt; &lt;p&gt;&lt;/p&gt; &lt;b&gt;&amp;#191;Qu&amp;eacute; opini&amp;oacute;n le mereci&amp;oacute; el contenido general del curso?&lt;/b&gt;&lt;br /&gt; &amp;nbsp; &amp;nbsp;Deficiente(1) / Excelente(10)&lt;br /&gt; &amp;nbsp;1 &lt;input type="checkbox" name="opinionContenido" value="1" /&gt; 2 &lt;input type="checkbox" name="opinionContenido" value="2" /&gt; 3 &lt;input type="checkbox" name="opinionContenido" value="3" /&gt; 4 &lt;input type="checkbox" name="opinionContenido" value="4" /&gt; 5 &lt;input type="checkbox" name="opinionContenido" value="5" /&gt; 6 &lt;input type="checkbox" name="opinionContenido" value="6" /&gt; 7 &lt;input type="checkbox" name="opinionContenido" value="7" /&gt; 8 &lt;input type="checkbox" name="opinionContenido" value="8" /&gt; 9 &lt;input type="checkbox" name="opinionContenido" value="9" /&gt; 10 &lt;input type="checkbox" name="opinionContenido" value="10" /&gt; &lt;/table&gt; &lt;h2&gt;Evaluaci&amp;oacute;n al Profesor&lt;/h2&gt; &lt;p&gt;Califique del 1 al 10 las siguientes aptitudes del profesor. &lt;br /&gt;&amp;nbsp; &amp;nbsp;&lt;b&gt;Deficiente(1) / Excelente(10)&lt;/b&gt;.&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Claridad Expositiva&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="claridadExpositoria" value="1" /&gt; 2 &lt;input type="checkbox" name="claridadExpositoria" value="2" /&gt; 3 &lt;input type="checkbox" name="claridadExpositoria" value="3" /&gt; 4 &lt;input type="checkbox" name="claridadExpositoria" value="4" /&gt; 5 &lt;input type="checkbox" name="claridadExpositoria" value="5" /&gt; 6 &lt;input type="checkbox" name="claridadExpositoria" value="6" /&gt; 7 &lt;input type="checkbox" name="claridadExpositoria" value="7" /&gt; 8 &lt;input type="checkbox" name="claridadExpositoria" value="8" /&gt; 9 &lt;input type="checkbox" name="claridadExpositoria" value="9" /&gt; 10 &lt;input type="checkbox" name="claridadExpositoria" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;p&gt;&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Capacidad de Motivaci&amp;oacute;n&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="capacidadDeMotivacion" value="1" /&gt; 2 &lt;input type="checkbox" name="capacidadDeMotivacion" value="2" /&gt; 3 &lt;input type="checkbox" name="capacidadDeMotivacion" value="3" /&gt; 4 &lt;input type="checkbox" name="capacidadDeMotivacion" value="4" /&gt; 5 &lt;input type="checkbox" name="capacidadDeMotivacion" value="5" /&gt; 6 &lt;input type="checkbox" name="capacidadDeMotivacion" value="6" /&gt; 7 &lt;input type="checkbox" name="capacidadDeMotivacion" value="7" /&gt; 8 &lt;input type="checkbox" name="capacidadDeMotivacion" value="8" /&gt; 9 &lt;input type="checkbox" name="capacidadDeMotivacion" value="9" /&gt; 10 &lt;input type="checkbox" name="capacidadDeMotivacion" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;p&gt;&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Dominio de m&amp;eacute;todos de ense&amp;ntilde;anza&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="1" /&gt; 2 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="2" /&gt; 3 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="3" /&gt; 4 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="4" /&gt; 5 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="5" /&gt; 6 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="6" /&gt; 7 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="7" /&gt; 8 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="8" /&gt; 9 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="9" /&gt; 10 &lt;input type="checkbox" name="dominioDeMetodosDeEnsenianza" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;p&gt;&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Dominio del contenido&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="dominioDelContenido" value="1" /&gt; 2 &lt;input type="checkbox" name="dominioDelContenido" value="2" /&gt; 3 &lt;input type="checkbox" name="dominioDelContenido" value="3" /&gt; 4 &lt;input type="checkbox" name="dominioDelContenido" value="4" /&gt; 5 &lt;input type="checkbox" name="dominioDelContenido" value="5" /&gt; 6 &lt;input type="checkbox" name="dominioDelContenido" value="6" /&gt; 7 &lt;input type="checkbox" name="dominioDelContenido" value="7" /&gt; 8 &lt;input type="checkbox" name="dominioDelContenido" value="8" /&gt; 9 &lt;input type="checkbox" name="dominioDelContenido" value="9" /&gt; 10 &lt;input type="checkbox" name="dominioDelContenido" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;p&gt;&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;&lt;b&gt;Evaluaci&amp;oacute;n general al profesor&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="evaluacionGralProfesor" value="1" /&gt; 2 &lt;input type="checkbox" name="evaluacionGralProfesor" value="2" /&gt; 3 &lt;input type="checkbox" name="evaluacionGralProfesor" value="3" /&gt; 4 &lt;input type="checkbox" name="evaluacionGralProfesor" value="4" /&gt; 5 &lt;input type="checkbox" name="evaluacionGralProfesor" value="5" /&gt; 6 &lt;input type="checkbox" name="evaluacionGralProfesor" value="6" /&gt; 7 &lt;input type="checkbox" name="evaluacionGralProfesor" value="7" /&gt; 8 &lt;input type="checkbox" name="evaluacionGralProfesor" value="8" /&gt; 9 &lt;input type="checkbox" name="evaluacionGralProfesor" value="9" /&gt; 10 &lt;input type="checkbox" name="evaluacionGralProfesor" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;h2&gt;Ambiente del Curso y Materiales&lt;/h2&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Calidad de la infraestructura&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="calidadInfraestructura" value="1" /&gt; 2 &lt;input type="checkbox" name="calidadInfraestructura" value="2" /&gt; 3 &lt;input type="checkbox" name="calidadInfraestructura" value="3" /&gt; 4 &lt;input type="checkbox" name="calidadInfraestructura" value="4" /&gt; 5 &lt;input type="checkbox" name="calidadInfraestructura" value="5" /&gt; 6 &lt;input type="checkbox" name="calidadInfraestructura" value="6" /&gt; 7 &lt;input type="checkbox" name="calidadInfraestructura" value="7" /&gt; 8 &lt;input type="checkbox" name="calidadInfraestructura" value="8" /&gt; 9 &lt;input type="checkbox" name="calidadInfraestructura" value="9" /&gt; 10 &lt;input type="checkbox" name="calidadInfraestructura" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;!--p&gt;&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Higiene de la infraestructura&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="higiene" value="1" /&gt; 2 &lt;input type="checkbox" name="higiene" value="2" /&gt; 3 &lt;input type="checkbox" name="higiene" value="3" /&gt; 4 &lt;input type="checkbox" name="higiene" value="4" /&gt; 5 &lt;input type="checkbox" name="higiene" value="5" /&gt; 6 &lt;input type="checkbox" name="higiene" value="6" /&gt; 7 &lt;input type="checkbox" name="higiene" value="7" /&gt; 8 &lt;input type="checkbox" name="higiene" value="8" /&gt; 9 &lt;input type="checkbox" name="higiene" value="9" /&gt; 10 &lt;input type="checkbox" name="higiene" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table--&gt; &lt;p&gt;&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Calidad de los refrigerios&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="refrigerios" value="1" /&gt; 2 &lt;input type="checkbox" name="refrigerios" value="2" /&gt; 3 &lt;input type="checkbox" name="refrigerios" value="3" /&gt; 4 &lt;input type="checkbox" name="refrigerios" value="4" /&gt; 5 &lt;input type="checkbox" name="refrigerios" value="5" /&gt; 6 &lt;input type="checkbox" name="refrigerios" value="6" /&gt; 7 &lt;input type="checkbox" name="refrigerios" value="7" /&gt; 8 &lt;input type="checkbox" name="refrigerios" value="8" /&gt; 9 &lt;input type="checkbox" name="refrigerios" value="9" /&gt; 10 &lt;input type="checkbox" name="refrigerios" value="10" /&gt; No hubo &lt;input type="checkbox" name="refrigerios" value="noHubo" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;p&gt;&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;Calidad y nivel de los materiales del curso&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="calidadMateriales" value="1" /&gt; 2 &lt;input type="checkbox" name="calidadMateriales" value="2" /&gt; 3 &lt;input type="checkbox" name="calidadMateriales" value="3" /&gt; 4 &lt;input type="checkbox" name="calidadMateriales" value="4" /&gt; 5 &lt;input type="checkbox" name="calidadMateriales" value="5" /&gt; 6 &lt;input type="checkbox" name="calidadMateriales" value="6" /&gt; 7 &lt;input type="checkbox" name="calidadMateriales" value="7" /&gt; 8 &lt;input type="checkbox" name="calidadMateriales" value="8" /&gt; 9 &lt;input type="checkbox" name="calidadMateriales" value="9" /&gt; 10 &lt;input type="checkbox" name="calidadMateriales" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;p&gt;&lt;/p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;&lt;b&gt;Nivel de organizaci&amp;oacute;n del curso&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt; 1 &lt;input type="checkbox" name="nivelOrganizacion" value="1" /&gt; 2 &lt;input type="checkbox" name="nivelOrganizacion" value="2" /&gt; 3 &lt;input type="checkbox" name="nivelOrganizacion" value="3" /&gt; 4 &lt;input type="checkbox" name="nivelOrganizacion" value="4" /&gt; 5 &lt;input type="checkbox" name="nivelOrganizacion" value="5" /&gt; 6 &lt;input type="checkbox" name="nivelOrganizacion" value="6" /&gt; 7 &lt;input type="checkbox" name="nivelOrganizacion" value="7" /&gt; 8 &lt;input type="checkbox" name="nivelOrganizacion" value="8" /&gt; 9 &lt;input type="checkbox" name="nivelOrganizacion" value="9" /&gt; 10 &lt;input type="checkbox" name="nivelOrganizacion" value="10" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;div&gt; &lt;h2&gt;Otros Cursos&lt;/h2&gt; &lt;p&gt;Marque otros cursos de capacitaci&amp;oacute;n profesional que le interesen.&lt;/p&gt; &lt;p&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;&lt;b&gt;Desarrollo&lt;/b&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;b&gt;Bases de Datos&lt;/b&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;b&gt;Redes y Seguridad&lt;/b&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;b&gt;Ofim&amp;aacute;tica&lt;/b&gt;&lt;/b&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;AJAX&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="AJAX"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;MySQL&lt;/label&gt; &lt;/td&gt;&lt;td&gt; &lt;input type="checkbox" name="cursosDeInteres[]" value="MySQL"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Cisco&lt;/label&gt; &lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Cisco"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Office 2007&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Office2007"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;C#&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="C#"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Oracle&lt;/label&gt;&lt;/td&gt; &lt;td&gt; &lt;input type="checkbox" name="cursosDeInteres[]" value="Oracle"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Linux(Redes)&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="LinuxRedes"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Office 2010&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Office2010"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;C++&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Cmasmas"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;PostgreSQL&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="PostgreSQL"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Linux(Seguridad)&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="LinuxSeguridad"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;OpenOffice&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="OpenOffice"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;HTML y CSS&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="HTMLCSS"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;SQL Server&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="SQL Server"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Solaris(Redes)&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="SolarisRedes"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Photoshop&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Photoshop"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;Java&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Java"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Solaris(Seguridad)&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="SolarisSeguridad"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;J2EE&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="J2EE"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Windows(Redes)&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="WindowsRedes"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;JavaScript&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="JavaScript"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Windows(Seguridad)&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="WindowsSeguridad"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;.NET&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="dotNet"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;PHP&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="programacionShell[]" value="PHP"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;Programaci&amp;oacute;n Shell&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="programacionShell[]" value="dotNet"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;Ruby&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="programacionShell[]" value="Ruby"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;Visual Basic&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="programacionShell[]" value="Visual Basic"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;label&gt;XML&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="programacionShell[]" value="XML"&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;label&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/table&gt; &lt;/table&gt; &lt;!--tr&gt;&lt;td&gt;AJAX&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Ajax" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;C++&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Ajax" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Cisco&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Cisco" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Fireworks&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Fireworks" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;J2EE&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="J2EE" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;HTML &amp; CSS&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="HTML&amp;CSS" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Java (b&amp;aacute;sico)&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Java" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Javascript&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Javascript" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;JSPs y Servlets&lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value = "JSPServlet" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Linux&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Linux" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;MySQL&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="MySQL" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Oracle (BD)&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="OracleBD" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Photoshop&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Photoshop" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;PHP&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="PHP" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;PostgreSQL&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="PostgreSQL" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Python&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Python" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Ruby&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Ruby" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;SCJP&lt;/td&gt; &lt;td&gt; &lt;input type="checkbox" name="cursosDeInteres[]" value="SCJP" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;SCWCD&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="SCWCD" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Solaris&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="Solaris" /&gt; &lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;XML&lt;/td&gt; &lt;td&gt;&lt;input type="checkbox" name="cursosDeInteres[]" value="XML" /&gt; &lt;/td&gt;&lt;/tr--&gt; &lt;/table&gt; &lt;/p&gt; &lt;/div&gt; &lt;p&gt;&lt;/p&gt; &lt;p&gt;&amp;#191;Le gustar&amp;iacute;a recibir informaci&amp;oacute;n por e-mail cuando ofertemos los cursos de su inter&amp;eacute;s?&lt;br /&gt; &lt;table&gt; &lt;td&gt;S&amp;iacute;&lt;/td&gt; &lt;td&gt;&lt;input type="radio" name="recibeMailsCursos" value="si" /&gt; &lt;/td&gt; &lt;td&gt;No&lt;/td&gt; &lt;td&gt;&lt;input type="radio" name="recibeMailsCursos" value="no" /&gt; &lt;/td&gt; &lt;/table&gt; &lt;/p&gt; &lt;h2&gt;Comentarios&lt;/h2&gt; &lt;p&gt;&amp;#191;Qu&amp;eacute; le gust&amp;oacute; del curso? &amp;#191;Qu&amp;eacute; no le gust&amp;oacute;?&lt;br /&gt; &amp;#191;C&amp;oacute;mo cree que podr&amp;iacute;a mejorarse? &lt;/p&gt; &lt;textarea name="comentarios" rows="10" cols="60"&gt;&lt;/textarea&gt; &lt;p&gt;&lt;/p&gt; &lt;p&gt;&lt;/p&gt; &lt;p&gt;&amp;#191;Nos permite publicar publicar sus comentarios de experiencia con nosotros en nuestra p&amp;aacute;gina web, web mail, brochure u otro medio?&lt;br /&gt; &lt;table&gt; &lt;td&gt;S&amp;iacute;&lt;/td&gt; &lt;td&gt;&lt;input type="radio" name="publicar" value="si" /&gt; &lt;/td&gt; &lt;td&gt;No&lt;/td&gt; &lt;td&gt;&lt;input type="radio" name="publicar" value="no" /&gt; &lt;/td&gt; &lt;/table&gt; &lt;/p&gt; &lt;p&gt;&lt;/p&gt; &lt;input type="submit" value="Enviar Evaluaci&amp;oacute;n"/&gt; &lt;/p&gt; &lt;/table&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSinan Ünür
    1. USandandandand
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COPlease make sure your HTML and CSS validates first...
      singulars
      1. POCSS: how can I make this table fit the border when resized?
      1. USkennytm
    2. COI'm sorry I don't know what you mean with "validates", please be more specific.
      singulars
      1. POCSS: how can I make this table fit the border when resized?
      1. USandandandand
    3. COUse this: http://validator.w3.org/ to validate the HTML and this: http://jigsaw.w3.org/css-validator/ to validate the CSS
      singulars
      1. POCSS: how can I make this table fit the border when resized?
      1. USAlex
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload