Solved

Using IFRAMEs inside a DIV tag for alignment

Posted on 2004-03-25
4
606 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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

758 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now