HTML - Controlling Links In An Iframe

So... I am making a website to learn some web design but I am having trouble.

On this wesbite, the main site is composed of a layout, and all the links and whatever get opened in an Iframe. There is a nav bar on the left with links like "Music, Videos, Games" etc... and on the music section there is alot of music files (that I am hosting) to listen to.

What I want to do is embed an object on the main frame, the one with the Iframe on it, and when you click one of the songs, instead of downloading it (or playing it in a new page) it plays it in the embed.

I have looked for a few sites, most of them arent compatible with IE7 and Firefox at the same time... which is important (Mainly firefox though =] )

I need some help

All my music files are stored in ".../Files/Music/" and the iframe is set up in the Index.htm, which links to "Music.htm" which has about 60 links to music, which I dont want people to download, I want them to be there to listen to!

Hi guys,

Trying to do something with tables but have hit a bit of a wall. Have got something that looks like this...

Code:

<table>
                 <table>
                      <tr><td>content 1</td></tr>
                 </table>
                 <table>
                      <tr><td>content 2</td></tr>
                 </table>
</table>

Content 1 is created dynamically and can be a list of varying size, content 2 is hardcoded 'welcome to blah blah blah.'

Want I want to do is keep the second table fixed to the top of the parent rather than scale down relative to how much there is in content 1. The reason Im using two tables is because of a reader issue the will read across <td>'s if there is only one table.

Would love some help, thanks

For example.. Let's say i have a remote with Play, pause and stop(reset original position) i want these buttons to manipulate the image that has the marquee tag. How do you do this in html. seems basic, any help?

play tells marquee to begin
pause tells it to hold postition
stop tells it to reset to original position.

thx

I am working on an HTML form that has 4 buttons: Not Me (to signify that the information returned at the top of the form is not correct), then there are additional fields and three more buttons at the bottom of the form: Clear, Cancel and Submit.

Looks like

Greg Norman
44 This Lane
Someplace, NN 00000

[NOT ME]

Comments [ ]
Donation [ ]
CC Number [ ]

[CLEAR] [CANCEL] [SUBMIT]

I want to place the cursor in the first field, which I can do with javascript (document.getElementById('1').focus()), but when I do the NOT ME button highlights as the button in focus.

If any button has to retain focus, I want it to be the SUBMIT button, not the first button on the page. However, if I control the cursor and insert it into the first field, I can't seem to get control of the button independently. I have tried many things, including assigning ID, tab order, and even creating the buttons with javascript separately, but the browser seems to demand focus on that first button even when I remove the focus from the button before placing the cursor:

window.document.focus
document.getElementById('1').focus()

Is there a separate commend by which I can control the focus of the buttons ?
Is there a way to set focus on two items at the same time (i.e., the correct button and the entry field)?

I am using CSS and feildsets to define a custom look for the forms, but I assume that really doesn't make a difference.

ANY IDEAS?

I want to control the columns inside my table.

link below show 3 inter columns, but the only way I can get the first column to be a one line test is for me to put breaks -BR- after every few words.

this can't be right, how do I control the width of the columms?

TIA


http://www.nomagicneon.com/shorteez.html

The code below attempts to do the following...
Create a div with 2 'lines' in it each consisting of a piece of text and and a clickable img.

HTML Code:

<div>
	<div id="A">
		<a><img src="http://localhost/plus.gif" onclick="DoSomething()"></a>
		<span>text related to image</span>
	</div>
	<div id="B">
		<a><img src="http://localhost/min.gif" onclick="DoSomething2()></a>
		<span>text related to image</span>
	</div>
</div>

My problem is that the images are too high in relation to their line of text. If I use margin-top on the img it lowers the entire div (divs 'A' and 'B' that is), down. How do I lower just the image (or alternatively bring the span text up)? the above HTML layout is not a necessity, I just need it to achieve the visual layout I'm going for, I don't care how.

Thanks.

Hi there,

I've been casually browsing the site for a number of weeks now, with the intention of registering and becoming involved. I've stumbled across a problem within an intranet that I'm working on which I'm hoping some of you may be able to help with.

Perhaps the most succinct way to get my problem across would be to describe the situation I'm faced with:

Our intranet has a section that displays a company flowchart, which shows a breakdown of everybody's job titles in a spider-diagram. The size of the company dictates that for this to be readable, it has to be fairly large in size. The actual size of the document I need to use (which is in PDF format at present) is 640mm x 400mm.

Previously, we have been splitting this into three separate sections to enable it to be displayed as three images (on three separate pages) - each of these three images were then inserted into the relevant page, with an image map created over them to enable the effect I wished (upon clicking on someone's name/box, it pops up a Facebox pop-up with their job description and some other information about that individual. The way the script works, this is all contained within the single HTML file).

My problem now is that I would like to achieve as close to this effect as possible. However, the PDF link function doesn't allow the more sophisticated functions, so I would have to convert each Facebox content into a new HTML content, which can then be linked to from within the PDF.

My question, therefore, is - is it possible to control the attributes that this new window will open in, from within the source HTML file? Ideally, I would like to specify that the window that opens dynamically resizes to fit the content specified in the source HTML file. If this is not possible, can it be done that the window opens to a specific size?

I've done numerous web searches, but haven't found anything relevant to this.

If my above query isn't possible, I wonder whether it's plausible to set the default size of new windows from within the page that will contain the embedded PDF. Some sort of command that says "any new pop-up window (i.e. target="_blank") will be opened at X width and Y height."

If neither of the above solutions are available, the third option would be to somehow mimick the functionality an embedded PDF offers (i.e. zooming in and out, keeping the total canvas size the same, being able to still create links that work on regions of the content, pointing to the various source HTMLs). I originally went down this road, but my search came up empty. I'm envisaging something Google Map-esque, I guess.

I wonder, would it be possible to insert some sort of static frame (size-wise) that can then have scrollable content inside it, the content therein that can be assigned an image map? Zoom +/- functionality and click 'n' drag scrolling would both be high on the list of priorities.

Anyone who can offer any insight is thanked gratefully in advance.

Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones.

So my question is: How hard is this to do? Is this something I need to hire someone to do for me?

Thanks in advance for any advice!

I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on.
Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show

http://tiny.cc/catchup <---The page I am referring to.

hi,

i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this.

Code:

<html>
<body>

<table border="0" cellspacing="10">
<table border="0" cellpadding="0" cellspacing="0" align="left">
<td valign="top">
<iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe>
</td>    
</table>

This should be displayed below the iframe but actually gets displayed on the right
</body>
</html>

any help / guidance in this will be much appreciated. thanks in advance!

Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen.

That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another.

http://www.trans4mind.com/personal_d...e/iframes3.htm

here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it.

Hi!
I've been cracking my head trying to solve this:

How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one?

kind of concentric iframes or like a 'Donut iframe'

does anyone know how to create a link that brings you down to a lower part of the page?

Hey guys wats up i'm having a little trouble with links. i have some css code with the links so that they have a border on top and bottom and stuff. i have two links at the moment as i'm trying to figure this out.

on to explanation lol

anyways the two links are right beside each other and i want them to be but they look like one word. i'm trying to find a way to separate them into two words. here is my code:

CSS:
Code:

#Nav{
float: left;
width: 948px;
height: 18px;
border-top: 1px solid #FFA701;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #FFA701;
}	

#Nav a{
float: left;
padding: 0;
margin: 0;		
height: 18px;		
color: #fff;		
text-transform:uppercase;		
text-decoration: none;	
font-weight: bold;			
overflow: hidden;
}

HTML:
HTML Code:

<html>
<link href="code.css" type="text/css" rel="stylesheet">
<body bgcolor="#000">

<div id="Nav">
 (a href="#" class="">Home</a>
 (a href="#" class="">TEST</a>
</div>

</body>
</html>

ok in the html change the ( brackets to [ because otherwise it'd prob act like a link on the forum

thx in advance

Hey guys, my links are taking me away from my site. How can I make them open up into new windows instead?

Any suggestions appreciated.

cyclepete