[thelist] CSS: a.class:hover - handling line breaks

[Frank]

At 04:28 PM 2003-07-28 -0500, you wrote:

One alternative, if I understand it correctly.

Your hrefs are containers. Make them display as blocks, you eliminate the 
need for breaks, and the <br> in the last should inherit the 
properties.  This is untested, but theoretically, it should work well.

.nav a, br {
    DISPLAY: BLOCK;
     font-family : Arial, Helvetica, sans-serif;
    font-size : 8pt;
    color : #000099;
    text-decoration : none;
    padding-left : 12px;
    line-height : 25px;
}
.nav a:hover {
    color : #000099;
}

<a href='page1.asp' class='nav'>History</a>
<a href='page2.asp' class='nav'>Press Room</a>
<a href='page3.asp' class='nav'>Parent Company<br>C&amp;H Chemical</a>

Further, remember to quote your entities (& -> &amp;)


--
Frank Marion     lists at frankmarion.com      Keep the signal high.