Foros del Web » Creando para Internet » HTML »

problema con columnas

Estas en el tema de problema con columnas en el foro de HTML en Foros del Web. hola espero se encuentren bien, llevo desde ayer por la tarde intentando esto y no lo he conseguido, he intentado varias cosas no se si ...
  #1 (permalink)  
Antiguo 24/05/2012, 09:04
 
Fecha de Ingreso: octubre-2011
Mensajes: 13
Antigüedad: 13 años, 1 mes
Puntos: 1
Pregunta problema con columnas

hola espero se encuentren bien, llevo desde ayer por la tarde intentando esto y no lo he conseguido, he intentado varias cosas no se si lo he hecho mal o que sucede, tal vez sea que mi cerebro ya no reacciona pues no he dormido por que necesito terminar esto, espero puedan orientarme, tengo una tabla que se divide en tres partes, cada parte tiene su imagen y me gustaria poder escribir sobre cada parte dos columnas que llevarian este orden:

texto1 texto6
texto2 texto7
texto3 texto8
texto4 texto9
texto5 texto10

este es el codigo que tengo y de verdad que lo he intentado y no lo he logrado tal vez sea una tonteria, pero me he quedado ahi y no salgo, un saludo y que tengan un excelente dia!!!!

Código:
<td align="center" background="images/list_bg2.png">
<table width="850" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" background="images/list_bg2.png"><img src="images/column1.png" width="284" height="700" border="0"></td>
<td align="center" background="images/list_bg2.png"><img src="images/column2.png" width="284" height="700" border="0"></td>
<td align="center" background="images/list_bg2.png"><img src="images/column3.png" width="283" height="700" border="0"></td>
</tr>
</table>
</td>
  #2 (permalink)  
Antiguo 24/05/2012, 09:45
Avatar de NSD
NSD
Colaborador
 
Fecha de Ingreso: mayo-2012
Ubicación: Somewhere
Mensajes: 1.332
Antigüedad: 12 años, 6 meses
Puntos: 320
Respuesta: problema con columnas

Código HTML:
Ver original
  1. <table width="850" border="0" cellspacing="0" cellpadding="0">
  2. <tr>
  3. <td align="center" background="images/list_bg2.png">Texto1</td>
  4. <td align="center" background="images/list_bg2.png">Texto 6</td>
  5. </tr>
  6. <tr>
  7. <td align="center" background="images/list_bg2.png">Texto2</td>
  8. <td align="center" background="images/list_bg2.png">Texto 7</td>
  9. </tr>
  10. <tr>
  11. <td align="center" background="images/list_bg2.png">Texto3</td>
  12. <td align="center" background="images/list_bg2.png">Texto 8</td>
  13. </tr>
  14. <tr>
  15. <td align="center" background="images/list_bg2.png">Texto4</td>
  16. <td align="center" background="images/list_bg2.png">Texto 9</td>
  17. </tr>
  18. <tr>
  19. <td align="center" background="images/list_bg2.png">Texto5</td>
  20. <td align="center" background="images/list_bg2.png">Texto 10</td>
  21. </tr>
no si es eso a lo que te refieres, si quieres escribir sobre las imagenes o las pones como background o usas css para poder ubicarlas detras del texto de forma absoluta.
con esta tabla te queda como en el ejemplo que pusiste
  #3 (permalink)  
Antiguo 24/05/2012, 10:21
 
Fecha de Ingreso: octubre-2011
Mensajes: 13
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: problema con columnas

hola nsd, antes que nada gracias por responderme, intente poniendo el codigo que pusiste y la verdad no me funciona, a la mejor no me di a entender bien, pero mira trato de hacer exactamente algo como esto:

[URL="http://ludensdiary.com.mx/m/layout.jpg"]imagen[/URL]

hay tres divisiones y cada division tiene dos columnas de textos, eso seria lo que quisiera lograr
  #4 (permalink)  
Antiguo 24/05/2012, 11:18
Avatar de NSD
NSD
Colaborador
 
Fecha de Ingreso: mayo-2012
Ubicación: Somewhere
Mensajes: 1.332
Antigüedad: 12 años, 6 meses
Puntos: 320
Respuesta: problema con columnas

ahora entendi XD te pase el codigo de una columna sola en mi ejemplo , aqui te envio corregido:
Código HTML:
Ver original
  1.             <tr>
  2.                 <td>
  3.                     <table border="0" cellspacing="0" cellpadding="0">
  4.                         <tr>
  5.                             <td>
  6.                                 <b>Titulo</b>
  7.                                 <ul>
  8.                                     <li><b>Texto</b></li>
  9.                                     <li><b>Texto</b></li>
  10.                                     <li><b>Texto</b></li>
  11.                                     <li><b>Texto</b></li>
  12.                                     <li><b>Texto</b></li>
  13.                                     <li><b>Texto</b></li>
  14.                                 </ul>
  15.                             </td>
  16.                             <td style="padding-left:20px">
  17.                                 <b>Titulo</b>
  18.                                 <ul>
  19.                                     <li><b>Texto</b></li>
  20.                                     <li><b>Texto</b></li>
  21.                                     <li><b>Texto</b></li>
  22.                                     <li><b>Texto</b></li>
  23.                                     <li><b>Texto</b></li>
  24.                                     <li><b>Texto</b></li>
  25.                                 </ul>
  26.                             </td>
  27.                         </tr>
  28.                     </table>
  29.                 </td>
  30.                 <td style="width:1px;background:#000"></td>
  31.                 <td>
  32.                     <table border="0" cellspacing="0" cellpadding="0">
  33.                         <tr>
  34.                             <td>
  35.                                 <b>Titulo</b>
  36.                                 <ul>
  37.                                     <li><b>Texto</b></li>
  38.                                     <li><b>Texto</b></li>
  39.                                     <li><b>Texto</b></li>
  40.                                     <li><b>Texto</b></li>
  41.                                     <li><b>Texto</b></li>
  42.                                     <li><b>Texto</b></li>
  43.                                 </ul>
  44.                             </td>
  45.                             <td style="padding-left:20px">
  46.                                 <b>Titulo</b>
  47.                                 <ul>
  48.                                     <li><b>Texto</b></li>
  49.                                     <li><b>Texto</b></li>
  50.                                     <li><b>Texto</b></li>
  51.                                     <li><b>Texto</b></li>
  52.                                     <li><b>Texto</b></li>
  53.                                     <li><b>Texto</b></li>
  54.                                 </ul>
  55.                             </td>
  56.                         </tr>
  57.                     </table>
  58.                 </td>
  59.                 <td style="width:1px;background:#000"></td>
  60.                 <td>
  61.                     <table border="0" cellspacing="0" cellpadding="0">
  62.                         <tr>
  63.                             <td>
  64.                                 <b>Titulo</b>
  65.                                 <ul>
  66.                                     <li><b>Texto</b></li>
  67.                                     <li><b>Texto</b></li>
  68.                                     <li><b>Texto</b></li>
  69.                                     <li><b>Texto</b></li>
  70.                                     <li><b>Texto</b></li>
  71.                                     <li><b>Texto</b></li>
  72.                                 </ul>
  73.                             </td>
  74.                             <td style="padding-left:20px">
  75.                                 <b>Titulo</b>
  76.                                 <ul>
  77.                                     <li><b>Texto</b></li>
  78.                                     <li><b>Texto</b></li>
  79.                                     <li><b>Texto</b></li>
  80.                                     <li><b>Texto</b></li>
  81.                                     <li><b>Texto</b></li>
  82.                                     <li><b>Texto</b></li>
  83.                                 </ul>
  84.                             </td>
  85.                         </tr>
  86.                     </table>
  87.                 </td>
  88.             </tr>
  89.         </table>

alli lo tienes espero te sirva eso es la parte de abajo de la imagen que publicaste :)
  #5 (permalink)  
Antiguo 24/05/2012, 13:10
 
Fecha de Ingreso: octubre-2011
Mensajes: 13
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: problema con columnas

muchas gracias nsd, funciono perfecto, un saludote y que tengas un gran dia!!!!

Etiquetas: columnas, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:27.