Ver Mensaje Individual
  #5 (permalink)  
Antiguo 12/09/2012, 11:11
NobProgram
 
Fecha de Ingreso: agosto-2012
Ubicación: Perú
Mensajes: 63
Antigüedad: 12 años, 3 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.