Programming Forums > Web Development and Design > HTML / XHTML / CSS

andyanderson · Mar 3rd, 2006, 4:04 AM

hi there,

I am looking for a working CSS rollover script?
Any suggestions!

Thanks!
regards,
A.

ludesign · Mar 3rd, 2006, 5:58 AM

Hi,

you can search www.google.com for 'css rollover menu'

I'll give you a short example of how i do it:

<html>
<head><title> CSS RollOver Effect :: Example </title>
<style type="text/css">
a {
   background-color: #000000;
   color: #ffffff;
   font-family:  arial;
   font-size: 15px;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
   font-size: 16px;
   color: #ff0000;
}

a:link {
   text-decoration: none;
}

a:visited {
   text-decoration: none;
}

</style>
</head>
<body>

<a href="#"> Link 1 </a> &nbsp;
<a href="#"> Link 2 </a> &nbsp;
<a href="#"> Link 3 </a>

</body>
</html>

here i wrote you a short example, you can save it as html file and test it with your fav browser.

off course you can do very beautiful menus with css, just playing with it

Mar 3rd, 2006, 4:04 AM	#1
andyanderson Newbie Join Date: Mar 2006 Posts: 1 Rep Power: 0	CSS Rollover hi there, I am looking for a working CSS rollover script? Any suggestions! Thanks! regards, A.

Mar 3rd, 2006, 5:58 AM	#2
ludesign Newbie Join Date: Feb 2006 Posts: 8 Rep Power: 0	Hi, you can search www.google.com for 'css rollover menu' I'll give you a short example of how i do it: (Toggle Plain Text) <html> <head><title> CSS RollOver Effect :: Example </title> <style type="text/css"> a { background-color: #000000; color: #ffffff; font-family: arial; font-size: 15px; text-decoration: none; } a:hover { text-decoration: underline; font-size: 16px; color: #ff0000; } a:link { text-decoration: none; } a:visited { text-decoration: none; } </style> </head> <body> <a href="#"> Link 1 </a>   <a href="#"> Link 2 </a>   <a href="#"> Link 3 </a> </body> </html> <html> <head><title> CSS RollOver Effect :: Example </title> <style type="text/css"> a { background-color: #000000; color: #ffffff; font-family: arial; font-size: 15px; text-decoration: none; } a:hover { text-decoration: underline; font-size: 16px; color: #ff0000; } a:link { text-decoration: none; } a:visited { text-decoration: none; } </style> </head> <body> <a href="#"> Link 1 </a>   <a href="#"> Link 2 </a>   <a href="#"> Link 3 </a> </body> </html> here i wrote you a short example, you can save it as html file and test it with your fav browser. off course you can do very beautiful menus with css, just playing with it __________________ Винаги се цели в луната, така и да пропуснеш, пак ще си сред звездите! by ludesign

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > HTML / XHTML / CSS

CSS Rollover