closing window and roll over text

hi cant remember the code for closing a window with a button. could someone help me? and also i am wondering how you can create a text rollover that changes the text colour and underlines it.
would be much appreciated
zag
mickzagAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

klykkenCommented:
For a button that closes the window:
<a href="javascript:window.close();"><img src="button.giff" width="70" height="15" border="0" alt="Close Window"></a>

-klykken
klykkenCommented:
To change colors for for your links, here is a sample html document with the all the CSS needed:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Links</title>
<style type="text/css">
<!--
a:link { color: #333; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:hover { color: #369; text-decoration: none; }
a:active { color: #333; text-decoration: underline; }
-->
</style>
</head>
<body>
<a href="#">This is your link </a>
</body>
</html>

-klykken

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
klykkenCommented:
Or maybe better if you want to have no underline until the mouse is over the link:

a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #369; text-decoration: underline; }
a:active { color: #333; text-decoration: none; }
boro_bobCommented:
Even better than that you can write classes for your links, so that you can give different links another set of attributes. This is useful if you have a section with a different bacground to the main page, and the colours you have been using don't look right.

In your style sheet:

<style type="text/css">
<!--
a.className1:link { color: #000000; text-decoration: underline; }
a.className1:visited { color: #000000; text-decoration: underline; }
a.className1:hover { color: #369000; text-decoration: none; }
a.className1:active { color: #333000; text-decoration: underline; }

a.className2:link { color: #ffffff; text-decoration: underline; }
a.className2:visited { color: #ffffff; text-decoration: underline; }
a.className2:hover { color: #369000; text-decoration: none; }
a.className2:active { color: #333000; text-decoration: underline; }
-->
</style>

Then in you html:
<a href="link.htm" class="className1">Link Text</a>

I have found this extremely useful in the past. Hope it helps. Remember you can also declare the font face, font weight, font size, background color etc in the style sheet. Saves a lot of time if you can declare it all once in the style sheet and then simply apply the class to all your links.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Dreamweaver

From novice to tech pro — start learning today.