 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
nutbags
Joined: 30 Dec 2008
Posts: 2
|
 Posted: Tue Dec 30, 2008 9:42 am button links into frames?? |
 |
|
|
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
|
| Posted: Tue Dec 30, 2008 9:59 am my last posting |
|
|
|
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
Site Admin
Joined: 15 May 2004
Posts: 8428
Location: Castle Pines North, CO USA
|
| 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: 1283
|
| Posted: Tue Dec 30, 2008 2:10 pm |
|
|
|
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;
} |
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
