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