Tema: tabla
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/07/2011, 13:11
nedyer
 
Fecha de Ingreso: enero-2011
Mensajes: 94
Antigüedad: 14 años, 9 meses
Puntos: 7
Respuesta: tabla
creo que esto es lo que quieres pero se puede hacer con css muy facil

aqui el codigo html

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6. <link href="../CSS/Prueba2.css" rel="stylesheet" type="text/css" />
  7. </head>
  8.  
  9. <body>
  10. <table width="625" border="0" align="center" cellpadding="0" cellspacing="10">
  11.   <tr id="numero1">
  12.     <td><ul>
  13.         <li><a href="Prueba2.html">contenido1</a></li>
  14.       </ul></td>
  15.     <td><ul>
  16.         <li><a href="Prueba2.html">contenido2</a></li>
  17.       </ul></td>
  18.     <td><ul>
  19.         <li><a href="Prueba2.html">contenido3</a></li>
  20.       </ul></td>
  21.   </tr>
  22.   <tr id="numero2">
  23.     <td><ul>
  24.         <li><a href="Prueba2.html">contenido4</a></li>
  25.       </ul></td>
  26.     <td><ul>
  27.         <li><a href="Prueba2.html">contenido5</a></li>
  28.       </ul></td>
  29.     <td><ul>
  30.         <li><a href="Prueba2.html">contenido6</a></li>
  31.       </ul></td>
  32.   </tr>
  33.   <tr id="numero3">
  34.     <td><ul>
  35.         <li><a href="Prueba2.html">contenido7</a></li>
  36.       </ul></td>
  37.     <td><ul>
  38.         <li><a href="Prueba2.html">contenido8</a></li>
  39.       </ul></td>
  40.     <td><ul>
  41.         <li><a href="Prueba2.html">contenido9</a></li>
  42.       </ul></td>
  43.   </tr>
  44. </table>
  45. </body>
  46. </html>


el codigo css

Código CSS: 
Ver original
  1. @charset "utf-8";
  2. table {
  3.     text-align: center;
  4.     font-family: Verdana, Geneva, sans-serif;
  5.     font-size: 14px;
  6. }
  7. ul {
  8.     list-style-image: none;
  9.     list-style-type: none;
  10.     padding: 0px;
  11. }
  12. li {
  13.     list-style-image: none;
  14.     list-style-type: none;
  15. }
  16. a, avisited {
  17.     text-decoration: none;
  18.     color: #000;
  19.     font-size: 16px;
  20.     font-family: Verdana, Geneva, sans-serif;
  21.     text-transform: capitalize;
  22. }
  23. #numero1 {
  24.     background-color: #FFF;
  25. }
  26. #numero1:hover {
  27.     background-color: #FF0;
  28. }
  29. #numero2 {
  30.     background-color: #FFF;
  31. }
  32. #numero2:hover {
  33.     background-color: #03F;
  34. }
  35. #numero3 {
  36.     background-color: #FFF;
  37. }
  38. #numero3:hover {
  39.     background-color: #F00;
  40. }