Foros del Web » Creando para Internet » HTML »

como hacer esta tabla

Estas en el tema de como hacer esta tabla en el foro de HTML en Foros del Web. Quisiera saber como puedo hacer esta tabla, he creado tablas pero simples pero como esta no aqui les dejo imagen: Espero me ayuden porfavor. Pd: ...
  #1 (permalink)  
Antiguo 11/09/2012, 10:08
 
Fecha de Ingreso: agosto-2012
Ubicación: Perú
Mensajes: 63
Antigüedad: 11 años, 8 meses
Puntos: 0
Pregunta como hacer esta tabla

Quisiera saber como puedo hacer esta tabla, he creado tablas pero simples pero como esta no aqui les dejo imagen:



Espero me ayuden porfavor.

Pd: también quisiera saber ese color naranja que en realidad no es solo naranja si no que tiene un brillo algo xvr de donde saco esos colores?

saludos.
  #2 (permalink)  
Antiguo 11/09/2012, 11:23
Avatar de PIRRUMAN  
Fecha de Ingreso: febrero-2006
Ubicación: Monterrey, Nuevo León
Mensajes: 633
Antigüedad: 18 años, 3 meses
Puntos: 53
Respuesta: como hacer esta tabla

supongo te refieres a los estilos de la tabla , si es asi con css se puede modificar su apariencia,
el color naranja que dices es un ejemplo de ello , puede ser alguna clase css o alguna imagen de fondo de la celda

si te refieres a la distribucion , los parametros coldspan y rowspan son los que utilizan en ella
__________________
“Prefiero ser un tonto momentaneo que un eterno ignorante”
“¡El éxito es resultado de los aciertos,los aciertos resultado de la experiencia y la experiencia resultado de los errores!”
  #3 (permalink)  
Antiguo 11/09/2012, 11:26
Avatar de lordglazoon  
Fecha de Ingreso: julio-2011
Mensajes: 54
Antigüedad: 12 años, 9 meses
Puntos: 8
Respuesta: como hacer esta tabla

<table width="100%" border="1">
<tr>
<td colspan="5">&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>


el fondo narnja y gris oscuro, son imagenes o con css degradado
  #4 (permalink)  
Antiguo 11/09/2012, 12:15
Avatar de pablogalvan  
Fecha de Ingreso: septiembre-2012
Ubicación: Sevilla Spain
Mensajes: 107
Antigüedad: 11 años, 7 meses
Puntos: 10
Respuesta: como hacer esta tabla

Como ves en el código, a la hora de unir celdas es con colspan para unirlas horizontalmente y rowspan para hacerlo verticalmente.

En la celda superior naranja, ocupa 5 columnas (hay que poner el máximo número de columnas de la tabla para ese espacio) por lo cual se usa colspan=5. La celda foro ocupa dos columnas por eso se usa colspan=2. La propiedad html para el cólor de fondo es bgcolor, pero queda mejor con css
__________________
Especialista SEO
Liga Rfactor
  #5 (permalink)  
Antiguo 12/09/2012, 11:11
 
Fecha de Ingreso: agosto-2012
Ubicación: Perú
Mensajes: 63
Antigüedad: 11 años, 8 meses
Puntos: 0
Mensaje Respuesta: como hacer esta tabla

Cita:
Iniciado por PIRRUMAN Ver Mensaje
supongo te refieres a los estilos de la tabla , si es asi con css se puede modificar su apariencia,
el color naranja que dices es un ejemplo de ello , puede ser alguna clase css o alguna imagen de fondo de la celda

si te refieres a la distribucion , los parametros coldspan y rowspan son los que utilizan en ella
Cita:
Iniciado por lordglazoon Ver Mensaje
<table width="100%" border="1">
<tr>
<td colspan="5">&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>


el fondo narnja y gris oscuro, son imagenes o con css degradado
Cita:
Iniciado por pablogalvan Ver Mensaje
Como ves en el código, a la hora de unir celdas es con colspan para unirlas horizontalmente y rowspan para hacerlo verticalmente.

En la celda superior naranja, ocupa 5 columnas (hay que poner el máximo número de columnas de la tabla para ese espacio) por lo cual se usa colspan=5. La celda foro ocupa dos columnas por eso se usa colspan=2. La propiedad html para el cólor de fondo es bgcolor, pero queda mejor con css
Aver si me pueden ayudar porfavor.
Tengo 2 problemas, aquí les dejo la imagen:



Como ven el primer problema es la imagen la he puesto pero esta fuera, y el segundo es que las tablas no estan juntas como vieron en la imagen principal arriba.. las mias están separadas y quisiera saber como puedo arreglar esos 2 problemas porfavor, aquí les dejo la sintaxis.

Código HTML:
Ver original
  1. <table width="100%" border="1" >
  2. <tr>
  3. <td class="eee" colspan="5"><strong>eee</strong></td>
  4. </tr>
  5. <tr>
  6. <td class="eee" colspan="2"><strong>Foro</strong></td>
  7. <td class="eee"><strong>Temas</strong></td>
  8. <td class="eee"><strong>Mensajes</strong></td>
  9. <td class="eee"><strong>Ultimos mensajes</strong></td>
  10. <tr>
  11. <td class="eee" ><img src="prueba.gif"></td>
  12. <td>&nbsp;</td>
  13. <td>&nbsp;</td>
  14. <td>&nbsp;</td>
  15. <td>&nbsp;</td>
  16. </tr>
  17. <tr>
  18. <td>&nbsp;</td>
  19. <td>&nbsp;</td>
  20. <td>&nbsp;</td>
  21. <td>&nbsp;</td>
  22. <td>&nbsp;</td>
  23. </tr>
Esta imagen la uso de prueba, porque aún no creo la mía
Espero que me puedan ayudar porfavor, saludos.
  #6 (permalink)  
Antiguo 12/09/2012, 14:16
 
Fecha de Ingreso: mayo-2006
Mensajes: 475
Antigüedad: 18 años
Puntos: 58
Respuesta: como hacer esta tabla

Prueba ahora, habia un tr sin cerrar y la etiqueta simple IMG también se debe cerrar
Código HTML:
Ver original
  1. <table width="100%" border="1" >
  2. <tr>
  3. <td class="eee" colspan="5"><strong>eee</strong></td>
  4. </tr>
  5. <tr>
  6. <td class="eee" colspan="2"><strong>Foro</strong></td>
  7. <td class="eee"><strong>Temas</strong></td>
  8. <td class="eee"><strong>Mensajes</strong></td>
  9. <td class="eee"><strong>Ultimos mensajes</strong></td>
  10. </tr>
  11. <tr>
  12. <td class="eee" ><img src="prueba.gif"/></td>
  13. <td>&nbsp;</td>
  14. <td>&nbsp;</td>
  15. <td>&nbsp;</td>
  16. <td>&nbsp;</td>
  17. </tr>
  18. <tr>
  19. <td>&nbsp;</td>
  20. <td>&nbsp;</td>
  21. <td>&nbsp;</td>
  22. <td>&nbsp;</td>
  23. <td>&nbsp;</td>
  24. </tr>
  #7 (permalink)  
Antiguo 12/09/2012, 19:41
 
Fecha de Ingreso: agosto-2012
Ubicación: Perú
Mensajes: 63
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: como hacer esta tabla

Cita:
Iniciado por jossss Ver Mensaje
Prueba ahora, habia un tr sin cerrar y la etiqueta simple IMG también se debe cerrar
Código HTML:
Ver original
  1. <table width="100%" border="1" >
  2. <tr>
  3. <td class="eee" colspan="5"><strong>eee</strong></td>
  4. </tr>
  5. <tr>
  6. <td class="eee" colspan="2"><strong>Foro</strong></td>
  7. <td class="eee"><strong>Temas</strong></td>
  8. <td class="eee"><strong>Mensajes</strong></td>
  9. <td class="eee"><strong>Ultimos mensajes</strong></td>
  10. </tr>
  11. <tr>
  12. <td class="eee" ><img src="prueba.gif"/></td>
  13. <td>&nbsp;</td>
  14. <td>&nbsp;</td>
  15. <td>&nbsp;</td>
  16. <td>&nbsp;</td>
  17. </tr>
  18. <tr>
  19. <td>&nbsp;</td>
  20. <td>&nbsp;</td>
  21. <td>&nbsp;</td>
  22. <td>&nbsp;</td>
  23. <td>&nbsp;</td>
  24. </tr>
ya lo hice pero sigue igual no se arregla el problema..
  #8 (permalink)  
Antiguo 12/09/2012, 21:20
Avatar de perruno  
Fecha de Ingreso: agosto-2012
Mensajes: 3
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: como hacer esta tabla

Busca información sobre el cellspacing y el cellpading. ;)

Etiquetas: 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 22:39.