HTML - Strange Anchor Problem
Hey guys I am creating this website http://www.upfrontdesigns.co.uk/build/services.html
but when you click on the click here for more info click it more down to the correct section but the header disappears in firefox. Its ok in IE tho Any Ideas? Similar TutorialsHi everybody, im new here. i've done lot of search and nothing solved my problem. here is my situation. I have 2 pages, in the first page i want to make a link to the second page but at a specific point in the second page. Here is my code: in the first page, i make this link: <a href="page2.html#70" class="Style1">linktopage2 (1)</a> in the second page at the point i want to link: <a name="70"></a> Did i forget something? right now when i click the link in the first page, it open the second but at the top of it and not at the point i want. someone have a better way to do what i want? thank you all!! mike I am having a problem with my anchor links disappearing when I click on one. I don't know what is causing this to happen. Here is the link to the problem. When you click any of the links, it takes you to the right place. But scroll back up and you will see that 2 of them disappear. http://www.white-candle.net/Our-Other-Products.html Relevant Code: HTML Code: <CENTER><p> <a href="#bathnbody">Natural Bath And Body Products</a><br> <a href="#cosmetics">Natural Cosmetics</a><br> <a href="#skincare">Natural Skin Care</a></p></CENTER> and the anchor names: HTML Code: <a name="bathnbody"><hr></a> <a name="cosmetics"><hr></a> <a name="skincare"><hr></a> Hi im getting reports of a strange problem occuring on a link to an email address when some users click the link below and the defailt email client is opened the email is appearing with capitals and then when sent, does not apppear in the inbox. surely theere is no way to do this besides javacript or the below? HTML Code: <p><a href="mailto:bookings@hjkjjhgkj">bookings@hjkjhkhjkhjk</a></p> </div> </div> does the problem lie with the the eamil cinent? Hi everybody.A few days ago I started learning HTML.(So ,i am a noob.)When I read about destination anchors,instantly I put one in my test page.But there is a problem. Here's the code HTML Code: <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html/> <head> <title>Bizone Webdesign</title> <meta http-equiv="Content-type" content="text/html" charset="windows-1250"> <meta name="keywords" content="bizonethemighty, web, design"> <meta name="description" content="Aceasta pagina ofera informatii despre studio-ul BizoneWebDesign"> </head> <body bgcolor="white" background="bkg.jpg" text="333333" link="333333" alink="ff6600" vlink="ff6600" > <DIV align="center"> <H1><a name="sus">webDesign studio <Q lang="en">Bizone</Q></a></H1> <H2>Test page</H2> </DIV> <p>Studio <ABBR title="Desing in domeniul Web">webDesign</ABBR> are o echipa de <STRONG>profesionisti</STRONG>,gata sa va satisfaca cerintele in domeniu.La fel cum H<sub>2</sub>O este prezenta oriunde pe planeta,iar ecuatii simple ca x<sup>2</sup>+y<sup>2</sup>=0 caracterizeaza algebra,la fel calitatea proiectelor noastre este evidenta si le caracterizeaza.</P> <P>Propunem o gama <EM>larga</EM> de <a href="portofoliu.html">proiecte</a>,realizate la cel mai inalt nivel</P> <PRE align="center"> Orase in care avem oficii: </PRE> <DIV title="Locatia orasului pe harta"> <PRE align="center"> <a target="_blank" href="http://maps.google.com/maps?oe=UTF-8&gfns=1&q=chisinau&um=1&ie=UTF-8&hq=&hnear=Chisinau,+Moldova&ei=MsdOTLGkC5-VOP-P-OMC&sa=X&oi=geocode_result&ct=title&resnum=1&ved=0CCIQ8gEwAA">Chisinau</a> <a target="_blank" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=balti&sll=47.216667,29.166667&sspn=0.165801,0.308647&ie=UTF8&hq=&hnear=Balti,+Moldova&z=12">Balti</a> <a target="_blank" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=edinet&sll=47.026859,28.841551&sspn=0.332785,0.617294&ie=UTF8&hq=&hnear=Edinet,+Moldova&z=12">Edinet</a> <a target="_blank" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Cimi%C5%9Flia,+Moldova&sll=47.75494,27.913&sspn=0.16411,0.308647&ie=UTF8&hq=&hnear=Cimi%C5%9Flia,+Moldova&z=11">Cimislia</a> <a target="_blank" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=causeni&sll=48.166667,27.316667&sspn=0.162807,0.308647&ie=UTF8&hq=&hnear=Causeni,+Moldova&z=12">Causeni</a> <a target="_blank" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Straseni,+Moldova&sll=46.516667,28.783333&sspn=0.335953,0.617294&ie=UTF8&hq=&hnear=Straseni,+Moldova&z=12">Straseni</a> <a target="_blank" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Criuleni,+Moldova&sll=46.6418,29.40942&sspn=0.16759,0.308647&ie=UTF8&hq=&hnear=Criuleni,+Moldova&z=12">Criuleni</a> <a target="_blank" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Soroca,+Moldova&sll=47.14204,28.61837&sspn=0.166034,0.308647&ie=UTF8&hq=&hnear=Soroca,+Moldova&z=12">Soroca</a> </DIV> </PRE> Logo-ul Studio-ului nostru:<IMG src="images/blazon_small.jpg /><BR> <a href="index.html#sus">Inceputul</a> </body> </html> The problem is that the last image HTML Code: <IMG src="images/blazon_small.jpg /> won't work until I remove the destination anchor HTML Code: <a href="index.html#sus">Inceputul</a> which doesn't work too if there is the img tag too. Please,tell me,what's the problem?These things can't work together?Please help! Hi all, I was wondering if anyone knows how you can force a page to automatically jump to an anchor link on that page...for example so the visitor doesn't have to scroll down everytime. I know I can just put: <a href="http://www.site.com/about.htm#anchor"></a> in the links etc...but is there a way to force a page to jump to the anchor without putting it in the links? Thanks ~Paul (ps. The reason is because my blog is a whole screen down on most screens, so when someone click on an archive etc...they have to scroll down over and over) I am working on a new site layout, and for some reason in IE6/IE7 if you go directly to the webpage I am working on, it doesn't load correctly (won't load my background gradient, and doesn't format the site properly) when I try to reload the page, I get the same problem. if I go to any site (with css, without css, etc) and then go to my page it loads properly. the source code is the same when it loads properly and when it doesn't so I have absolutely no idea how to fix this problem. Regards, David King I designed a site using HTML and CSS. The site works fine on all browsers except on the client's pc. He has IE 7. When I try it on my computer using the same browser IE7 it works fine. I told him to try the site on FFox and it worked ok. He wants the site to run on his pc using IE. I tried asking him to clear all cookies... doenst work. Any ideas want can be the problem? THANKS! hi, I have a css popup window (a lightbox) for videos, opened by javascript. If I want to close it, I've to select the white overlay on the background. On Windows, everything works very well in Firefox, IE and Safari. On Mac, I can't use the flash player controls because when I click on it, the video is closed (I guess because the overlay is selected even if it is behind the video). Isn't strange ? thanks This is a problem that is not really a problem. With one of my websites, the flash does not display properly when I view the site from a file on my computer. When I view the site online, everything is properly displayed. When viewing the file (when I test the page with my CoffeeCup html editor) in the browser, flash items such as video players, news feeds, and audio players, show with the bottom and right hand portions clipped off. Again, when viewing the page on the web, everything is normal. I have coded the flash on this page the same way I have coded it on my other websites, and on the other sites there is no problem. I have gone over the stylesheet for the page and found no errors. I have been unable to find any html coding errors that might account for this. Anyone else ever run into this sort of thing? Hello to everyone. I have very strange problem with html. This is the page link http://www.mrgole.net/Mobiflirt When you open the page the secound image field in main content is empty, but when you refresh and wait 1 sec, repeating this until the picture is showen. I really don't know whay this is happening. And I also noticed with firebug when picture is displayed html code is ok, but when the picture isn't the html code add ''href'' tags. Example: This is the right code when picture is dispayed: Quote: <div id="content_box"> <a href="#"> <div id="box_img"> </div> <div id="box_title"> <span class="name_title">JanjaXxX</span><br> <br> <br> <span class="p_content">Starost: 23 let Regija: Dolenjska išče moškega </span> </div> </a> </div> And this is the code when picture is not dispayed, and browser or somebody adds the new ''href'' tag. Quote: <div id="content_box"> <a href="#"> </a> <div id="box_img"> </div> <a href="#"> </a> <div id="box_title"> <span class="name_title">JanjaXxX</span><br> <br> <br> <span class="p_content">Starost: 23 let Regija: Dolenjska išče moškega </span> </div> <a href="#"> </a> </div> The problem only expose in Firefox. This is driving me nuts!! Is anyone able to see the difference in the logo postion on these two pages: http://www.i3design.com/ Compared with this page: http://www.i3design.com/services/index5.html Ive tried this on two computers, and two browsers (Chrome and firefox). These pages are 9px out on every computer I try. Ive totally stripped out the footer, extra css, javascript etc and it is STILL 9px out. On another forum I posted this: Quote: Originally Posted by Originally Posted by Turbohog Well, my site: http://www.freewebs.com/turbohog/ only seems to work correctly in full window in firefox. If you make the window smaller words from one column will start going to other columns and stuff! And it flat out doesn't work in IE or Opera. I want the words to stay in their proper column when you change the window size, I know it's possible. Please help. Then someone replied: Quote: Originally Posted by Originally Posted by Someone When you float (read: align="left" etc) an element like a table to the left or right, it'll always be as far left as it can go in the constraints. In this case, the constraint is the actual window, meaning your left and right-floated tables are always going to be on the left and right of the window. Since you've created those two tables first, they take priority over the center table, causing your overlapping tables. "Fixing" it isn't all that difficult, and it involves creating an invisible frame around your three table layout to keep them organised. Take out the align="whatever" crap, and, around the three tables, make another table with no border which has a width of 100%. Make one row with three cells in this table, and put each of your column tables in them. Align one cell to the left, one to the center and one to the right, and you have your frame. Then I posted: Quote: Originally Posted by Originally Posted by Turbohog Thanks, but I think I messed up. How can I get it so all the tables are spread out like they are in full window in firefox and the middle is a bit messed up: Code:http://turbohog.wordpress.com/?p=9 Use http://www.freewebs.com/turbohog/ as a reference, I appreciate the help! And no one replied, I desperately need the help and it would be highly appreciated! Hello all! I created a form the other day with a few fields in it: [LINK REMOVED]. If I click the textarea (Agency Notice. section), the cursor keeps jumping up to the subject. What the heck is going on here? lol Thanks in advance! Hi, For some reason on my website ( http://www.the-undefined.net/index.php ) a random "<" keeps popping up in one of two places on the screen. It either appears in the very top corner of the screen, the top corner of the central table of the page OR not at all... This isn't a HUGE problem or anything but it is slightly annoying... AND I can't get rid of it and I have no idea... The site is for a webcomic and uses PHP Inclusion to add content (e.g. index.php?id=ep1 is the page for episode one) Here's the coding of the index.php page: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>the-undefined.net</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="style.css"> <script type="text/javascript"> function getURL(val){ base = 'http://www.the-undefined.net/index.php?id=ep'; location = base + val; return false; } </script> </head> <body bgcolor="#2A2A2A"> <table align="center" width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right" colspan="2"> <table width="450" border="0" cellspacing="5" cellpadding="0"><tr> <td id="nav-top"><a href="index.php?id=home" title="the home">home</a></td> <td id="nav-top"><a href="index.php?id=story" title="the story">the story</a></td> <td id="nav-top"><a href="index.php?id=eplist" title="the ep list">ep list</a></td> <td id="nav-top"><a href="index.php?id=omake" title="the omake">omake</a></td> <td id="nav-top"><a href="index.php?id=site" title="the site">site</a></td> <td> </td> </tr></table> </td> </tr> <tr> <td height="350" valign="top" align="left" colspan="2" style="border: 15px solid #f0f0f0;"> <?php // checks if $z is defined if($id) { $x = basename($id); // Adds an extension to $z. E.g., if $z was main, then after this line, $z becomes main.php $id .= ".php"; // Checks if $z is in the current directory if (is_file("./$id")) { // Includes $z include($id); } else { // If $z is not in the current directory, an error comes out echo "<center><br><br><b>404 Error:</b><br><br>The page you are looking for, <b>$id</b> doesn't seem to exist!</center>"; } } else { // Include main.php if $z is not defined include("home.php"); } ?> </td> </tr> <tr> <td align="left"> <table width="170" border="0" cellspacing="5" cellpadding="0"><tr> <td> </td> <td id="nav-bottom"><a href="index.php" title="the domain">the undefined</a></td> </tr></table> </td> <td align="right"> <table width="200" border="0" cellspacing="5" cellpadding="0"><tr> <td id="nav-bottom"><a href="index.php?id=ep1" title="the first ep">first ep</a></td> <td id="nav-bottom"><a href="index.php" title="the last ep">last ep</a></td> <td> </td> </tr></table> </td> </tr> </table> <center><br><br><br><br><br><br><br><font color="#444444"><b>© Copyright 2006<br>All Rights Reserved</b></font></center> </body> </html> And for example an episode page is: HTML Code: <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr><td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="625" height="350"> <param name="movie" value="001.swf"> <param name="quality" value="high"> <embed src="001.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="350"></embed> </object> </td></tr> <tr><td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right; padding: 5px;" valign="center"> <table width="200" border="0" cellspacing="0" cellpadding="0" align="right"> <tr><form id="form1" name="form1" method="post" action="" onsubmit="return getURL(this.url.value)" style="padding: 0px;"> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right;"> « <s>Prev</s> | </td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: center;"><input name="url" type="text" style="background-color: #ffffff; color: #000000; text-align: center; border: 1px solid #000000; width: 30px; height: 16px; font-size: 11px; font-family: Verdana; vertical-align: middle;" class="form" /></td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: left;"> | <a href="index.php?id=ep2" title="the next" style="color: #000000;">Next »</a> </td> </form></tr> </table> </td></tr> </table> And it keeps randomly appearing everytime I refresh the page! Can anyone help...? Thanks, Spedman975 P.S. Sorry if this isn't where I should post this but I'm new to this! I have a a site that is builded with divs.Here is the structu Code: <div id="container"> <div id="header"> </div> <div id="slideShow"> </div> <div id="sideAdvs"> </div> <div id="articles"> </div> <div id="footer"> </div> </div> Although the footer in my code is inside the container div, on the browser arrives outside of it..I really don't know what to do and i'm a click away of ruinning my pc P Is there anyway to do a sort of "go to next anchor" link? ... and previous anchor? How do I make an H1 heading (example: <h1>Business to Business</h1>) into a link that will jump to an anchor lower on the page? What is the code for this? HELP! Any help would be much appreciated Karen Hi all, I'm trying to embed a flash file on my page that will act as a link to another page (please see code below). However, for some reason it's not working. Can someone please tell me what I'm doing wrong or point me towards some documentation? <div class="promowrapper"> <a href="http://promos.kansan.com/summersplash"><embed width="955" height="60" src="http://media.kansan.com/static/images/SummerSplash.swf" /></a> </div> Thanks, Kansan I'm creating an alphabetical search of products. I have a table with the letters of the alphabet and just below that table I have a scroll box with the list of products. Each section of this list of product has an anchor that is called by the letter in the table. When the letter is clicked the scroll box scrolls to show the products with names starting with that letter. What I did so far is working. The problem is that the whole page of the website is moving up when I click a letter and not just the scroll box. How do I do to make just the scroll box to scroll? |