|
HTML - A Rather More Tricky One...?
Hello!
I'm using a simple template and adding/modifying as I go to create a small website, but I seem to have come across something which looks like a fundamental flaw in the way the page has been coded that I can't get round. I'm not yet good enough to be able to see how I can fix it. It might be really simple, but it's driving me mad! Basically, the template consists of an index page with navigation image, and in this page there is another page embedded - floatingpage.html. So the index page acts like a frame. As it is a very simple site with only a bit of text, I want to have all of my text in the floating page, with anchors to specific sections, linked to from the rolling navigation gif in index.html. However, these links won't work. I have put my anchors in the various sections of floatingpage.html that I want to link to, but the section in the index.html template which has been left blank for anchor links (in a rolling navigation gif) is of this format: <area shape="rect" coords="xx,xx,xx,xx" href="#anchorhere"> so basically this is telling the index page to look for an anchor within the index page, whereas the anchors I really want to point to are in the floating page. If I specify that the anchor is in floatingpage.html, the link merely leads to floatingpage.html on its own, i.e. not embedded in the index page. I'm sure this must be really simple to solve, but I just don't know how! I want the links to keep the floating page embedded in the main page, but simply scroll down to the correct anchor. I would be extremely grateful if anyone could give me a hand on this. Thanks so much!!! Similar TutorialsSorry for posting to questions in a row... There's a certain web site that prohibits using this type of expression: <p style="color: white"> text </p> They do it to prevent invisible text. Is there any way around it? Thanks. Lo there good folks. As a part of relocating and redesigning the intro page to my website, I have come across a problem that I can't explain much less resolve. The page in question resides at www.hpjenssen.com The css for the page resides at www.hpjenssen.com/style_index.css The page HTML and CSS are both valid within their defined doctypes. The problem can best be described as browser specific to Apple Safari, as this is the only browser I've encountered it in so far. Try loading the page in any other browser and it looks like one solid image until you start mouseover on the links. In safari, you can see the frame where the info loads before you mouseover, it's only a slight color saturation variation from the correct display, but enough to be visible. Has anyone else come across this before? Any idea on how to resolve it? HP. I would have attached a screen, but I am working on a pc and not a mac at the moment, so I don't have safari here. I have one form, in that form I have 2 submit buttons, whenever each button is submitted. it sends all the form data to my action class/next form along with one hidden parameter. Now I want this hidden parameter to be different for each type of button. Lets say for button 1, i want this parameter' value as first. And for button2, i want this as second. How can I do this without using client side java script? Please suggest me, if anybody can do this. cant get this to fit please help correct errors <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> Content-Type: text/html; charset=utf-8 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="icon" type="image/ico" href="http://www.525powertracks.com/Equalizer2.gif" /> <link rel="stylesheet" href="/style_2009.css" type="text/css" /> <meta name="description" content="Features the best sites of metal hardrock and death ,metal" /> <meta name="keywords" content="Dark metal designers, metal, hardrock, death metal, lyrics, clips, forums, artists" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <!-- _*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_ Created and maintained by J.J/ Alias Darkhat (http://www.designz.se) COPYRIGHT 2009 - 2020, Strong _*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_ --> <script language="javascript" type="text/ecmascript" src="mootools.js"></script> <script language="javascript" type="text/ecmascript" src="mootoolsmore.js"></script> <script language="javascript" type="text/ecmascript" src="flowplayer.min.js"></script> <script type="text/javascript" src="webtoolkit.cursor.js"> <title>Dark Metal Designs</title> </head> <BODY BGCOLOR="#000000" TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000"> <body> <script language=JavaScript> <!-- var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> </script> <link rel="stylesheet" href="windowfiles/dhtmlwindow.css" type="text/css" /> <script type="text/javascript" src="windowfiles/dhtmlwindow.js"> </script> <body> <div id="somediv" style="display:none"> </p> </div> <body> <script type="text/javascript"> var googlewin=dhtmlwindow.open("googlebox", "iframe", "http://designz.se/01.html", "Radio", "width=70px,height=39px,resize=0,scrolling=0,center=1", "recal") googlewin.onclose=function(){ //Run custom code when window is being closed (return false to cancel action): return window.confirm("Close Radio") } </script> <style type="text/css"> body { /* for IE; otherwise, BG isn't fully stretched */ margin: 0px; } #bg { position: fixed; margin: 0px; border: 0px; padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 0; } #bg img { width: 100%; } #body { position: absolute; left: 0%; top: 0%; width: 98%; height:98%; padding: 1%; z-index: 10; } li { margin-bottom: 2em; } </style> <!--[if IE]> <style type="text/css"> body { margin: 0px; overflow: hidden; } #body { padding: 1em; width: 100%; height:100%; overflow: auto; } </style> <![endif]--> </head> <body> <!-- img must be encased in div to keep proper image aspect ratio --> <div id="bg"><img src="012.jpg"></div> <div id="body"> <center> <td> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> <u> <TR><a class="" <input type="image" src="0.png"</TR> <TR><a class="bumpbox" href="http://mayhemfest.com/tourdates.php" rel=930,600><input type="image" src="2.png"</TR> <TR><a class="bumpbox" href="http://player.play.it/player/aolPlayer.html?v=4.5.23&ur=1&us=1&id=" rel="870,650"><input type="image" src="1.png" name="ill"></TR> <TR><a class="bumpbox" href="http://designz.se/-/e107_plugins/forum/forum.php" rel=830,770><input type="image" src="3.png"</TR> <TR><a class="bumpbox" href="http://designz.se/-/e107_plugins/ytm_gallery/ytm.php" rel=830,580><input type="image" src="4.png"</TR> <TR><a class="bumpbox" href="http://designz.se/1.html" rel=800,620><input type="image" src="5.png"</TR> <TR><a class="" <input type="image" src="0.png"</TR> <div> </div> <center><A HREF="http://designz.se/Images/index.php">Let Your Band Be Seen : <U>Register Here</U></center></a> </u> <div> <center> <script language="javascript" type="text/ecmascript" src="bumpbox.js"> </center> </script></div> </div> <center> <td> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <MARQUEE> <a href="http://metalforum.inconvex2.de/" target="_blank" onmousedown="return out('19')"><img src="http://metalforum.inconvex2.de/images/bblogo.jpg" alt="19 Metal Forum Community" class="banner" border="0" vspace="4" width="468" height="60" hspace="4"></a> <a href="http://www.metalsites.net/" target="_blank" onmousedown="return out('18')"><img src="http://www.metalsites.net/pics/ms/metalsites-net-b04.jpg" alt="18 - METALSITES.net -" class="banner" border="0" vspace="4" width="468" height="60" hspace="4"></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=249742752" target="_blank" onmousedown="return out('25')"><img src="http://www.casimages.com/img/jpg/07100410474367201295974.jpg" alt="25 REAL SOUND PRODUCTION - THE METAL SIDE" class="banner" border="0" vspace="4" width="468" height="60" hspace="4"></a> <a href="http://www.radio-godmode.com/" target="_blank" onmousedown="return out('66')"><img src="http://www.radio-godmode.com/images/exchange-banner.jpg" alt="66 Radio GodMode" class="banner" border="0" vspace="4" width="468" height="60" hspace="4"></a> </MARQUEE> <BODY BGCOLOR="#000000" TEXT="#000000" LINK="#FF0000" VLINK="#FF0000" ALINK="#FF0000"> <div> </div> <center></center></a> </u> <div> </body> </html> I have the need to have the user input her full name on the first html page and display it on the second html page. I understand that i can use the method POST to pass the name from the first page to second page but I dont know how to get the data in the second html page. The problem is that I am told not to use Javascript or cookies Any help will be appeciated Best, DD |
|||||||