Re[2]: Replacing a table with CSS positioning
by Gerhard Schoening <g.sch(at)onlinehome.de>
|
Date: |
Wed, 13 Mar 2002 21:48:59 +0100 |
To: |
"Richard Lake" <relake(at)akc.quik.co.nz> |
Cc: |
hwg-style(at)hwg.org |
References: |
co |
|
todo: View
Thread,
Original
|
|
Hi Richard,
It's not REALLY a button-like style... but it's code that IS
working for me: NN 4.75 shows normal links, IE 5+, N6 and
Opera 5+ show the hover effect:
.menubar {
background: #735A42;
color: #fff7f7;
font-size: 88%;
font-weight: normal;
text-align: center;
padding: 2px;
}
a.menu:link {
background:#735A42;
color:#fff7f7;
text-decoration:none;
}
a.menu:active {
background:#735A42;
color:#00ff00;
text-decoration:none;
}
a.menu:visited {
background:#735A42;
color:#ffee00;
text-decoration:none;
}
a.menu:hover {
background:#B55208;
color:#fff7f7;
text-decoration:none;
}
<.table border="0" summary="Layout Table." cellspacing="0" cellpadding="0">
<.tr>
<.td class="menubar" align="center">
<.a class="menu" href="page1.html" title="Page One.">Page One</a> |
<.a class="menu" href="page2.html" title="Page Two.">Page Two</a> |
<.a class="menu" href="page3.html" title="Page Three.">Page Three</a>
<./td>
<./tr>
<./table>
Hope it's some help for you !
Regards,
Gerhard
g.sch(at)onlinehome.de
http://www.gerhard.purespace.de
http://www.schoening-online.com
gerhard(at)schoening-online.com
HWG hwg-style mailing list archives,
maintained by Webmasters @ IWA