HTML - Anchor Tag Question
Right this is not for the faint-hearted cos I'm going to make a real hash of explaining what I'm trying to do probably
I'm using <a> tags to move the user around a single page, so for example: HTML Code: <a href="#room1">Room1</a> <a href="#room2">Room2</a> <a href="#room3">Room3</a> <a href="#room4">Room4</a> <div id="room1"> Some Content </div> <div id="room2"> Some Content </div> <div id="room3"> Some Content </div> <div id="room4"> Some Content </div> It works fine, but the browser places the viewing window right at the very start of the <div id=""> bit. I want to have it move to say 50px higher up. I can't move the <div> tags or set any margin or padding on them as this really messes up the page. Is there any way to move the browser window 50px back up after it has moved to the <div> position. Maybe using javascript? Any help really appreciated Similar TutorialsIs this a valid format ? <a name="xxxx"><!-- --></a> I ask because it works in all browsers I use but not with IE 8 (Beta). I'm not sure if this is a bug in IE 8 or whether the syntax is strictly valid. If I use or space this will work in IE8 but again I am not sure if it is valid Thanks Harvey Is there anyway to do a sort of "go to next anchor" link? ... and previous anchor? Hello, I have a webpage with several html anchors. The anchor part works ok, but when I click on the links, I only goto to the part of the page with all the anchors (all anchors are gathered low in the page) and I wanted to know if there is any way of highlighting the specific anchor that the user has clicked on. Thank you. I would like to show some details in table format inside the anchor link, is this possible or not... Using help from (http://www.echoecho.com/htmllinks08.htm) I added links to my page (http://laititudefestival.zxq.net/whosplaying.html) When clicked on the title 'Lake Stage' it should redirect you to the line up image lower down in the page. The link (http://laititudefestival.zxq.net/whosplaying.html#lake) appears in the address bar . It should move the page down but it dosent Please help Just give me one working example I would be very happy I could change text and so on ! Thanks , Sorry for English 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 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'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? Hey guys, I'm really new to HTML coding so be nice. I'm trying create an anchor on a new page. Is this possible, I can create an anchor that jumps down a page, but I can't get it to work on a different page. I thought I had it, but it only worked in Safari, and wouldn't work in Firefox or IE. Any help would be greatly appreciated 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 so i have these 3 files, frame.html, menu.html, and page.html frame.html sets up the frameset with menu.html on the left side and page.html on the right side. the page is very large and scrolls and has a bunch of named anchors in it, and the menu doesn't scroll so its always visible no matter where on the page you are. so u probably get the idea by now. normally if i want to have an anchor link in the page i would just say href="#anchorname", but instead i want to have links in the menu frame jump to anchors in the page frame, so that someone could browse the page very easily without having to scroll all the way back to the top for all the anchor links. is that possible, and how would i do it? Hi guys how are you, happy new year to you all. I had a search through google and through your site but couldnt find what i was looking for, so i appologise if this is a repost. I have a large html document with about 160 different anchor tags that are seperated through a table. (160 different rows) I would like to center the anchors in the new pop up window, as currently they open hard up against the top of the new window and cut information of the top of the the right most columb. Is there html i can add to the 'href' or the anchors on the information page? Sorry i should have mentioned that i want a nice flush window to open without scroll bars Thanks. This is the link i am using in the main page: <a href="http://xxxxx/information.htm#1" onclick="window.open(this.href, 'popupwindow', 'width=800,height=125'); return false;">here</a> Any ideas or advice would be priceless, Thanks in advance, Rusty. I am creating an FBML page in Facebook and can not figure out how to do an anchor point in the page - mostly because instructions online only tell you how to do it and show snippets of code, not the entire portion, so I can't tell where to put the two different parts of the code (a name & a href with #). This is the code I have: <a name="Current Projects" id="Current Projects"> <a href="http://www.facebook.com/familysearchwiki#currentprojects"><strong>Current Projects</strong></a></a><p> I want it to link to the "Current Projects" section of the document. I do not know how to set this up. Seems like it should be easy... I know it is, right? im rather new to html coding so forgive me for being so nub at this. I have a website for my friend and i thought by making the navigation menu have a mouse over effect it would help make the website a lot more presentable. i used this technique to create the mouse over effect. i then used this technique to pre-cache the images onto the user's pc so that the images don't flash when first hovered over. everything seemed to work fine on my computer (i used firefox 3.x) but then i loaded up the page on internet explorer 8.x.. at first the image mouse hovers work fine but when the image is clicked the image dissapears and is replaced by text. i added a:name:visited to fix that issue but now after it is clicked the hover stops working.. is there any way to fix this? here is the website so you can open it with iexplorer and see what i mean.. just click any of the navigation buttons. Analog Knights I have some anchor tags in my user control ...now when i use tab key from key board and navigate to this anchor and press enter it opens a new window and after i am done with this new window (let's say i close it)and again press tab key the focus is moving out to another element in the control but not back to the same anchor. Instead of key board if i use mouse click and then press tab key the focus is coming back to the same anchor. How can i set the focus back on to the same anchor while i use key board tab. 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! 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? |