• INICIO
  • Menú de imágenes



    Para una entrada o página de nuestro Blog, puede resultar interesante o llamativo mostrar un menú de este tipo. No requiere más que colocar las imágenes con su enlace dentro de una tabla.

    Ejemplo de código html de una tabla con dos filas y tres columnas:
    (sin color de fondo,borde "1", y 40% de la anchura de la entrada)

    <div align="center">
    <table bgcolor="" border="1" cellpadding="1" style="width:40%;">
    <tbody>
    <tr><td> imagen 1</td><td>imagen 2</td><td> imagen 3</td></tr>
    <tr><td> imagen 4</td><td>imagen 5</td><td> imagen 6</td></tr>
    </tbody>
    </table>
    </div>

    imagen 1imagen 2imagen 3
    imagen 4imagen 5imagen 6

    Si sustituimos donde aparece imagen nº por el código (en Menús para el Blog):

    <a href="....." style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="......." title="......" /></a>


    Obtendríamos una tabla centrada en la entrada o página, con las imágenes y sus enlaces.
    Añadimos filas: <tr>                      </tr>   (antes de cerrar el cuerpo de la tabla </tbody>)
    Añadimos celdas: <td>                  </td>  (dentro de cada fila)