HTML Help

vixenize · Joined: 06 May 2009 Posts: 5

it's been years since i used to make these silly little web sites about myself to fill up spare time, and well, i have alot of spare time now so i'm starting up another lil personal site, i'm experimenting with layouts at the moment and im sooo rusty, this is one i'm doing at the moment basically i'm fooling around with pictures backgrounds and iframes, heres what i'm at at the moment

http://kaylz.co.uk/test.htm

i want to know how i can move the iframe about as i cant get it to the size i want without it covering parts of the picture i dont want it to

sorry if it's confusing, i ramble =D

<3 x x x

Corey Bryant · Posted: Wed May 06, 2009 2:52 pm

Without looking at the source code, I must say, frames are very bad.

To position the iframe, you will need to work on your layout.

(I did go to the website, but I realized you did not state where you wanted the iframe?) Any reason you are using iframes? You can add a scrollbar to the webpage if you want that or if you want to help when updating the navigation, footer, header you can use server side includes.

_________________
Corey
Toll Free Fax Solutions | Mile High Merchant Accounts | Expression Web Blog

sticks464 · Joined: 31 Dec 2006 Posts: 2309

You can do your page with an iframe only.

Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<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 {
background:#1a1e77 url(http://www.vixenize.drivehq.com/feelyourlovetonight_1600.jpg) no-repeat top left;
}
#container {
position:relative;
width:800px;
height:600px;
}
#coolframe {
position:relative;
width:375px;
height:225px;
border:2px inset #091b4b;
top:210px;
left:20px;
overflow:auto;
}
#links {
position:relative;
width:100px;
top:65px;
left:570px;
}
#links a {
color:#21225a;
text-decoration:none;
}
#links a:hover {color:#97ade7;}
</style>
</head>

<body>
<div id="container">
<iframe id="coolframe" name="coolframe" src="link.html"></iframe>
<div id="links">
<a href="link2.html" target="coolframe">TEXT HERE</a>
</div>
</div>
</body>
</html>

vixenize · Joined: 06 May 2009 Posts: 5

i know its bad lol, it's awful, i did it in like just a few minutes, i'm experimenting with different things, trying to get back into the swing of things, i wanted the frame under the moon, it is at the moment yes but if i resize the iframe it goes over the moon =p