Login

11-02-2010, 05:59 PM

[eluser]Christophe28[/eluser]
You shouldn't create a list with a table. This is a little old school :-)

Check out the following code:

Code:
&lt;html&gt;

&lt;head&gt;

&lt;style&gt;

ul {

}

li {

    float: left;

    list-style: none;

    padding: 5px 10px;

    font-size: 11px;

}

li:hover {

    cursor: pointer;

    background-color: #990000;

    color: #FFFFFF;

}

&lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;

<ul>

    <li>INCA</li>

    <li>NOTICIAS</li>

    <li>ARTÍCULOS</li>

    <li>CATÁLOGO</li>

    <li>FORMACIÓN</li>

    <li>COLABORADORES</li>

    <li>CONTACTO</li>

</ul>

&lt;/body&gt;

&lt;/html&gt;

It has almost the same effect but it is much cleaner, and when a user hovers the list-item, the color of the text is set immediately to white, instead of the user has to hover the text itself for it to turn white.

Christophe