Solved

Using IFRAMEs inside a DIV tag for alignment

Posted on 2004-03-25
4
615 Views
Last Modified: 2008-02-26
I'm using an image map with targets linked to my IFRAME, and I have my IFRAME within a DIV tag to position it, but the IFRAME won't show up. It works outside the DIV, but not within. Here's my code, can someone tell me whats wrong with it?

<MAP NAME="navbar_Map">
<AREA SHAPE="rect" ALT="Links" COORDS="523,0,581,29" HREF="links.html" TARGET="text">
<AREA SHAPE="rect" ALT="Contact Us" COORDS="430,0,522,29" HREF="mailto:juriousmusic@hotmail.com" TARGET="_blank">
<AREA SHAPE="rect" ALT="Sign The Guestbook" COORDS="308,0,429,29" HREF="guestbook.html" TARGET="text">
<AREA SHAPE="rect" ALT="Audio, Video and More" COORDS="238,0,307,29" HREF="media.html" TARGET="text">
<AREA SHAPE="rect" ALT="Lyrics" COORDS="167,0,237,29" HREF="lyrics.html" TARGET="text">
<AREA SHAPE="rect" ALT="Bio" COORDS="125,0,166,29" HREF="bio.html" TARGET="text">
<AREA SHAPE="rect" ALT="Shows" COORDS="52,0,124,29" HREF="shows.html" TARGET="text">
<AREA SHAPE="rect" ALT="News" COORDS="0,0,51,29" HREF="news.html" TARGET="text">
</MAP>

<DIV style="position:absolute; left:245px; top:207px;>
<IFRAME SRC="news.html" TITLE="Text Area" scrolling="auto" name="sample" width="500"
height="150" align="center" frameborder="yes">
</IFRAME>
</DIV>


Thanks, your help is greatly appreciated!
~Dave~
0
Comment
Question by:ryderda
  • 2
4 Comments
 
LVL 1

Accepted Solution

by:
Brandwood earned 125 total points
ID: 10678455
you've missed the closing quotes on your style in the div tag
0
 
LVL 1

Expert Comment

by:firebolt145
ID: 10680833
<DIV style="position:absolute; left:245px; top:207px;> (this is the first line in the second paragraph of coding)

You missed out the END QUOTES from the end of the style.

copy this code and paste it over the previous one.

<DIV style="position:absolute; left:245px; top:207px;">


Hope this helps ;)
0
 
LVL 1

Expert Comment

by:Brandwood
ID: 10680860
did I not just say that?
0
 

Author Comment

by:ryderda
ID: 10681424
Thanks... that was pretty embarrasing that I didn't notice that on my own, haha.

~Dave~
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

685 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question