|
| |
|
|
jcraig713
Posts: 10
Joined: 4/7/2009
Status: offline
 |
Link Click Attributes - 5/1/2009 10:49:55
Hello Community!
I have a website (www.mpaaa.org/MPAAA_V1/TEST) that I of course have navigation links for.
It is intended to be a childrens website so when the user clicks the navigational links (home, staff, email etc.) I would like a cute or interesting sound bite to be heard upon clicking on the link. Is this possible?
Here is a copy of my web file followed by my css file if it helps frame the discussion. Thanks for any suggestions you may have!
index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Children's Ministry at the Freedom Center</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="menu">
<img src="images/menu.jpg" id="menuImage" border="0" usemap="#MenuLinks" width="900" height="186" />
</div>
<div id="main">
<div id="content">
<h1>This is the home page.</h1>
<p>Using this setup, each page can have a variable height and the image will scale to match.</p>
<h2>This is The Devos Page</h2>
<p>This is simple text entered to show you headers that can be used</p>
<h3> This is header 2</h3>
<p> Isn't this great.</p>
</div>
</div>
<div id="footer"><div>
</div>
<map name="MenuLinks">
<area shape="rect" coords="205,62,97,102" href="index.html">
<area shape="rect" coords="313,62,206,102" href="events.html">
<area shape="rect" coords="421,62,314,102" href="devos.html">
<area shape="rect" coords="529,62,422,102" href="staff.html">
<area shape="rect" coords="637,62,530,102" href="logos.html">
<area shape="rect" coords="745,62,638,102" href="email.html">
</map>
</body>
css:
/* THIS CONTROLS THE LAYOUT */
#wrapper{margin:0 auto; width:900px;}
#menu{height:186px;margin:0;padding:0;}
#menuImage{margin:0;padding:0; display:block;}
#main{background: url('images/main-background.jpg') repeat-y; min-height:300px;}
* html #main {height:300px} /* IE min-height hack */ #content{padding:50px 120px;}
#footer{height:213px; background: url('images/footer-background.jpg') no-repeat;}
/* THIS CONTROLS THE HEADERS */
h1 {font-size: 1.5em;
color: #ffc;
background-color: #009;
margin: 0;
margin-bottom: 0.5em;
padding: 0.25em;
font-style: italic;
text-align: center;
letter-spacing: 0.5em;
border-bottom-style: solid;
border-bottom-width: 0.5em;
border-bottom-color: #c00;}
h2 {color: black;
font-size: 1.5em;
background-color: #090;
margin: 0;
padding: 0.1em;
padding-left: 1em;}
h3 {color: #999
font-size: 1.25em;}
|
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
