 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
Mac88
Joined: 05 Aug 2008
Posts: 6
|
 Posted: Tue Aug 05, 2008 6:45 pm Ok i need help combining an Iframe and Imap layout. |
 |
|
|
Ok so ive got this layout but im sure ive deleted something. I want the Imap links to Link into the Iframe. Any suggestions?
Code:
<style>
BODY {
SCROLLBAR-FACE-COLOR: #81ABE5;
SCROLLBAR-HIGHLIGHT-COLOR: #81ABE5;
SCROLLBAR-SHADOW-COLOR: #81ABE5;
SCROLLBAR-3DLIGHT-COLOR:000000;
SCROLLBAR-ARROW-COLOR: 000000;
SCROLLBAR-TRACK-COLOR: #81ABE5;
SCROLLBAR-DARKSHADOW-COLOR: 000000;
BACKGROUND-COLOR:#81ABE5;
cursor:crosshair }
A:link, A:visited, A:active
{color: #000000; text-decoration: none; font-family: verdana; font-size: 11px;background-color:#81ABE5; border: 0px solid #568566;}
A:Hover {color: #FFFFFF; text-decoration: none; border: 0px solid #FFFFFF; background-color:##81ABE5; cursor:crosshair}
</style>
<p>
<center>
<html>
<body bgcolor="#81ABE5">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (example1.png) -->
<img src="" border="1" alt=""
usemap="iframe"></td>
<br><map name="iframe"><center>
<br>
<map><table style="width:1024px; height:768px" border=0>
<tr><td style="background: url(http://i33.tinypic.com/x1f1bs.png ); height:768; width:1024">
<map id="iframe" name="iframe">
<area shape="rect" coords="110,228,266,285" href=" http://www.webaddress.com" title="Services" />
<area shape="rect" coords="508,119,629,183" href="http://www.webaddress.com " title="" />
<area shape="rect" coords="34,125,179,204" href=" http://www.webaddress.com" title="" />
<area shape="rect" coords="439,258,625,347" href=" http://www.webaddress.com " title="" />
<area shape="rect" coords="248,169,402,243" http://www.webaddress.com" title="" />
</map>
<span style="width:600px; height:270px; overflow:auto; color:black; text-align:left; visibility: visible; overflow:auto; scrollbar-face-color: FF1985; scrollbar-3dlight-color: FF1985; scrollbar-shadow-color: black; scrollbar-highlight-color: black; scrollbar-track-color: FF1985; scrollbar-arrow-color: black; scrollbar-darkshadow-color: FF1985;FILTER: chroma (color=FF1985) filter:
alpha(opacity=70); border:none; color:none; position:relative; left:50; top:242;"><p align=left><font color=black><font face=tahoma><font size="1">
<center><iframe src=http://www.freewebs.com/ldrakestone/main.htm name="iframe" frameborder="0" width="600" height="270"> </iframe></td></center></span></table><br><br><br>
</table>
<!-- End ImageReady Slices -->
</body>
<br><br>
<a href="http://"><font face="Lucida Sans" size="2">LINKTWO</font></a> | <a href="http://"><font face="Lucida Sans" size="2">LINKTWO</font></a> | <a href="http://"><font face="Lucida Sans" size="2">LINKTWO</font></a> | <a href="http://"><font face="Lucida Sans" size="2">LINKTWO</font></a>
</center> |
|
sticks464
Joined: 31 Dec 2006
Posts: 1283
|
| Posted: Tue Aug 05, 2008 9:34 pm |
|
|
|
Give the iframe an id then use target= on the links
| Code: |
<iframe id="somename"></iframe>
<area shape="rect" coords="110,228,266,285" href=" http://www.webaddress.com" title="Services" target="somename" /> |
|
|
Mac88
Joined: 05 Aug 2008
Posts: 6
|
| Posted: Wed Aug 06, 2008 6:57 pm |
|
|
|
| Sorry to sound like a bimbo but whereabouts would this bit of code go? |
|
sticks464
Joined: 31 Dec 2006
Posts: 1283
|
| Posted: Wed Aug 06, 2008 7:59 pm |
|
|
|
Give the iframe an id
| Code: |
| <center><iframe id="somename" src=http://www.freewebs.com/ldrakestone/main.htm name="iframe" frameborder="0" width="600" height="270"> </iframe> |
Tell the link where to open
| Code: |
| <area shape="rect" coords="110,228,266,285" href=" http://www.webaddress.com" title="Services" target="somename" /> |
|
|
Mac88
Joined: 05 Aug 2008
Posts: 6
|
| Posted: Wed Aug 06, 2008 8:05 pm |
|
|
|
thankyou very muchly  |
|
Mac88
Joined: 05 Aug 2008
Posts: 6
|
|
sticks464
Joined: 31 Dec 2006
Posts: 1283
|
| Posted: Wed Aug 06, 2008 10:36 pm |
|
|
|
| Your code is pretty well messed up. I will work on it in the morning. |
|
Mac88
Joined: 05 Aug 2008
Posts: 6
|
| Posted: Thu Aug 07, 2008 1:04 am |
|
|
|
| sticks464 wrote: |
| Your code is pretty well messed up. I will work on it in the morning. |
 eeek sorry bout this. |
|
sticks464
Joined: 31 Dec 2006
Posts: 1283
|
| Posted: Thu Aug 07, 2008 5:43 am |
|
|
|
Let's take this one step at a time.
1. You have no doctype
2. There are no beginning and ending tags for html, head or body
3. Your code is a mixture of html and xhtml
4. I get a script error message when opening in IE
5. No image for the image map
6. Unneeded span element
This is what your codeing should look like
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
scrollbar-face-color: #51695B;
scrollbar-highlight-color: #51695B;
scrollbar-shadow-color: #51695B;
scrollbar-3dlight-color:000000;
scrollbar-arrow-color: 000000;
scrollbar-track-color: #51695B;
scrollbar-darkshadow-color: 000000;
background:#51695b;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#container {
width:955px;
border:none;
margin:0 auto;
}
#head {
width:100%;
height:550px;
background:#51695B url(http://i33.tinypic.com/x1f1bs.png) no-repeat center center;
}
#main {
width:600px;
height:auto;
display:block;
margin:20px auto 0 auto;
}
/* bottom menu */
#nav {
width:600px;
margin:0 auto 10px auto;
font-family:Lucida Sans;
border-top:1px solid #51695b;
}
#menu {
list-style: none;
}
#menu li {
float: left;
margin: 0;
padding: 0;
font-size: 80%;
}
#menu li a {
float: left;
display: block;
margin: 0;
padding: 4px 20px;
color: #000;
text-decoration: none;
background:#81abe5;
border-right: 1px solid #1a1a1a;
}
#menu li a:hover {
color: #fff;
}
</style>
</head>
<body>
<!--<span style="width:600px; height:270px; overflow:auto; color:black; text-align:left; visibility: visible; overflow:auto; scrollbar-face-color: FF1985; scrollbar-3dlight-color: FF1985; scrollbar-shadow-color: black; scrollbar-highlight-color: black; scrollbar-track-color: FF1985; scrollbar-arrow-color: black; scrollbar-darkshadow-color: FF1985;FILTER: chroma (color=FF1985) filter:
alpha(opacity=70); border:none; color:none; position:relative; left:50; top:242;"><p align=left><font color=black><font face=tahoma><font size="1">-->
<div id="container">
<div id="head"></div>
<iframe id="main" src="http://www.freewebs.com/ldrakestone/main.htm" name="main" frameborder="0"></iframe>
<!--<img name="menu" src="images/menu.png" id="menu" usemap="#m_menu" alt="" /><map name="m_menu" id="m_menu">
<area shape="rect" coords="110,228,266,285" href="http://www.freewebs.com/ldrakestone/services.htm" title="Services" target="main" />
<area shape="rect" coords="508,119,629,183" href="http://www.webaddress.com " title="" target="main" />
<area shape="rect" coords="34,125,179,204" href=" http://www.webaddress.com" title="" target="main" />
<area shape="rect" coords="439,258,625,347" href=" http://www.webaddress.com " title="" target="main" />
<area shape="rect" coords="248,169,402,243" http://www.webaddress.com" title="" target="main" />
</map>-->
<div id="nav">
<ul id="menu">
<li><a href="#nogo">Link One</a></li>
<li><a href="#nogo">Link Two</a></li>
<li><a href="#nogo">Link Three</a></li>
<li><a href="#nogo">Link Four</a></li>
</ul>
</div>
</div>
</body>
</html> |
I do not know what effect you are trying to achieve so I basically put things where I would put them. I commented out the image map and span. |
|
Mac88
Joined: 05 Aug 2008
Posts: 6
|
| Posted: Thu Aug 07, 2008 7:11 pm |
|
|
|
Yeah basically i just meshed the iframe and imap together and hoped it would work. Thanx very much for your help  |
|
|
|
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
ok so ive tried that info and this is what ive got now, still not linking together.
