By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,817 Members | 2,152 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,817 IT Pros & Developers. It's quick & easy.

Rollover navigation without images...

P: n/a
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 ;-)
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Chris Fowler wrote:
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/

--
David Dorward <http://dorward.me.uk/>
Jul 20 '05 #2

P: n/a
:-) Thanks.... Exactly what i need.....
"David Dorward" <do*****@yahoo.com> wrote in message
news:br*******************@news.demon.co.uk...
Chris Fowler wrote:
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/

--
David Dorward <http://dorward.me.uk/>

Jul 20 '05 #3

P: n/a
@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 {color:olive;}
a:hover { color:orange; }
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>

--
************************************************** ************
Stéphane MORIAUX : mailto:st*********************@wanadoo.fr

Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.