Tema: tabla
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/07/2011, 14:11
nedyer
 
Fecha de Ingreso: enero-2011
Mensajes: 94
Antigüedad: 7 años, 11 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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5. <link href="../CSS/Prueba2.css" rel="stylesheet" type="text/css" />
  6. </head>
  7.  
  8. <table width="625" border="0" align="center" cellpadding="0" cellspacing="10">
  9.   <tr id="numero1">
  10.     <td><ul>
  11.         <li><a href="Prueba2.html">contenido1</a></li>
  12.       </ul></td>
  13.     <td><ul>
  14.         <li><a href="Prueba2.html">contenido2</a></li>
  15.       </ul></td>
  16.     <td><ul>
  17.         <li><a href="Prueba2.html">contenido3</a></li>
  18.       </ul></td>
  19.   </tr>
  20.   <tr id="numero2">
  21.     <td><ul>
  22.         <li><a href="Prueba2.html">contenido4</a></li>
  23.       </ul></td>
  24.     <td><ul>
  25.         <li><a href="Prueba2.html">contenido5</a></li>
  26.       </ul></td>
  27.     <td><ul>
  28.         <li><a href="Prueba2.html">contenido6</a></li>
  29.       </ul></td>
  30.   </tr>
  31.   <tr id="numero3">
  32.     <td><ul>
  33.         <li><a href="Prueba2.html">contenido7</a></li>
  34.       </ul></td>
  35.     <td><ul>
  36.         <li><a href="Prueba2.html">contenido8</a></li>
  37.       </ul></td>
  38.     <td><ul>
  39.         <li><a href="Prueba2.html">contenido9</a></li>
  40.       </ul></td>
  41.   </tr>
  42. </body>
  43. </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. }