Welcome to Dream.In.Code
Become an Expert!

Join 149,840 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,443 people online right now. Registration is fast and FREE... Join Now!




Frames Help!

 
Reply to this topicStart new topic

Frames Help!

sixtysquares
19 Mar, 2005 - 04:07 PM
Post #1

New D.I.C Head
*

Joined: 19 Jan, 2005
Posts: 5

CODE

<html>
<body>
<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">
<title>[]Sixty[]Squares[]</title>

<style type="text/css">
a:link {color:black; text-decoration:none; font-weight:bold;}
a:visited {color:black; text-decoration:none; font-weight:bold;}
a:active {color:black; text-decoration:none;}
a:hover {color:white; cursor:crosshair;}  
</style>

<body bgcolor="white">
<font face="tahoma" size=1 color=purple>
<center> <BR><BR><br><br><br><br><br><br><br>
[] Navigation []  <br>.:.
<a href="http://www.freewebs.com/lovedies/main.htm" target="main">Main</a> .:.
<a href="http://www.freewebs.com/lovedies/links.htm" target="main">Links</a> .:.

<div style="position:left; top:127; left:2">
<IFRAME src="http://www.freewebs.com/sixtysquares/main.htm" name="main" width="600" height="400" frameborder="20"><allowtransparency="true"></IFRAME></div>

<a href=mailto:sixtysquares@priest.com>Email me</a><br><br>
<p><center>
</html>


the site.
User is offlineProfile CardPM
+Quote Post

skyhawk133
RE: Frames Help!
19 Mar, 2005 - 04:16 PM
Post #2

Head DIC Head
Group Icon

Joined: 17 Mar, 2001
Posts: 15,267



Thanked: 61 times
Dream Kudos: 1650
Expert In: Web Development

My Contributions
Try this
CODE
<IFRAME src="http://www.freewebs.com/sixtysquares/main.htm" name="main" width="600" height="400" frameborder="20" style="position:absolute; top:127px; left:2px;"><allowtransparency="true"></IFRAME>


Change the numbers to your desired position, I just put the style info in the iframe instead of in a div. Works fine in firefox.
User is online!Profile CardPM
+Quote Post

Arbitrator
RE: Frames Help!
19 Mar, 2005 - 09:51 PM
Post #3

D.I.C Regular
Group Icon

Joined: 26 Jan, 2005
Posts: 492



Thanked: 2 times
My Contributions
If would be nice if the author actually clarified what he/she is actually trying to accomplish with this code ("Frames help!" is rather un-descriptive)....

There are some obvious formatting problems to start though:
1. there are multiple instances (3) of the <body> tag when there should only be one;
2. the closing tags for the two <center> tags, the <p> tag, the <font> tag, and the three <body> tags (of which there should only be one) are not closed with </center>, </p>, </font>, and </body> tags, respectively;
3. the <title> and <style> tags should be within the <header></header> tags (which are also missing) as opposed to the HTML body.

I don't think <allowtransparency="true"> is really a tag either; it looks more like an attribute with a missing tag.

Of course, there are also numerous good-coding conventions not being followed, but that's a comparatively minor issue.

This post has been edited by Arbitrator: 19 Mar, 2005 - 09:54 PM
User is offlineProfile CardPM
+Quote Post

skyhawk133
RE: Frames Help!
19 Mar, 2005 - 09:58 PM
Post #4

Head DIC Head
Group Icon

Joined: 17 Mar, 2001
Posts: 15,267



Thanked: 61 times
Dream Kudos: 1650
Expert In: Web Development

My Contributions
He was specifically asking about the positioning of the iframe box using CSS... I'm a mind reader, don't ask me how I do it, just appreciate the talent!!!
User is online!Profile CardPM
+Quote Post

Arbitrator
RE: Frames Help!
19 Mar, 2005 - 10:27 PM
Post #5

D.I.C Regular
Group Icon

Joined: 26 Jan, 2005
Posts: 492



Thanked: 2 times
My Contributions
lol tongue.gif

Some reformatted code that would probably solve the positioning problem:

CODE
<?xml version="1.0" encoding="ISO-8859-1"?>
<!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" xml:lang="en" lang="en">
<head>

<title>[]Sixty[]Squares[]</title>

<style type="text/css">
<!--

a:link {
    color: #000; /* black */
    font-weight: bold;
    text-decoration: none;}
a:visited {
    color: #000; /* black */
    font-weight: bold;
    text-decoration: none;}
a:active {
    color: #000; /* black */
    text-decoration: none;}
a:hover {
    color: #CCC; /* light gray */
    cursor: crosshair;
    text-decoration: none;}  

body {
    background-color: #FFF; /* white */
    color: #800080; /* purple */
    font: 8pt Tahoma, Sans-serif;
    margin: 0px;
    text-align: center;}
iframe {
    border-width: 20px;
    height: 400px;
    width: 600px;}

    -->
</style>

</head>
<body>

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<!-- Navigation -->

[] Navigation []<br/>
.:.
<a href="http://www.freewebs.com/lovedies/main.htm" target="main">Main</a>
.:.
<a href="http://www.freewebs.com/lovedies/links.htm" target="main">Links</a>
.:.<br/>

<!-- Content -->

<iframe src="http://www.freewebs.com/sixtysquares/main.htm" name="main"></iframe><br/>

<!-- Email -->

<a href="mailto:sixtysquares@priest.com">Email Me</a><br/>

</body>
</html>


EDIT: Unfortunately, the forums don't recognize tabs which I use when writing stylesheets so it isn't as easy to read as it should be.

This post has been edited by Arbitrator: 19 Mar, 2005 - 10:30 PM
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 1/8/09 09:55AM

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month