floating frame help

liunx · Jan 9, 2008

hey guys, 
 
i'm having some problems with a page of my website. 
 
the page as it is at the moment is here: <a class="postlink" href="http://www.worthingtrials.com/worthing_gallery1.html">http://www.worthingtrials.com/worthing_gallery1.html</a> 
 
basically, where it says "info to go here", there is a floating frame. what i'm after is this frame to change when a photo is clicked on the left - the problem i'm having is that clicking a photo already changes the main frame picture and i'm not sure if it's possible to have a link change both frames??? 
 
also....the background image is a standard photo, just enlarged, with a file size of 125kb. is there anyway to get the background effect without such a large file size?? 
 
any help would be great! 
 
chris.To change two frames with one link: 
 
<a href=http://www.htmlforums.com/archive/index.php/"newpage.html" target="frame_a" onclick="top.frame_b.location.href='anotherpage.html'">Link Text</a>i can't get it to work, do you leave the code exactly as it is or change the "b" parts of it?? 
 
chris.<a href=http://www.htmlforums.com/archive/index.php/"newpage.html" target="frame_a" onclick="top.frame_b.location.href='anotherpage.html'">Link Text</a> 
 
Sorry.. the [ b ] did not belong there..i still can't get it to work! i don't know if i'm doing something wrong or not. 
 
the first photo from the left hand menu on the page should, in theory, change the main picture, and the blank area underneath, but it's not. 
here is the page: <a class="postlink" href="http://www.worthingtrials.com/worthing_gallery1.html">http://www.worthingtrials.com/worthing_gallery1.html</a> 
 
and here is the code for the first photo in the left hand menu: 
 
<a href=http://www.htmlforums.com/archive/index.php/"http://www.worthingtrials.com/brendan_bunnyhop.jpg" target="photo" onclick="top.photo_info.location.href='http://www.worthingtrials.com/trials_news.html'" onMouseOver="window.status='Click To Enlarge';return true"><img src=http://www.htmlforums.com/archive/index.php/"http://www.worthingtrials.com/brendan_bunnyhopthumb.jpg" alt="Click To Enlarge"></a> 
 
the main window is called "photo" and the bottom window "photo_info". 
 
help please! 
 
chris.make sure 'photo_info' frame is accessible form the TOP frameset 
 
e.g. 
 
<frameset> 
<frame name="photo_info"> 
<frameset> 
<frame name="photo"> 
<frame name="main"> 
<frame name="nav"> 
</frameset> 
</frameset> 
 
 
in above frameset you can access photo_info via the TOP object but not the photo, main and nav frames (they are not under the TOP frameset. To access photo frame FROM the nav frame you would write: parent.photo.location.href... 
to access photo_info from the 'nav' frame you would write: 
top.photo.location.href. 
To access the PHOTO frame from the photo_info frame you would write: 
top.frames[1].photo.location.href.. 
 
(eg. go via the top and choose the 2nd (index number 1) frame (which is the innermost frameset actually) and then choose the photo frame within frames[1]). 
 
If you need further assistance, try to show us your frameset structure... 
Thanks 
Kennethhey, 
 
thanks for your help, i tried playing around with the code to get the effect i wanted but just couldn't do it. for the time being i've left the page with the info part out of it while i concentrate on getting the rest of my site updated. 
 
thanks, 
 
chris - <a class="postlink" href="http://www.worthingtrials.com">http://www.worthingtrials.com</a>Your table is quite broken. The elements are not nested correctly. See this list: <a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.worthingtrials.com%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=&sp=">http://validator.w3.org/check?uri=http% ... al&ss=&sp=</a> . 
 
Delete every instance of . There is no such element. 
 
. Delete the second and third font, they are not required. 
 
You must have a <TR> before the first <TD> of a table. After the last </TD> of a table there must be a </TR>. These required elements are missing from your page. 
 
 must be defined inside each Paragraph. 
So: BlargBlargBlarg is not valid code. 
It must be done as <FONT="Black">Blarg for each one. 
 
You need alt="some text" on each <img> tag, so that non-visual browsers, and browsers that do not load images can still access your site. 
 
 blah <a href=http://www.htmlforums.com/archive/index.php/" blah "> blah </a> -- Check nesting of elements. 
It must be done as blah <a href=http://www.htmlforums.com/archive/index.php/" blah "> blah </a> 
 
It looks like a lot of errors on your site, but really it is just the same few errors repeated over and over again. After updating, check this link again: <a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.worthingtrials.com%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=&sp=">http://validator.w3.org/check?uri=http% ... al&ss=&sp=</a>. />
 
 
06/11/02 - Website Updates Is that June 11th, or 6th November, or November 2nd, or what? Why not use a four digit year, and the date format defined by ISO 8601 and RFC 3339: YYYY-MM-DD as that is non-ambiguous on both sides of the Atlantic? 
 
By the way, you haven't got a DOCTYPE, Title, Character Set Declaration, Content Language, Keywords, Description or any other META tags in your Heading. 
 
 
 
<edit>VB code isn't the same as UBB code. Oopsies.</edit>hey, 
 
thanks for what you've pointed out. i know there is a lot of errors in my code but i've had to learn everything i know from looking at other websites and trying to figure out the code - and i don't have much time for that 'cos of college and work. 
 
the meta tags etc. i haven't learnt about yet - if there's any sites that do a tutorial on them that you know of, could you post the link here? 
 
i'm still very much learning even the basics of website design so i'll take note of your comments and put right what you've mentioned! 
 
if you have any suggestions of ways to improve my site they would be appreciated! 
 
chris - <a class="postlink" href="http://www.worthingtrials.com">www.worthingtrials.com</a>I am also self-taught with HTML, so I think that you did have a first good effort. The code you have now is a lot cleaner, clearer, logical, and more likely to work in most browsers. 
 
The only error left is that the FONT ought to be stated inside each Paragraph. Most browsers will understand the code that you currently have, even though technically it isn't quite correct. 
 
 
You could work on the heading a bit more. My minimum header has all of this in it: 
 
<DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> Your Title Here </TITLE> 
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 
<META HTTP-EQUIV="Content-Language" CONTENT="EN-GB"> 
<META NAME="Keywords" CONTENT=" your, keyword, list, here "> 
<META NAME="Description" CONTENT=" Your Description Here. "> 
<META NAME="MSSmartTagsPreventParsing" CONTENT="TRUE">

floating frame help

liunx

Guest