none
La tabla de la derecha se pierde la mitad html RRS feed

  • Pregunta

  • Buenas 

    Estoy intentando poner 2 tablas en la misma linea, pero al poner la de la derecha se me pierde la mitad

    Gracias

    table id="izquierda" style="float: left;">
                              <caption>Ingredients</caption>
                          </table>
    
                          <table id="derecha" style="float: right;">
                              <caption>Hola</caption>
                          </table>

    martes, 7 de noviembre de 2017 7:27

Respuestas

  • En los "<td>" defines las celdas de cada fila "<tr>".
    Si quieres presentar varias filas solo tiene que incluirlas entre <tr>  y </tr>

    Por ejemplo:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <body>
        <table  width="100%" >
            <TR>
                <TD style="float: left;">Ingredients</TD>
                <TD COLSPAN style=”flota:right;” align="right">Hola</TD>
            </TR>

            <TR>
                <TD style="float: left;">Fila 2.1</TD>
                <TD COLSPAN style=”flota:right;” align="right">Fila2.2</TD>
            </TR>
        </table>
    </body>
    </html>

    Si quieres que la primera fila sea de encabezados en negrita puedes sustituir sus claves por <th>:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <body>
        <table  width="100%" >
            <TR>
                <TH style="float: left;">Ingredients</TH>
                <TH COLSPAN style=”flota:right;” align="right">Hola</TH>
            </TR>

            <TR>
                <TD style="float: left;">Fila 2.1</TD>
                <TD COLSPAN style=”flota:right;” align="right">Fila2.2</TD>
            </TR>
        </table>
    </body>
    </html>


    Saludos, Javier J

    • Marcado como respuesta JETET miércoles, 8 de noviembre de 2017 8:34
    martes, 7 de noviembre de 2017 12:06

  • <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
    	float:left;width:11%;cellspacing:0;cellpadding:0">
    	<caption><b>Inicioss</b></caption>
    	<tr>
    		<th width="22%" align="left"><b>Fecha</b></th>
    		<th width="50%" align="center"><b><label id="idLabel1"></label></b></th>
    	</tr>
    </table>
    <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
    	float:right;width:11%;cellspacing:0;cellpadding:0">
    	<caption><b>Inicioss</b></caption>
    		<tr>
    			<th width="22%" align="left"><b>Fecha</b></th>
    			<th width="50%" align="center"><b><label id="idLabel1"></label></b></th>
    		</tr>
    </table>

    • Marcado como respuesta JETET miércoles, 8 de noviembre de 2017 8:34
    miércoles, 8 de noviembre de 2017 0:07

Todas las respuestas

  • Puedes hacer algo como esto:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <body>
        <table  width="100%" >
            <TR>
                <TD style="float: left;">Ingredients</TD>
                <TD COLSPAN style=”flota:right;” align="right">Hola</TD>
            </TR>
        </table>
    </body>
    </html>


    Saludos, Javier J

    martes, 7 de noviembre de 2017 8:32
  • Gracais por responder 

    Se puede cambiar los td por tablas ques lo que ma hace falta ?

    1000 gracais

    martes, 7 de noviembre de 2017 11:43
  • En los "<td>" defines las celdas de cada fila "<tr>".
    Si quieres presentar varias filas solo tiene que incluirlas entre <tr>  y </tr>

    Por ejemplo:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <body>
        <table  width="100%" >
            <TR>
                <TD style="float: left;">Ingredients</TD>
                <TD COLSPAN style=”flota:right;” align="right">Hola</TD>
            </TR>

            <TR>
                <TD style="float: left;">Fila 2.1</TD>
                <TD COLSPAN style=”flota:right;” align="right">Fila2.2</TD>
            </TR>
        </table>
    </body>
    </html>

    Si quieres que la primera fila sea de encabezados en negrita puedes sustituir sus claves por <th>:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <body>
        <table  width="100%" >
            <TR>
                <TH style="float: left;">Ingredients</TH>
                <TH COLSPAN style=”flota:right;” align="right">Hola</TH>
            </TR>

            <TR>
                <TD style="float: left;">Fila 2.1</TD>
                <TD COLSPAN style=”flota:right;” align="right">Fila2.2</TD>
            </TR>
        </table>
    </body>
    </html>


    Saludos, Javier J

    • Marcado como respuesta JETET miércoles, 8 de noviembre de 2017 8:34
    martes, 7 de noviembre de 2017 12:06
  • ¿Podrías adjuntar una imagen para entender lo que viene sucediendo?. Con el código que adjuntas ambas tablas deberían posicionarse correctamente a la izquierda y derecha, salvo tengas algún código adicional que no nos muestras.
    martes, 7 de noviembre de 2017 16:42
  • estoy probando codigo 

    asi es como me aparece todo lo que estoy probando

    lo que intento es que aparesca a si

    este es el codigo, tengo que quitar un monto de codigo

     Private Sub Imprimir_receta()
    
    
            Dim sb As New StringBuilder()
            Dim h1 As String = "<h1>"
            Dim h2 As String = "<h2>"
            sb.Append(<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    
                          <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;" class="TbInicio" width="11%" cellspacing="0" cellpadding="0">
                              <caption><b>Inicio</b></caption>
                              <tr>
                                  <th width="22%" align="left"><b>Fecha</b></th>
                                  <th width="50%" align="center"><b><label id="idLabel1"></label></b></th>
                              </tr>
                          </table>
                          <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;" class="TbInicio" width="11%" cellspacing="0" cellpadding="0">
    
                              <caption><b>Inicio</b></caption>
                              <tr>
                                  <th width="22%" align="left"><b>Fecha</b></th>
                                  <th width="50%" align="center"><b><label id="idLabel1"></label></b></th>
                              </tr>
                          </table>
    
    
                          <table border="1" width="100%" cellpadding="5" cellspacing="5">
                              <tr>
                                  <td width="50%">
                                      <table border="3">
                                          <caption><b>Inicio</b></caption>
                                          <tr>
                                              <td>Fila 1 Columna 1 Tabla 1</td>
                                              <td>Fila 1 Columna 2 Tabla 1</td>
                                          </tr>
                                          <tr>
                                              <td>Fila 2 Columna 2 Tabla 1</td>
                                              <td>Fila 2 Columna 2 Tabla 1</td>
                                          </tr>
                                      </table>
                                  </td>
                                  <td width="50%">
                                      <table border="3">
                                          <caption><b>Inicio</b></caption>
                                          <tr>
                                              <td>Fila 1 Columna 1 tabla 2</td>
                                              <td>Fila 1 Columna 2 tabla 2</td>
                                          </tr>
                                          <tr>
                                              <td>Fila 2 Columna 1 tabla 2</td>
                                              <td>Fila 2 Columna 2 tabla 2</td>
                                          </tr>
                                      </table>
                                  </td>
                              </tr>
                          </table>
    
                          <table id="izquierda" style="float: left;">
                              <caption>Ingredients</caption>
                          </table>
    
                          <table id="derecha" style="float: right;">
                              <caption>Hola</caption>
                          </table>
                          <div style="clear: both;"></div>
                          <div style="width: (100)px;">
    
                          </div>
    
                          <label id='pCompany' value="si"></label>
                          <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;" class="BeerSmithTable" width="80%" cellspacing="0" cellpadding="0">
    
                              <caption>Ingredients</caption>
    
                              <tr>
                                  <th width="22%" align="left"><b>Amt</b></th>
                                  <th width="50%" align="left"><b>Name</b></th>
                                  <th width="11%" align="left"><b>Type</b></th>
                                  <th width="4%" align="left"><b>#</b></th>
                                  <th width="11%" align="left"><b>%/IBU</b></th>
                              </tr>
    
                              <tr>
                                  <td align="left">6</td>
                                  <td align="left">Honey (2,0 EBC)</td>
                                  <td align="left">Sugar</td>
                                  <td align="left">1</td>
                                  <td align="left">100,0 %</td>
                              </tr>
    
                          </table>
                          <table width="100%">
                              <TR>
                                  <TD border="3" style="float: left;">Ingredients</TD>
                                  <TD COLSPAN="style=flota:right;" align="right">Hola</TD>
                              </TR>
                          </table>
                          <table width="100%">
                              <TR>
                                  <TH style="float: left;">Ingredients</TH>
                                  <TH COLSPAN="style=flota:right;" align="right ">Hola </TH>
                              </TR>
    
                              <TR>
                                  <TD style="float: left;">Fila 2.1</TD>
                                  <TD COLSPAN="style=flota:right;" align="right">Fila2.2</TD>
                              </TR>
                          </table>
                          <input type="checkbox" name="chequeo"></input>
    
    
                          <input type="text" name="texto"></input>
    
    
                          <input type="password" name="clave"></input>
    
    
                          <select name="combo">
                              <option value="">Seleccionar</option>
                              <option value="ES">España</option>
                              <option value="AR">Argentina</option>
                          </select>
    
    
                          <tr><textarea name="textarea"></textarea></tr>
    
                          <input type="checkbox" name="chequeo"></input>
                          <input type="label" name="chequeo"></input>
    
                          <input type="radio" name="opcion"></input>
    
                          <input id="username" name="username" class="required" tabindex="1" accesskey="n" type="text" value="" size="18"></input>
    
                          <input type="file" name="archivo" id="idarchivo"></input>
    
                          <input type="submit" name="enviar" value="Submit-enviar" onclick="alert('ok1')"></input>
    
                          <input type="button" name="boton" value="Button-enviar" onclick="alert('ok2')"></input>
    
                          <input type="image" name="imagen" src="image-enviar.jpg" onclick="alert('ok3')"></input>
                      </meta>)
    
    
    
            Wb.DocumentText = sb.ToString()
    
    
        End Sub
    

    martes, 7 de noviembre de 2017 21:39

  • <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
    	float:left;width:11%;cellspacing:0;cellpadding:0">
    	<caption><b>Inicioss</b></caption>
    	<tr>
    		<th width="22%" align="left"><b>Fecha</b></th>
    		<th width="50%" align="center"><b><label id="idLabel1"></label></b></th>
    	</tr>
    </table>
    <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
    	float:right;width:11%;cellspacing:0;cellpadding:0">
    	<caption><b>Inicioss</b></caption>
    		<tr>
    			<th width="22%" align="left"><b>Fecha</b></th>
    			<th width="50%" align="center"><b><label id="idLabel1"></label></b></th>
    		</tr>
    </table>

    • Marcado como respuesta JETET miércoles, 8 de noviembre de 2017 8:34
    miércoles, 8 de noviembre de 2017 0:07
  • gracias williams 

    He tenido que cambiar el codigo que me as puesto por que me sale con filo la celda

    <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;float:left;" class="TbInicio" width="11%" cellspacing="0" cellpadding="0">
                              <caption><b>Inicio</b></caption>
                              <tr>
                                  <th width="22%" align="left"><b>Fecha</b></th>
                                  <th width="50%" align="center"><b><label id="idLabel1"></label></b></th>
                              </tr>
                          </table>
                          <table border="3" style="border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; float:right;" class="TbInicio" width="11%" cellspacing="0" cellpadding="0">
    
                              <caption><b>Inicio</b></caption>
                              <tr>
                                  <th width="22%" align="left"><b>Fecha</b></th>
                                  <th width="50%" align="center"><b><label id="idLabel1"></label></b></th>
                              </tr>
                          </table>

    miércoles, 8 de noviembre de 2017 7:18