|
HTML - Little Arrows Beside Hyperlinks
Hello everybody,
maybe someone can give me a helpful advice here.. I have a vertical menu comprising of single image links on my website, each linking to a subsection. The menu is in the left frame of a frameset, the subsections (displaying in the main frame) can be quite big, containing up to twenty pages. Now I would like to add a small arrow or the like aside of the active link in the left frame - i.e. when a user clicks on the link image the arrow appears and stays there until the user clicks another link. That way, the link would stay highlighted/marked as long as the user is in the specific section. The problem is to make the arrow stay as long as nothing else is clicked in that frame - but disappear when another link is clicked to show up aside that one then. Can this be done with CSS?? Or rather javascript? How would I do this? Many thanks, Yatkha Similar TutorialsHowdy y'all, this is my first post =) I'm not usually a web designer, however I'm currently working on a web site for a small thrift store which benefits Habitat for Humanity. Of course, in HfH style, I am going with a green/blue color scheme. Here's my problem: I have hyperlinks, so that the underline is blue, and turns green when hovered over. It works great and looks just dandy with text hyperlinks. Here is the style code I inserted into the head: Quote: <style> body { color: black; background-color: white; font-family: arial } a { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px } a:link { border-bottom-color: #000080 } a:visited { border-bottom-color: #000080 } a:hover { border-bottom-color: #008000 } a:active { border-bottom-color: #008000 } </style> Now, here's the problem: Having this code in my header, is also causing all IMAGE hyperlinks to be underlined as well, with the same effect. This does not look so good. I tried inserting text-decoration: none into the image hyperlink tags, with no effect. What I would like to know is, how can I have the changing underline effect on text hyperlinks, while leaving image hyperlinks without an underline? Hi.. i am not sure if you can do this in HTML..maybe someone knows if there is some way around this.. In my webpage, I have a hyperlink which I want to point to a pdf document which can be at 2 different places on the web. I want the hyperlink to work in any case even if one of them is not present. I do not want to put something like Link1 and Link2 on the webpage. I want to hide both the links in the HTML... wonder if someone can help me with this.. skhimsara hello am trying to put hyperlinks inside a table & cannot get it to work properly. the links need to jump to sections within the same page. not suppose to be this difficult. have most of the coding but they still do not jump to the articles. here is an example from a page at http://www.freewebs.com/awordfitlyspoken/11aaaaaa.htm this is a 'test page' for the html that I am trying to do: ========================= body onload="runSlideShow()"> <center> <table border="5" bordercolor="C0C0C0" bgcolor="FAFAFA" cellpadding="20" cellspacing="5"> <tr> <td id="VU" height=80 width=730> <img src="http://farm1.static.flickr.com/48/192627152_a279d7abe1_m.jpg" name='SlideShow' width=150 height=130 align="right"><font color=414141><font size=4><b><blink>Salavation - Featured Articles</blink></b></font> <p><font size=2> <li><a href="#1LOCATION" style="text-decoration:none"><font color=#414141>Religions: Fradulent But Necessary</a> by Bill Allin</li> <li><a href="#2LOCATION" style="text-decoration:none"><font color=#414141>Called to Exploit or Follow?</a> by Fred London</li> <li><a href="#3LOCATION" style="text-decoration:none"><font color=#414141>Levite Be Gone: Releasing the Samaritan Within</a> by Jason S. Miller</li> <li><a href="#4LOCATION" style="text-decoration:none"><font color=#414141>Which Tree</a> by Jeremy Chambers</li> <li><a href="#5LOCATION" style="text-decoration:none"><font color=#414141>Editorial</a> by C.L. Mareydt</li></p> </td> </tr> </table> =================== the target area within the same page I have coded - but it doesn't connect. It constantly throws me to an 'error page'. here is the target area coded as such: <br><br> <br><br> <img src="http://farm3.static.flickr.com/2334/2157882981_ab63474c94.jpg" width="125" height="150"> <br><br> <font face="arial"><font size=4><b><a name="1LOCATION">Religions: Fraudulent But Necessary</a><br>by Bill Allin</b></font size> <br><br><p> <span style="float:left;color:#414141;font-size:100px;line-height:70px;padding-top:2px;font-family: Times, serif, Georgia;">Y</span><p> ou can safely assume that you've created God in your own image when it turns out that God hates all the same people you do. - Anne Lamott, writer (1954- ) All religions are man-made. Every single one, whether it has many gods, one god or no god at all, was a creation of man. There is no evidence that God ever sanctioned any one religion. Almost every religion - even those of aboriginals - has at least one god. Though there are hundreds of religions in existence today, no two have identical concepts ... </p> <br><br><a href="http://www.freewebs.com/awordfitlyspoken/11allin.htm" STYLE="TEXT-DECORATION: NONE"><img src="http://www.freewebs.com/awordfitlyspoken/clickbutton.jpg"></a></font> =================== would anyone know what i am doing incorrectly. sorry to take up so much room ... but really need a definite answer. thank you so much. C.L. Hi there, question about the hyperlinks at the top of most web pages. Like this page there are links such as HOME, ADVERTISE, CONTACT then REGISTER, PROFILE etc. I thought they could be a table cell but looking at the "Source" of this page they are something like this: <ul id="subnav"> <li><a href="http://www.htmlforums.com"><img src="style1/images/misc/but_home.gif" width="30" height="15" alt="Home" title="Home" /></a></li> What is the name of that element so that I can search my books and web for solution. I would call them just "Links at the top of the page" but I am sure there is more scinetific name for it. Hi I have a basic form that has some radio buttons in it (in a group). In the radio button labels, I'd like to have some hyperlinks that open examples pages pertaining to what the radio button choice is. I don't want the links sent with the form - I just want to have them displayed for the user to click. Where would I put a link in the radio button group code without screwing up the form? Thanks for your time and help. Shaun This page that I am working on has been headache stop after headache stop. I have put a ton of time into it to try and make it perfect. It feels like two steps forward one step back and more even sometimes. But over all its been a very rewarding experience building this page from nothing to this. http://www.mvguild.com Right now the issue Im looking to try and fix is where a hyperlink is directing its target to. I want it to go to the frame to the right, so you can still see the navigation frame that is at the left in which you clicked from in the first place. It is not doing this. I tried a bunch of different target choices which leads me to believe that Im lookin gin the wrong place. Would someone take a look at it for me please? The first button in question is -----> Recruitment... <---- there are a couple of other active links on the page but them opening in completey new windows really doesnt bother me too much. There is also an issue with the graphic in the upper left corner when you click on it it uses the left frame to go to its new page, its not supposed to do that, and I couldnt figure out how to fix that either. The names of the pages that Im currently working with are called: index.html <---hidden frame navigation.html <---left frame current.html <---frame in the middle(or right) that I want to cycle through with link clicks application.html <---- the first page Ive tried to put where current.html lives Thank you for your help Im sure its just a matter of a target="_figureitoutven Oh and if you had any suggestions for the site I am open to hearing them My guildmates seem to be mute when I ask them. Good Day and Happy New Year. I am told that MS Frontpage cannot follow or resolve the links set up via JS scripts. That is, FP cannot check for broken or invalid links embedded in a sript. To demonstrate, I've got the following construct: <a onclick="OpenWindow('target.html');" href="javascript:void(0);"> any text </a> OpenWindow () is a JS script which opens the target page with few additional features. How can I automatically verify the links? Thank you for your help. Saeed how can i make a hyperlink or a banner\picture, that will cahnge for every diffrent ip, what i mean is if i want all pepole coming from the Italy to see specific banner/ or hyperlink , and peple from UK to see diffrent banner\hyperlink, and all pepole from francer to see a diffrent and so on and so on.... How can i do it, I know its possibale becouse advertaizers do it. Thanks. Hi! I have put a hyperlink for each picture in my web (http://apeslab.netfirms.com/cgi-bin/randexample.pl ). I now randomize the order of the pix. It means that every time you reload the website, the order of the pix is different. Yet, I cannot figure out how I can put the hyperlink for each pic. So, for instance, I want the cibershot (digi_came3.jpg) to have a hyperlink to yahoo.com. What I wrote for this website is: #!/usr/bin/perl use CGI; $query = new CGI; $v01= "/images/degi_came1.jpg"; $v02= "/images/degi_came2.jpg"; $v03= "/images/degi_came3.jpg"; $l01= "http://www.yahoo.com"; $l02= "http://www.google.com"; $l03= " http://www.asahi.com"; print $query->header; print $query->start_html(-title=>'Mental Rotation'); print "<FONT FACE = 'arial' SIZE = '2'>"; print "<B>Image Rating Example.</B><BR> <BR> Each image depicts two objects. In some cases, one object is a simple rotation of the other. In other cases, the two objects are not the same. For each image, decide whether the objects are the <I>same</I> ( i.e., one is a simple rotation of the other) or whether they are <I>different</I>. <BR><BR>"; print "<FORM ACTION = 'mailto:takao\@asu.edu ' METHOD = 'post' ENCTYPE = 'text/plain'> "; @varlist= ("v01", "v02", "v03"); @linklist= ("l01", "l02", "l03"); srand; @new = (); while (@varlist){ push(@new, splice(@varlist, rand @varlist,1)); } @varlist= @new; print "<CENTER>"; for($i = 0; $i <= 2; ++$i){ $image= $varlist[$i]; $link= $linklist[$i]; print "<a href =$$link> <IMG SRC=$$image width = '180' height = '180'><a><BR>"; print "<TABLE> <TR> <TD ALIGN='center'><I>Same</I><BR> <INPUT TYPE = 'radio' NAME = $varlist[$i] value = '1' > </TD>"; print "<TD ALIGN='center'><I> Different</I><BR> <INPUT TYPE = 'radio' NAME = $varlist[$i] value = '2' > </TD></TR></TABLE><BR>"; } print "<INPUT TYPE = 'submit' VALUE = 'Submit my responses'>"; print "</FORM></FONT></CENTER>"; print $query->end_html; ----------------------------------------------------------------------- As you see, whatever the picture on the top has a link to "yahoo.com" in this program (and I know why, but I cannot figure out how I can make the pictures have right hyperlinks). I also cannot figure out how I can put a sentence next to each pic ("cibershot", for example) and this sentence moves with the pic. Any suggestions/comments would be appreciated. Thanks, --Taka Is there a way of doing this in Dreamweaver? So it opens up one in the current page and opens the other in a new window? Please this is important. All, i have a minor problem with hyperlinks not displaying properly. In some instances, IE7 does not underline the hyperlink or only partly underlines the link. Please see http://www.tauntonflowershow.co.uk/ and look at the downloads yellow box at the top of the screen. Firefox, Opera etc are all OK. Grateful for any advice you can offer. Hey guys, I'm trying to figure out how to do something that is probably pretty simple, but I'm not quite sure how to make it work. In the following link, the text that says "1", "2", and "3" is clickable. http://thebestinfo.org/test123.html What I'd like to do is make the entire red area of each of the 3 parts clickable. For example, the entire top red area should hyperlink to 1.html, the entire middle red area should hyperlink to 2.html, and the entire bottom red area should hyperlink to 3.html. Does anyone know what I would have to change to make this work? Here is the entire HTML code for that page... Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
body {
background: white;
}
#nav ul {
list-style: none;
}
#nav li {
background: Red;
width: 50%;
margin: auto;
height: 2em;
text-align: center;
padding-top: 1em;
}
#nav li a {
text-decoration: none;
color: White;
}
</style>
</head>
<body>
<div id="nav">
<br />
<ul>
<li><a href="1.html">1</a></li><br />
<li><a href="2.html">2</a></li><br />
<li><a href="3.html">3</a></li><br />
</ul>
</div>
</body>
</html>
Thanks! Not sure if this is strictly a HTML problem or not >.< this is my site http://www.melbourneparkour.com.au/ as you can see the hyperlinks in the news and announcements section all align to the left and mess up the formatting of the site, the sentences just don't make sense. OTHER INFO. i use a wordpress blog to actually write the posts http://www.backend.melbourneparkour.com.au/ then i use a bit of php to call that info into the website <?php require_once('../brisbaneparkour_sub/backend/wp-blog-header.php'); query_posts('&showposts= 15&order=DESC'); while (have_posts()) : the_post(); ?> <h2><?php the_title(); ?></h2> <p><?php the_content(); ?></p> <?php endwhile; ?> not sure if that effects it. The confusing bit is that i do exactly the same here www.brisbaneparkour.com.au and there are no problems. same code, css, html, php etc, but different results. apologies if this is in the wrong place, im not sure exactly what is causing it. Hey, I've just built a widget that sits in an Iframe. Have a look if you want (It wont be around too long, as it's running on my laptop): www.SimplySundried.com The problem is that the hyperlinks and tooltips don't work in firefox, but work fine in IE..... I haven't got a clue as to what the problem is, or how to go about solving it, so any help is very much appreciated!!! Is this possible? I'd like to draw a screen using the canvas methods and then overlay html hyperlinks on this (fullscreen) canvas. I have experimented with capturing the mouse click event and know where I clicked on the canvas, but now I'd just like to be able to hyperlink to places right from the canvas. It would be convenient if you could somehow embed hrefs there. thanks, William I'm looking for an html editor where i can click and follow hyperlinks under edit mode. This can be done in Microsoft Word: if one creates a bookmark within the html document, and a hyperlink to that bookmark, then clicking on the hyperlink will take you to the location of the bookmark when editing the document. Is there a windows/mac html editor, other than Word, with this capability? Thanks I've got some hyperlinks underneath a (transparent) image. Because of this, they're not clickable. Mouse hover isn't even detected. Is there any way round this without placing the image beneath the hyperlinks? I have a task that I need help with... I have been tasked to build a simple HTML page with a list of Hyperlinks that represent the files within a specific folder. The page must be HTML. The folder name will be hard coded. Show file names, extentions optional. Links will not be pages Links will be files (mostly PDF) Thanks in advance for any assistance with this task. Thanks SquireDude |
|||||||