|
HTML - How To Get Anchor To Now Show Selected.
Hi all, I have various anchors on my web-pages that do not actually load new pages..so they look like:
Code: <a href="javascript:return false;" onclick="doSomething();">foobar</a> problem is, when a user clicks the anchor the anchor becomes 'selected' showing a box around the anchor..which I do not want..I'm no HTML/CSS guru and have no idea to fix it so that when anchor is 'selected' it does not 'show the box around it'..any tips on what I can do? (I suppose I could try and change it to use spans instead of anchors, but..then the 'mouse cursor' does not change properly when users hover over the anchor). ps. the website url: www.borrownet.com every menu link has this issue. Similar TutorialsHi all. I have a page that the select box is not selecting the option when selected is put in there. Here is the code. Any help you have is appreciated =) Thank you =) Light and Love and Healing to you, -Patrick Arden McNally Code: <html> <head> <title>DULUTH Music Scene</title> <link rel="stylesheet" type="text/css" href="music_scene.css"> </head> <body > <div class="wrapper"> <table width="100%"> <tr><td colspan="2"> <table width="100%" border="1"> <tr width="100%" align="center" valign="top"> <td><a href="index.php">Home</a></td><td><a href="calendar.php">Calendar</a></td><td><a href="featured.php">Featured Shows</a></td> <td><a href="view.php?mode=3">Venues</a></td><td><a href="view.php?mode=2">Local Artists</a></td><td> <a href="classifieds.php?type=1">Instruments</a><br> <a href="classifieds.php?type=2">Lessons</a><br> <a href="classifieds.php?type=3">Repairs</a><br> </td> <td><a href="email.php">Contact<br><a href="about.php">About Us</a><br><a href="user_reg.php">Join</a></td></tr> </table> </td></tr> <tr> <td><h2> DULUTH<br>Music Scene</h2> </td><td align="right"> You are logged in (admin) <a href="logout.php">logout</a><br> <a href="home.php">My Profile</a> | <a href="admin.php">MusicScene Admin </a></td></tr> <tr><td colspan="2"> <hr> <h2>Edit Featured Show</h2> <form action="admin.php?mode=edit_featured" method="post" name="form1" enctype="multipart/form-data"> <input type="hidden" name="mode" value="edit_featured"> <input type="hidden" name="id" value="9"> <input type="hidden" name="regionID" value="1"> Shows: <select name="showID"><option value="27" selected>2009-04-25 - The Rez <br>The Big Wu - The Orpheum Duluth - NorShor Theatre 1st Floor</option><option value="33" >2009-06-25 - The Infinite Flow <br>The Lovers - Blue Crab</option><option value="8" >2009-07-10 - The Infinite Flow <br> Johnny Reeferseed & the High Rollers<br> Harmonic Order<br> Cirrus Minor<br> The Rez<br> Dead L - Mellow Meddle Music Festival</option><option value="10" >2009-07-10 - The Rez <br>The Infinite Flow<br> Harmonic Order - Mellow Meddle Music Festival</option><option value="15" >2009-07-10 - The Infinite Flow <br>The Rez - Mellow Meddle Music Festival</option><option value="29" >2010-10-20 - The Hobo Newphews of Uncle Frank <br>JnvsVwNotS - The Rex</option></select><br> Description: <textarea name="description" cols="80" rows="10">The Rez and The Histronic will be opening for The Big Wu on Saturday April 25th at the Historic NorShor Theatre in Duluth (Now Called The Orpheum Duluth).</textarea><br> User: <select name="userID"> <option value="16" >Jamie Ness</option> <option value="17" >Jim Hall</option> <option value="18" >Marc Gartman</option> <option value="19" >Too Many Banjos</option> <option value="20" >Acceleratii</option> <option value="21" >Root City Band</option> <option value="22" >The Tisdales</option> <option value="23" >Equal Xchange</option> <option value="24" >Charlie Parr</option> <option value="25" >Uprising</option> <option value="26" >The Fractals</option> <option value="27" >Lonesome Dan Kase</option> <option value="28" >Ian Alexy</option> <option value="29" >The Hobo Newphews of Uncle Frank</option> <option value="30" >The Hobo Newphews of Uncle Frank</option> <option value="45" >Thirsty Pagan Brewing</option> <option value="46" >Lakeview Castle</option> <option value="48" >The Orpheum Duluth - NorShor Theatre 1st Floor</option> <option value="49" >The Rex</option> <option value="60" >Sir Benedict's Tavern on the Lake</option> <option value="61" >Pizza Luce</option> <option value="62" >Blue Crab</option> <option value="63" >Fitger's Brewhouse</option> <option value="51" >#dennick[IRIFIFZFZIII]</option> <option value="52" >2</option> <option value="12" >Music Scene Admin</option> <option value="47" >Angelic Ascension</option> <option value="13" >The Infinite Flow</option> <option value="58" >infoffwrofE</option> <option value="59" >itedgeGootorm</option> <option value="55" >Josh Brown</option> <option value="56" >pp</option> <option value="57" >pp</option> <option value="42" >Patrick</option> <option value="43" >Patrick</option> <option value="44" >Patrick Arden McNally</option> <option value="8" >Patrick Arden McNally</option> <option value="9" >Patrick Arden McNally</option> <option value="15" >Teague Alexy</option> <option value="14" >The Beat Coffee House</option> <option value="31" selected>The Rez</option> <option value="2" >Tim and Pat</option> <option value="6" >Twins Bar</option> <option value="50" >xpokvmihdsz</option> </select><br> Date Start: <select name="date_start_month"><option value="01" >Jan</option><option value="02" >Feb</option><option value="03" >Mar</option><option value="04" selected>Apr</option><option value="05" >May</option><option value="06" >Jun</option><option value="07" >Jul</option><option value="08" >Aug</option><option value="09" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select><select name="date_start_day"> <option value="01" >01</option><option value="02" >02</option><option value="03" >03</option><option value="04" >04</option><option value="05" >05</option><option value="06" >06</option><option value="07" >07</option><option value="08" >08</option><option value="09" >09</option><option value="10" >10</option><option value="11" >11</option><option value="12" >12</option><option value="13" >13</option><option value="14" >14</option><option value="15" >15</option><option value="16" >16</option><option value="17" >17</option><option value="18" >18</option><option value="19" >19</option><option value="20" >20</option><option value="21" selected>21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" >26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select> <select name="date_start_year"><option value="2009" selected>2009</option><option value="2010" >2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option></select><br> Date End: <select name="date_end_month"><option value="01" >Jan</option><option value="02" >Feb</option><option value="03" >Mar</option><option value="04" selected>Apr</option><option value="05" >May</option><option value="06" >Jun</option><option value="07" >Jul</option><option value="08" >Aug</option><option value="09" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select><select name="date_end_day"> <option value="01" >01</option><option value="02" >02</option><option value="03" >03</option><option value="04" >04</option><option value="05" >05</option><option value="06" >06</option><option value="07" >07</option><option value="08" >08</option><option value="09" >09</option><option value="10" >10</option><option value="11" >11</option><option value="12" >12</option><option value="13" >13</option><option value="14" >14</option><option value="15" >15</option><option value="16" >16</option><option value="17" >17</option><option value="18" >18</option><option value="19" >19</option><option value="20" >20</option><option value="21" >21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" selected>26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select> <select name="date_end_year"><option value="2009" selected>2009</option><option value="2010" >2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option></select><br> Paid: <input type="checkbox" name="paid" checked> Payment ID: <input type="text" name="payment_id" value=""><br> Active: <input type="checkbox" name="active" checked><br> Type: Front Page <input type="radio" name="featured_type" value="1" checked> | Featured Shows Page <input type="radio" name="featured_type" value="2" ><br> Featured photo: <input type="file" name="featured_photo"><br> <input type="hidden" name="featured_photo_old" value=""> <input type="submit" name="submit" value="Submit"> </form> <br><hr><br><br><br> <a href="admin.php?mode=featured">Add/Edit Featured Shows</a> | <a href="admin.php?mode=banners">Add/Edit Banners</a> | <a href="admin.php?mode=classifieds">Add/Edit Classifieds</a> | <a href="admin.php?mode=report">View Site Reports</a> <tr><td colspan="2" align="center"> <br><br> </td></tr> </table> </div><div class="push"> <div class="footer"><a href="about.php">About us</a> | <a href="email.php">Contact Us</a><br> <div style="font-size: 12px;">Website Design by <A href="http://www.thedesignedge.com/">The Design Edge</a> - ©2009 Music-Scene.org</div></div> </body></html> 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 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 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 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 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 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'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? 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? I would like to show some details in table format inside the anchor link, is this possible or not... Hello all! My 1st post. I have an iframe embedded on my webpage of a .html manual and I would like to be able to have the manual open to certain anchors within it when a given page on my website is visited. Here is the iframe code I have that will open up the manual but then the visitor has to scroll to the topic covered: <iframe name="FRAME1" src="../r6manual/TTM Mixer.14.05.html" width="1100" height="600" frameborder="0" ></iframe> Here is the anchor code on the TTM Mixer.14.05.html that I would like to be showing when the page is visited. <div class="Subhead"><a name="468813">Dynamics section</a></div> Thank you so much for your time, Matt. Hi everyone, haven't posted in a while, but I'm having trouble with a tricky little problem. I've tried Googling for it and such, but it's difficult because I don't even really know what to search for, or even if what I'm trying to find exists at all. I'm coding a website for my friend's stepdad. He doesn't have a server right now (because of money restrictions) so I'm doing it all as offline htm/css/js files, that I'm going to email to him when I'm done with the betas (do unfinished webfiles count as betas?) Anydangway, because I don't necessarily know where he's going to save the files (I don't even know if he has a specific name for his hard drive) I can't be sure that I'll get the right directory if I say, instruct his browser to find in c://suchandsuchafolder/website because A) he may unwittingly save the files somewhere else and his hard drive may be not even be labelled C I suppose I could give him very specific instructions as to where to save it all, (he's not very computer savy) but the problem there is that he's planning on showing the website to the job center in the hopes they'll give him some funding to get it online, and if they decide they want a copy of the files themselves THEY'LL need to save it in a specific location themselves. So what I'm looking for is some sort of anchor attribute (possibly, like I said, I have no idea if such a thing even exists) that could tell a browser to get a file from the same folder that the document that linked to it was saved in. That way I could just instruct him (and by proxy he could instruct the job center) to just save the files in the same folder, and they'd work on any old computer they were saved on. Like I said, I'm not even sure if that is something that exists, nor am I sure if it would be found within HTML, and not some other language instead. But it does sound as though it would be the kind of thing that may be a real thing, so if anyone knows something that sounds like what I'm talking about, or if anyone has an alternate solution to this problem, please let me know! Thanks in advance yo. PS: I apologize for the fairly vague thread title. I couldn't think of any other way to describe the problem more specifically in a concise way. 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? Hello! I'm looking for a solution to this Iframe problem. I want to create an "anchor" for the iframe to land on. This is a picture explaining something like what I want: http://img188.imageshack.us/img188/6...etroublesf.gif The thing is, I want that "anchor" to be exactly x ammount of pixels. For example, to make an Iframe including a youtube video- i would do this: HTML Code: <iframe src ="http://www.youtube.com/watch?v=dMH0bHeiRNg" width="100%" height="500"> </iframe> This iframe would cause you to see the entire youtube page, and the first thing on the iframe that appears would be that youtube logo & navigation bar that says "home | videos | shows | ...ect" How would I make it so that the iframe default is already "Scrolled past" that? So the first thing that appears on the iframe is the video, rather than that youtube logo & navigaion bar? The part that I want removed is about 90 pixels. Is this even possible to do? :/ Especially on a page that is not your own without anchor tags? 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? I'm using a thin iFrame in one of my websites and an anchor to decide where it starts. The anchor only controls the vertical component of the webpage. Is there a way to specificy a horizontal anchor in pixels or location? |
|||||||