HTML - Eliminate Part Of Header
Here is my website:
http://yourcarthings In the top heading, there is an unwanted red horizontal band. How can I get rid of this. Similar TutorialsI want a Header Graphic to be flush with the top of the webpage This is a copy of the Graphic; How do I make it from appearing with a space at the top of webpage like this . . . . . to appearing flush at the top of the webpage like this?; This is the Code I'm using: Quote: <html> <head> <title>Sample 15b</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#9FB6CD" link="#FFFFFF" vlink="#FFFFFF"> <div align="center"> <img src="http://i47.tinypic.com/b6dfte.png" width="871" height="131" longdesc="http://i47.tinypic.com/b6dfte.png"> <table width="768" border="0" cellspacing="0" cellpadding="0" height="100" bgcolor="#9FB6CD" align="center"> </table> </div> </body> </html> Can someone offer a solution? With appreciation I am retired, so now I no longer work for a living - Now, living works for me When I view my main page, it looks fine. It is centered on the screen with some background space between the top of the screen and the top of the web page. And has background space to the left and right. But when I select the sign-up link which is basically: http://www.website.com/index.php?command=signup_page When the sign-up page is viewed, it has moved up to the top of the screen and loses the top part of the header border. How can I get it to view exactly like the home page? To experiment I went to the css file and changed the top margin from 50px to 500px. It only effected the home page, didn't effect the sign-up page at all. Code: body { background-color: #6B6B6B; text-align: left; margin-top: 500px; What do you suggest I do to keep the top of the sign-up page from being cut off? Thanks. The highlighted section of PHP is displaying in the website, as you can see. It all happens after the "($_message) > " for some reason. Quick fix? http://img810.imageshack.us/img810/161/unled1kh.jpg Is there a way to eliminate whitespace between two elements. Here is a really simple example, where I want to eliminate the whitespace between two header elements. <h1> Hello, world </h1> <h2> yo, adrian! </h2> ...real estate is at a premium on the pages I'm working on, and I can't figure out how to get ride of this whitespace. I've tried css, where padding: 0px for the individual elements, as well as css for an encompassing div where padding: 0px but it doesn't work. Am I a nub or what!? I looked through the forum and tried their solution. Nothing luck. How can I eliminate the border space between two cells in same row? Even I used in css style: HTML Code: body, table, td,th,tr { padding: 0; margin: 0; border: 0; } HTML Code: <table width="80%" cellspacing="0"> <tr> <th colspan="2" scope="row"><div align="left"><img src="images/topPanel.jpg" width="800" height="134"/></div></th> </tr> <tr> <td width="14%" scope="col"><div align="left"><img src="images/sideBar.jpg" width="136" height="387"/></div></td> <td width="86%" scope="col"><div align="left"><img src="images/bodyFrame.jpg" width="664" height="387" border="0"/></div></td> </tr> <tr> <th colspan="2" scope="row"><div align="left"><img src="images/bottomPanel.jpg" width="800" height="79"/></div></th> </tr> </table> In IE6, it looks great. For FF, it shows the space between two cells in second row. www.deichselfamily.com FYI: this website is very simple. I am learning how to do the web design. Thanks. I am trying to put to tables next to each other side by side. These two tables are actually inside cells of a third "outer" table. I keep getting a white space inbetween the tables. How do I get rid of it? Is this going to show up if I put the code in? HTML Code: <head> <style type="text/css"> table.p { color:#000000; background-color:#ffffff; font-size: 100%; padding:0px; margin: 0; border-top: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; } </style> </head> <table border="0" width="100%" height="82"> <tr> <td width="50%" height="76"> <table class="p" border="0" width="100%"> <tr> <td width="100%">table 1</td> </tr> </table> </td> <td width="50%" height="76"> <table class="p" border="0" width="100%"> <tr> <td width="100%">table 2</td> </tr> </table> </td> </tr> </table> I used the "clear pixel trick" to put space between some links (see code below). It works, but the thing that bugs me is that a blank space remains at the beginning and end of each link (except for the first link, which only has a blank space at its end). See the webpage if you want to see exactly what i'm talking about: www.chicagolandaudioconsultants.com This looks a bit sloppy to me and i'd like to get rid of these spaces. Does anyone know how I can do that? Thanks, any help is appreciated. <A HREF="http://www.chicagolandaudioconsultants.com/aboutus.html">[About Us]</A> <IMG SRC="dot_clear.gif" border="0" HEIGHT="1" WIDTH="30" HSPACE="1" VSPACE="1"> <A HREF="http://www.chicagolandaudioconsultants.com/lessonsandtutoring.html">[Lessons and Tutoring]</A> <IMG SRC="dot_clear.gif" border="0" HEIGHT="1" WIDTH="30" HSPACE="1" VSPACE="1"> <A HREF="http://www.chicagolandaudioconsultants.com/computerrepair.html">[Computer Repair]</A> <IMG SRC="dot_clear.gif" border="0" HEIGHT="1" WIDTH="30" HSPACE="1" VSPACE="1"> <A HREF="http://www.chicagolandaudioconsultants.com/studiodesign&installation.html">[Studio Design and Installation]</A> <IMG SRC="dot_clear.gif" border="0" HEIGHT="1" WIDTH="30" HSPACE="1" VSPACE="1"> <A HREF="http://www.chicagolandaudioconsultants.com/advancedtutorials.html">[Advanced Tutorials]</A> Hi, I have a fine gray line around the logo. This is not the border of the table it’s the gray bgcolor. I and other HTMLers try to find the reason of this bug but failed. Can you help? You see the style.css and try to find the reason (please do not give vague answers, please look in the code and in the css) tnx So often when I create a form, a simple form with one text box the form tag adds a bunch of space below when I want it "lean" with zero space. For example a table row... <table> <tr bgcolor="#ffcc33"> <td valign="top" align="left" width="25%"></td> <td valign="top" align="center"><form action="http://www.sanluisshopper.com/search_businesses.php" method="GET" name="search"><input type="Text" name="search" size="20" name="search"><input type="Submit" value="Shop!"></form> </td> <td valign="top" align="right" width="25%"></td> </tr></table> Is there any way to eliminate this extra space? This has driven me batty! Thanks. Hey, im trying to find out why the header on my website isnt at the top of the page. it also moves sometimes even though the code appears to be all the same. the address is www.themonsterbox.com thanks in advance for any help. I've had problems in the past trying to get IE6 to display DIVs the same way as FF and IE7 displays them. So I recently decided to make a "skeleton" page just for the header section as a fresh start and I still can't figure out how to appease ol' IE6. I want the two DIVs to be side by side. But they aren't See what I mean: http://www.innotechnutrition.com/seeessess.php The CSS Code: body { text-align: center; } #container { /* does IE6 not like the line breaks? */ width: 770px; margin: 0px; padding: 0px; } #header { width: 770px; margin: 0px; padding: 0px; } #headerLeft { width: 50%; float: left; margin: 0px; padding: 0px; border: 1px solid #000; /* this won't show in IE6 for some reason */ background: #ccc; /* this won't work either */ } #headerRight { width: 50%; float: left; display: inline; margin: 0px; padding: 0px; border: 1px dotted #000; /* this don't show in IE6 for some reason */ background: #333; /* this won't work either */ } The HTML (doctype: DTD XHTML 1.0 Transitional) Code: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <div id="container"> <div id="header"> <div id="headerLeft"> LEFT div </div> <div id="headerRight"> RIGHT div </div> </div> </div> </body> </html> i have an image & i don't want to slice it to many images & i want to make just a part of it appear..for example, i want to use it's left corner in a place, then use it's right corner in another place can this be done?? i remeber i saw it somewhere here but can't remember where Hi. Im trying to use the background style of: http://www.freelayouts.com/templates...-Blue#download I looked through the .HTML for almost an hour, but I cant find ANY mention of the background. Heres the text: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Bright Blue by christopher robinson http://www.edg3.co.uk/ hope you enjoy it and find it usefull :) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <title>edg3.co.uk | Bright Blue</title> <link rel="shortcut icon" href="image/favicon.ico" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="en-gb" /> <meta http-equiv="imagetoolbar" content="false" /> <meta name="author" content="Christopher Robinson" /> <meta name="copyright" content="Copyright (c) Christopher Robinson 2005 - 2007" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="last-modified" content="Sat, 01 Jan 2007 00:00:00 GMT" /> <meta name="mssmarttagspreventparsing" content="true" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="revisit-after" content="7 days" /> </head> <body> <div id="header"> <h1>Bright <span>Blue</span></h1> </div> <div id="content"> <div id="main"> <h1>Important</h1> <p>Licensed under the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a>. I have left the actual text design style very basic for you to add your own text / header / quotes / list etc. styles yourself.</p> <h1>About</h1> <p>Designed by Christopher Robinson of <a href="http://www.edg3.co.uk/">EDG3</a>.</p> <p>This template would be great as a simple personal site which only needs little content and a few pages, you are free to use this design for whatever purpose you wish as long as you do <strong>NOT</strong> sell it or claim it as your own and you leave the link back to my site at the bottom of your pages.</p> <h1>Filler Text</h1> <p>Donec sodales tempor neque. Vivamus faucibus interdum ante. Suspendisse tincidunt nibh. Sed quis libero sit amet dui faucibus egestas. Quisque varius dapibus risus. Cras tincidunt malesuada velit. Vestibulum vel turpis eu sem vehicula eleifend. Sed tristique, lacus ut tempus lobortis, tellus lorem cursus nunc, vel convallis dui magna nec massa. Phasellus sed est. Phasellus purus sem, sodales sit amet, iaculis sed, lobortis eget, metus. Proin ut mi. Praesent accumsan commodo nisi. Aliquam erat volutpat. Vestibulum urna. Ut in quam sit amet dui pharetra pellentesque. Suspendisse id ipsum. Nulla urna leo, ultricies sit amet, posuere ut, elementum et, magna. Mauris tempus mi ut metus. </p> <p>Phasellus viverra sapien non nunc. Integer est enim, nonummy eu, tempus convallis, mollis ut, lorem. Morbi ornare mattis nulla. Pellentesque in risus at ligula scelerisque malesuada. Morbi elementum nisl sit amet purus. Cras erat quam, suscipit id, tincidunt in, dignissim ac, risus. Aliquam nunc. Donec tristique, felis sit amet bibendum blandit, arcu libero congue nibh, in bibendum nisl arcu at enim. Quisque varius velit vel dolor. Curabitur arcu tortor, lacinia ac, consectetuer nec, imperdiet nec, quam. Sed sed magna. Integer eget sem. In rhoncus eleifend orci. Morbi pharetra, justo at cursus nonummy, metus lectus ullamcorper est, sit amet consequat justo mauris sit amet augue. Aenean vel libero. Proin vehicula. Integer sollicitudin. Duis varius consequat leo. Fusce ultricies purus eu est.</p> </div> <div id="sidebar"> <ul class="navigation"> <li><a href="http://www.edg3.co.uk/about/" class="active">About</a></li> <li><a href="http://www.edg3.co.uk/">Blog</a></li> <li><a href="http://www.edg3.co.uk/contact/">Contact</a></li> </ul> <h1>Sponsered Links</h1> <ul> <li><a href="http://www.4templates.com/?aff=christopher">4Templates</a></li> <li><a href="http://www.edg3.co.uk">Christopher Robinson</a></li> <li><a href="http://www.evohosting.co.uk/affiliate/idevaffiliate.php?id=133">EVO Hosting</a></li> <li><a href="http://www.openwebdesign.org/userinfo.phtml?user=christopher">Open Web Design</a></li> <li><a href="http://www.opendesigns.org/profile/?user=christopher">Open Web Design</a></li> <li><a href="http://www.text-link-ads.com/?ref=31171">Text Link Ads</a></li> <li><a href="http://www.w3csites.com/profile.asp?u=christopher">W3C Sites</a></li> </ul> <h1>Blogroll</h1> <ul> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> </ul> </div> </div> <div id="footer"> <p>Copyright © <a href="#">Bright Blue</a> 2007 | Designed by <a href="http://www.edg3.co.uk/">edg3.co.uk</a><br /> Sponsored by <a href="http://www.opendesigns.org/">Open Designs</a> | Valid <a href="http://jigsaw.w3.org/css-validator/">CSS</a> & <a href="http://validator.w3.org/">XHTML</a></p> </div> </body> Can one of you induviduals that acctualy know how it workes please point me in the corect direction? Thanks.. Hi Guys, someone very kindly helped this morning with an issue I had. I'm putting together a portfolio and have encountered another problem!: It lines up okay in Dreamweaver. But when I visit it on the web: http://www.studioeighty.co.uk/portfolio/ There is a big gap, then all the text is centred instead of aligned to the left. Is this easy to fix? thanks Steve Hello, Somehow I get a weird part on top of my website, it shouldn't be there really, this is my head -> |||||||||||||||||||||||||\ <head> <title>|| Welcome to the Myth Academy homepage ||</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #75D2F3; } --> </style> <script type="text/javascript"> var dom = (document.getElementById) ? true : false; var ns5 = (!document.all && dom || window.opera) ? true: false; var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; var ie4 = (document.all && !dom) ? true : false; var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false; var origWidth, origHeight; // avoid error of passing event object in older browsers if (nodyn) { event = "nope" } /////////////////////// CUSTOMIZE HERE //////////////////// // settings for tooltip // Do you want tip to move when mouse moves over link? var tipFollowMouse= true; // Be sure to set tipWidth wide enough for widest image var tipWidth= 180; var offX= 30; // how far from mouse to show tip var offY= 12; var tipFontFamily= "Verdana, arial, helvetica, sans-serif"; var tipFontSize= "8pt"; // set default text color and background color for tooltip here // individual tooltips can have their own (set in messages arrays) // but don't have to var tipFontColor= "#000000"; var tipBgColor= "#DDECFF"; var tipBorderColor= "#000080"; var tipBorderWidth= 3; var tipBorderStyle= "ridge"; var tipPadding= 4; // tooltip content goes here (image, description, optional bgColor, optional textcolor) var messages = new Array(); // multi-dimensional arrays containing: // image and text for tooltip // optional: bgColor and color to be sent to tooltip messages[0] = new Array('images/icarus.jpg','Icarus',"#FFFFFF"); messages[1] = new Array('images/ares.jpg','Ares',"#FFFFFF"); messages[2] = new Array('images/caerus.jpg','Caerus',"#FFFFFF"); messages[3] = new Array('images/helios.jpg','Helios',"#FFFFFF"); messages[4] = new Array('images/nopic.jpg','Manticore',"#FFFFFF"); messages[5] = new Array('images/nopic.jpg','Typhon',"#FFFFFF"); messages[6] = new Array('images/nopic.jpg','Leviathan',"#FFFFFF"); messages[7] = new Array('images/nopic.jpg','Omega',"#FFFFFF"); messages[8] = new Array('images/abbadon.jpg','Abbadon',"#FFFFFF"); //////////////////// END OF CUSTOMIZATION AREA /////////////////// // preload images that are to appear in tooltip // from arrays above if (document.images) { var theImgs = new Array(); for (var i=0; i<messages.length; i++) { theImgs[i] = new Image(); theImgs[i].src = messages[i][0]; } } // to layout image and text, 2-row table, image centered in top cell // these go in var tip in doTooltip function // startStr goes before image, midStr goes between image and text var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="'; var midStr = '" border="0"></td></tr><tr><td valign="top">'; var endStr = '</td></tr></table>'; //////////////////////////////////////////////////////////// // initTip - initialization for tooltip. // Global variables for tooltip. // Set styles // Set up mousemove capture if tipFollowMouse set true. //////////////////////////////////////////////////////////// var tooltip, tipcss; function initTip() { if (nodyn) return; tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null; tipcss = tooltip.style; if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites tipcss.width = tipWidth+"px"; tipcss.fontFamily = tipFontFamily; tipcss.fontSize = tipFontSize; tipcss.color = tipFontColor; tipcss.backgroundColor = tipBgColor; tipcss.borderColor = tipBorderColor; tipcss.borderWidth = tipBorderWidth+"px"; tipcss.padding = tipPadding+"px"; tipcss.borderStyle = tipBorderStyle; } if (tooltip&&tipFollowMouse) { document.onmousemove = trackMouse; } } window.onload = initTip; ///////////////////////////////////////////////// // doTooltip function // Assembles content for tooltip and writes // it to tipDiv ///////////////////////////////////////////////// var t1,t2; // for setTimeouts var tipOn = false; // check if over tooltip link function doTooltip(evt,num) { if (!tooltip) return; if (t1) clearTimeout(t1); if (t2) clearTimeout(t2); tipOn = true; // set colors if included in messages array if (messages[num][2]) var curBgColor = messages[num][2]; else curBgColor = tipBgColor; if (messages[num][3]) var curFontColor = messages[num][3]; else curFontColor = tipFontColor; if (ie4||ie5||ns5) { var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr; tipcss.backgroundColor = curBgColor; tooltip.innerHTML = tip; } if (!tipFollowMouse) positionTip(evt); else t1=setTimeout("tipcss.visibility='visible'",100); } var mouseX, mouseY; function trackMouse(evt) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; if (tipOn) positionTip(evt); } ///////////////////////////////////////////////////////////// // positionTip function // If tipFollowMouse set false, so trackMouse function // not being used, get position of mouseover event. // Calculations use mouseover event position, // offset amounts and tooltip width to position // tooltip within window. ///////////////////////////////////////////////////////////// function positionTip(evt) { if (!tipFollowMouse) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; } // tooltip width and height var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth; var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight; // document area in view (subtract scrollbar width for ns) var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft; var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop; // check mouse position against tip and window dimensions // and position the tooltip if ((mouseX+offX+tpWd)>winWd) tipcss.left = mouseX-(tpWd+offX)+"px"; else tipcss.left = mouseX+offX+"px"; if ((mouseY+offY+tpHt)>winHt) tipcss.top = winHt-(tpHt+offY)+"px"; else tipcss.top = mouseY+offY+"px"; if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100); } function hideTip() { if (!tooltip) return; t2=setTimeout("tipcss.visibility='hidden'",100); tipOn = false; } document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>') </script> </head> |||||||||||||||||||||||||\ this is how my page looks like: http://img207.imageshack.us/img207/4111/bahwn8.jpg It's probably something in the script but I can't find the error part, I don't know if this is because of the javascript part or a mistake in the html tags. Please help me out Hey I have a site that has a weekly newsletter; people sign up through an opt in box... What I want to do is after they sign up and hit submit, I want them redirected to the same page right under the opt in box so that they can start right where they left off. Does anyone know how to redirect to a certain point on a web page? Thanks. Hello, This is similar to my last post that has been already marked resolved so I'm starting a new one. I can't figure out how to have a TABLE WITHIN A TABLE be at 100% height and not create a scroll bar in IE. One table alone, there is no problem, but when you nest another table, a scroll bar appears. Here is a link to a visual example: www.thehamandcheese.com If you use Firefox, you can see how I would like it to work. But if you use IE, you will see how I don't want it to work. How do I get IE to work like FF? Here's the code of that link: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test</title> <link href="StyleSheet.css" type="text/css" rel="stylesheet"/> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> html { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;} BODY { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;} FORM { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;} </style> </head> <body> <form runat="server"> <table style="height:100%; width:100%; border-color: Red" border="3" cellspacing="0" cellpadding="0"> <tr> <td style="height:100%; width:100%"> <table style="height:100%; width:100%; border-color: Blue" border="3" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" align="center"> Hello </td> </tr> </table> </td> </tr> </table> </form> </body> </html> Thanks, Alec i have a trivia site, so far with 500 or so questions and answers. the answers each have a separate html page, but i am looking for a way to put them all on about 5 pages, and just have one section display in a frame when the question is answered. i have figured out how to display a certain part of a page, but the problem is, i don't want anything else from the page displayed, because they are all embedded youtube videos and they would all start at once. am i just stuck with having an html page for each answer? if you can help god bless you i'm really stuck on this. this is basically what the page will look like, even though there's much work to be done so all the links aren't working, etc... http://trilogy.awardspace.com/iframe.html I'm trying to hotlink just part of an image and I've used the following html to do so: <img src="intouchheader4green2.1.PNG" border="0" width="900" height="250" usemap="header"> <map id="header" name="header"> <area shape="rect" coords="9,169,79,194" alt="Home" href="http://www.geocities.com/lancasterroots/SuzannesTestPages/test.html"> <area shape="rect" coords="53,199,122,223" alt="About" href="http://www.geocities.com/lancasterroots/SuzannesTestPages/test.html"> <area shape="rect" coords="134,190,204,215" alt="Contact" href="http://www.geocities.com/lancasterroots/SuzannesTestPages/test.html"> </map> But, when I use this, each part of the image hotlinks exactly how I want it to when I open it in Mozilla Firefox, but in Internet Explorer, nothing happens. At all. The hotlinks just don't exist in IE but they do in Firefox. Any suggestions? Thank you. Suzanne. Hi, I'm doing a small project for my school. And I have a problem. I'm using a page with two iframes. One has photo's the other has text. What I'm trying to do is jump from one frame to another part in the Other frame, and back. I've tested it sofar in Chorme and it all works. But it doesn't in Firefox and IE... Firefox opens it in a new tab, IE in a new window. Is there someway to let them jump the the specified frame??? Her is my site: http://stap.iam.hva.nl/~frieli03/ I hope you can help me out! Thanks in advance, Joren |