HTML Help

Mac88 · Joined: 05 Aug 2008 Posts: 6

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">


<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>


</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: 2627

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

Sorry to sound like a bimbo but whereabouts would this bit of code go?

sticks464 · Joined: 31 Dec 2006 Posts: 2627

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

thankyou very muchly :P

Mac88 · Joined: 05 Aug 2008 Posts: 6

:( ok so ive tried that info and this is what ive got now, still not linking together.

http://www.freewebs.com/macstable/Mac%20Projects.html

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Your code is pretty well messed up. I will work on it in the morning.

Mac88 · Joined: 05 Aug 2008 Posts: 6

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: 2627

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>

<div id="container">
<div id="head"></div>
<iframe id="main" src="http://www.freewebs.com/ldrakestone/main.htm" name="main" frameborder="0"></iframe>

<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

Yeah basically i just meshed the iframe and imap together and hoped it would work. Thanx very much for your help :)