HTML Help

nutbags · Joined: 30 Dec 2008 Posts: 2

hi all i'm new here and hope someone can help.I'm trying to alter my own website to include frames.I've successfully built a basic page with 2 frames,a menu column on the left hand side and a main body for the text.In the menu column I want to have links to the various pages of the website.I have managed to do this using just basic text links which all open up in the main content frame successfully.however rather than plain text links I would like to have buttons.i can put a button onto the page but nothing opens when i press it.Any ideas where i'm going wrong?
thanks,my original site is at www.nutbags.co.uk but this is pre frame version!
Paul

nutbags · Joined: 30 Dec 2008 Posts: 2

this is the text i'm using whick works as a link,but how can i turn it into a button?

<a href="index.html" TARGET="content">HOME PAGE</a>

Corey Bryant · Posted: Tue Dec 30, 2008 10:47 am

I really would not recommend frames. They are very problematic - check out some frame alternatives.

You could actually use CSS to style the link which would be easy. Maybe something like
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 2</title>
<style type="text/css">
.nav {
background-color: #f0ffff;
border:2px outset #000;
color: #000;
font-size: 8pt;
padding: 3px 5px;
width: 10px;
}
</style>
</head>

<body>
<span class="nav"><a href="http://www.example.com">Home</a></span>
</body>

</html>
I don't really mess with JavaScript but if you need to use a button and need to have frames, I think you need JavaScript to help you out. I think the code is something like
Code: <input type="button" value="Home" onClick="parent.yourframename.location='index.html'">
But really re-consider not using frames at least.

_________________
Corey
Virtual Office Solutions | Processing Credit Cards | Microsoft Expression Web Blog

sticks464 · Joined: 31 Dec 2006 Posts: 2629

You can make css buttons like this

Code: <div id="menu">
<a href="#nogo">Item 1</a>
<a href="#nogo">Item 2</a>
<a href="#nogo">Item 3</a>
<a href="#nogo">Item 4</a>
<a href="#nogo">Item 5</a>
</div>

and the css
Code: #menu a, #menu a:visited {
position:relative;
text-decoration:none;
text-align:center;
background-color:#9ab;
color:#fff;
display:block;
width:10em;
border:2px solid #fff;
border-color:#def #678 #345 #cde;
padding:0.25em;
margin:0.5em auto;
}

#menu a:hover {
top:2px;
left:2px;
color:#fff;
border-color:#345 #cde #def #678;
}