Rollover navigation without images...

[Chris Fowler]

Hi All,

I have a question which will probably have a simple answer, but it is one
that has eveaded me until now. I want to create a rollover navigation bar
which does not inviolve images. I can produce it in Dreamweaver but any text
that appears on the buttons comes out blurred on the page - even if the
image resolution is high etc. I think I can produce the same effect, but
using css and client-sdie JavaScript, but am making a mess of it. Do any of
you expert out there have a simple solution they could suggest.

My thoughts are using the onmouse over events in the <td> tag to change the
cell style to a different colour. The onmouseout changing it back. So in
effect the <td> cell becomes the button. Any text should then appear crisp.
Can i attach a link to the onclick event of <td>?

Sorry if this all appears a littel numpty.

Thanks for your help

C.

Ps AndrewU of you're out there then it's like what you hav' on your site ;-)

 

[David Dorward]

My thoughts are using the onmouse over events in the <td> tag to change
the cell style to a different colour. The onmouseout changing it back. So
in effect the <td> cell becomes the button. Any text should then appear
crisp. Can i attach a link to the onclick event of <td>?

Eugh!

http://css.maxdesign.com.au/listamatic/

 

[Chris Fowler]

Thanks.... Exactly what i need.....

Eugh!

http://css.maxdesign.com.au/listamatic/

 

[@SM]

Chris Fowler a ecrit :

Hi All,

I have a question which will probably have a simple answer, but it is one
that has eveaded me until now. I want to create a rollover navigation bar
which does not inviolve images. I can produce it in Dreamweaver but any text
that appears on the buttons comes out blurred on the page - even if the
image resolution is high etc. I think I can produce the same effect, but
using css and client-sdie JavaScript, but am making a mess of it. Do any of
you expert out there have a simple solution they could suggest.

My thoughts are using the onmouse over events in the <td> tag to change the
cell style to a different colour. The onmouseout changing it back. So in
effect the <td> cell becomes the button. Any text should then appear crisp.
Can i attach a link to the onclick event of <td>?

<style type="text/css">

tr td .menu { width: 150 px; }
td a:link { with:100%;text-align:center;text-decoration:none; background:#eee;}
td a:visited {color:#333;background:white}
td a:hover { background:moccasin; color:maroon;}
td a:active {background:red;color:white;}

a:link { color:maroon; text-decoration:none; font-weight:bold;}
a:visited {colorlive;}
a:hover { colorrange; }
a:active {color:green;}

</style>

<table>
<tr class=menu>
<td><a href="p.htm">Page P</a></td>
<td><a href="a.htm">Page A</a></td>
<td><a href="c.htm">Page C</a></td>
</tr>
</table>
<p><a href="p.htm">Page P</a>
<p><a href="a.htm">Page A</a>
<p><a href="c.htm">Page C</a>