HTML - Giving Two Links To The Same Text
Hi, I'm designing a web page that contains two frames. One of these frames contains some text and when I click this text, I want it to open a new web page in each frame. As far as I can tell, this means giving two links with two different targets to the same text and I've tried wrapping the text with two <a> tags, but to no avail.
My current pages look something like this: Quote: This is the HTML code for my frames page: <html> <frameset cols="42%,*"> <frame name="table" src="table.html"> <frame name="image" src="image.html"> </frameset> </html> Quote: This is the relevant code in table.html, the page that contains the text which has to open a link in each frame: <a target="table" href="1.html"><a target="image" href="Images/project_Page_01.jpg">This is supposed to open both links</a></a> I've tried with having only one or both closing </a> tags and neither of them work. What happens is only the first link, 1.html, opens in the "table" frame. The second link is completely ignored. I might be doing this completely wrong but I'd appreciate any help or pointers as to what I should do to fix this. Thanks! Similar TutorialsHi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! Ok, so I've made a site for my Dad's business but one thing is really starting to **** me off, when I rollover text hyperlinks I can put my mouse between the text like if there's a "n" i can put my mouse like inside the n and it won't go to the hover and underline properly, it only underlines once I've put my mouse on the actual text, and it just doesn't make any sense... (www.garlandsails.co.uk) go to the narrowboats page and if you rollover the links on that page you'll see what I mean, any help is appreciated, Thanks, Jack Hey all, Im trying to put a html link in a html textbox, yet its not working, the code is not active, it just shows what ive typed. Quote: <textarea name="textarea" cols="80" id="text_box" rows="12"> Welcome to breakdownconspiracyinc. A portfolio site for Jonathon Toon. Jonathon is a student, living in Nelson, New Zealand, studying a Diploma in Graphics and Multimedia at Nelson Marlborough Institue of Technology (<a href="http://www.nmit.ac.nz/" target="_blank">NMIT</a>). In his spare time he creates Graphic Art, Music, and Film, with various conceptual ideas. If you have any comments, criticisms, or requests please send an email to: breakdownconspiracyinc@gmail.com Cheers. </textarea> Cheers When I place links on my bands myspace page the link text displays on the page vertically instead of horizontally on some computers. It displayed correctly (Horizontally) on the PC I created it on, but when i view it on other PCs the text was vertical. Here is the page. It's the white text near the top. (Add To Friends, Send Message etc.) http://profile.myspace.com/index.cfm...ndid=445328869 or www.myspace.com/theengineersband1 Here is the code for the links. I am a beginner with HTML. Thanks, James Kelly HTML Code: <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD00NDUzMjg4Njk=" style="position:absolute; top:360px; left: 160px;"><font size=1; color=white><b> Send Message</a> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00NDUzMjg4Njk=" style="position:absolute; top:360px; left:290px;"><b><font size=1; color=white>Add To Friends </a> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcklEPTQ0NTMyODg2OQ==" style="position:absolute; top:360px; left:425px;"><b><font size=1; color=white>Block </a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZFYyJmZyaWVuZElEPTQ0NTMyODg2OSZmPWZvcndhcmRwcm9maWxl" style="position:absolute; top:360px; left:510px;"><b><font size=1; color=white>Forward </a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=445328869" style="position:absolute; top:355px; left: 620px;"><b><font size=1; color=white>View Pics </a> <a href="http://www.myspace.com/topshelfrecords" style="position:absolute; top:360px; left: 700px;"><b><font size=1 color=white>TSR </a> I just need a basic code for this. For what I presume is basic anyway. On MySpace, I'll insert links, and MySpace will automatically make it a hyperlink, but won't allow you to visit certain links that you click on. How do you prevent it from being a link and so that it's just text? I thought <nohtml> worked, but apparently it doesn't exist. Would help me out loads, thanks, Sam/. Hi there Anyone know how to force a long piece of link text to wrap on to the next line. Only seems to be a problem in FireFox. Here is the offending page: http://packlife.co.uk/news.asp By the way, the content is generated by the client via content management, otherwise I would stick in a <br />. Thanks, Kev I know this is probably really basic stuff .. but i need different colours for the link, rollover and visited state. But i dont want them to be the same throughout the page, i want each to be specific set of colours. Just point me in the direction of where the answer is .. i dont mind reading up! Thanks. I'm trying to position text, links and pictures to follow one after the other, but it doesn't work. I want to see "Homepage" on the left corner of my webpage "Next" on the right corner of my webpage Unfortunately this command doesn't work properly. <div style="text-align:left;solid 2px #ff0000;"><a href="F:\Webcomic\Website Folder\NWvisuals-Index.html"> Home</a> <p align=right><a href="F:\Webcomic\TheEyeoftheWorld3.html">Next</a></div></p> It makes the "Next" go down a line, instead of being in the same line of the "Homepage". Also, on that vein, is there any way I can align images and text on the same line without using spaces*? As in: <p align="left">Hello</p> <p align="center">Hello</p> <p align="right">Hello</p> But they all should stay on the same line. Any guides, or even links to tutorial about my issue would be appreciated. I've been trying to google for a while, it's becoming frustrating. *I think the problem with spaces is that people with different resolution would see the text in different places than I want them to see. http://goldenworldgoods.awardspace.com/ Hello again, I did this site in Dreamweaver, looked fine in my dreamweaver editor, uploaded it and voila everything goes nuts. List of Problems: The Links are not positioned properly, not big enough plus the drop downs to the bottom and not to the right. That was properly my fault since I just copied a suckerfish method... But can someone help with this. If you study the News Header in the CSS, it says it has a background image, how ever it doesn't show when I uploaded it. I know the url and the pic is correct cause it worked in Dreamweaver... The background for "welcome" is all the way up there which isn't supposed to happen, it supposed to be right on top of the Hello text but that isn't happening either. The hello and welcome are supposed to be aligned to the left of the right header. Thats about it, please can someone help me. I've changed the format of this like 3 times just to get it correctly done, but nothings working. Thank you And don't worry I got it all validated and what not Suppose a user types the url of a website in their browser, so that the script http://url/index.htm is displayed in the browser. In other words, the user is not opening the page via a link or whatever, they are just typing in your url. In that situation, what (if anything) can you put in that script itself that gives the user's browser window a name that can be referred to later. The reasons why I want to do this are complicated, but in a nutshell this first window will become the parent window of other windows that open up later via links within the page, and script within those windows will have to refer to it by a name. Alternatively, is there some standard name that your browser window automatically recieves when you open up a website, like "parent" or something, that allows you to refer to it? Hi all, I am creating a web site which sell damaged cars. And I am trying to implement the feature of making small pictures large. Well, the way i wamt it to work is that 6 small pictures of the car at different angles will be displayed in a pop-up window. I have achieved this part of the project but i am havin issues with allowing the user to place the mouse over the small picutue and in a different area in the text box a bigger picture of the small picture appears. Here is the code i have for the pop-up see www.hitcars.com and click on the INVENTORY LINk found on the right hand top corner and then click on one of the cars to view a larger picture I would like to know how i can accomplsh this effect I find that the use of z-index depands a lot on other functions you use/or not. ANyways, it has failed me yet again, cant seem to figure out why.. the thing is ive re-written the page withou using the position: tag.. its awesome, just the z-index crap. The picture which isnt complying is the wit-vak-pilates png : HTML Code: .style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #000000; } .style2 {font-family: Verdana, Arial, Helvetica, sans-serif} .style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } .style6 {font-size: 14px} .style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; } a:link {color: #000000;} a:visited{color:#009;} a:hover {color: #000000;} .ROOD {color:#F00} .style10 {color: #FFFFFF} .style14 {font-family:"verdana"; font-size: 13px; color: #000000; text-align:center; } #BOX{ width: 360px; height:302px; background-color: #ffffff; border: 2px double #333; padding: 15px; font-family:'verdana'; font-size:14px; z-index:2; margin-left: auto; margin-right: auto; } div.row { clear: both; padding-top: 5px; } div.row span.label { float: left; width: 100px; text-align: right; } div.row span.formw { float: right; width: 235px; text-align: left; } div.spacer { clear: both; } #wit-vak-pilates { margin-top:-186px; margin-right: auto; margin-left:auto; z-index:-1; } #CR { text-align:center; z-index:3; margin-top:149px; margin-left:5px; } #back{ width:16px; height:16px; background-image:url(pics/back.png); background-repeat:no-repeat; z-index:2; margin-top:0px; margin-left:-32px; } #back:hover { background-position:0 -16px; z-index:2; } Here is link, Need help in form submit, need script in sever for submit, when i press submit, it gives me Error messege. After doing this: Paste this at the beginning of your form and change the info to match your website <form method=POST action="http://www.yourwebsite.com/cgi-bin/formmail.pl" target="_top"> <INPUT TYPE="HIDDEN" NAME="recipient" VALUE="contactatyourwebsite.com"> <INPUT TYPE="HIDDEN" NAME="subject" VALUE="WebSite Contact"> <INPUT TYPE="HIDDEN" NAME="redirect" VALUE="http://www.yourwebsite.com/thanks.htm"> <INPUT TYPE="HIDDEN" NAME="required" VALUE="email,your_name"> <input type=hidden name="sort" value="through,your_name,phone,company_name,email,comments"> You will have to create a folder called "cgi-bin" on your server on the main level. Then start a new file, call it formmail.pl and paste in the code found he http://www.scriptarchive.com/downloa...=FormMail%2Epl You'll see this about 30 lines down: @referers = ('scriptarchive.com','209.196.21.3'); Change it to say @referers = ('yourwebsite.com','www.yourwebsite.com'); Then upload that file into the cgi bin and change the permissions to 755. You'll have to create an email with your host that matches this line: VALUE="contactatyourwebsite.com". Most good hosts will let you set up an email redirect, meaning you can have all emails that are sent to that address automatically resent to your regular email. http://www.supremelegal.com/Assessment.html giving me error messege. 1- First i made folder " cgi-bin " on main level like other folders...www./ public.html..etc ..etc It was giving me error messege. http://www.supremelegal.com/cgi-bin/formmail.pl Not Found The requested URL /cgi-bin/formmail.pl was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. Apache/1.3.37 Server at www.supremelegal.com Port 80 ------------------------------------------------- 2- Now i put folder" cgi-bin" in the www folder, now again giving me error messege. look at he http://www.supremelegal.com/cgi-bin/formmail.pl Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, webmasteratsupremelegal.com and inform them of the time the error occurred, and anything you might have done that may have caused the error. More information about this error may be available in the server error log. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. Apache/1.3.37 Server at www.supremelegal.com Port 80 Please le me know, How to fix this .... I will appreciate your cooperation. Thank you in advance....I am newbee..!!!!lol Hi All, I am new to the board and new to HTML. I was hoping someone could help me out with this problem I am having. If you click the link below and click "like" (you can unlike right after, I just would like to show you something on the page) and scroll down to What's on the menu. Could you please help me with how to create something like this. What I mean by this is notice how when you click on one of the red dots it brings you to a different recipe on the page. Any help would be amazing and greatly appreciated. Please let me know if i need to specify more. Thanks so much! http://www.facebook.com/saraleedeli?...81140685241673 For complicated reasons having to do with getting some Javascript to submit a form properly, which I won't get into here, I need to create a "do nothing" input button, whose mere presence lets the Javascript function work. Since this button does not do anything when you press it, I want it to be invisible. In IE I can get it to be invisible just by setting its width to zero using the line below. However, Firefox insists on giving it some finite width, even if there is no label on it (see below). How do I create a zero width button in Firefox - and is there any other way to hide input buttons? <input type="submit" name="control" value=" " style="width: 0px" title="No function" /> Hi, I have got an input form to upload files; the form also accepts some other user input. The upload works fine, but I need to display some filenames by default, but this does not work. I tried using: <input type="file" name="images[]" value="<?php echo $default_filename; ?>"... This did not work, so I tried: <input type="file" name="images[]" value="Testfile.jpg"..., but this does not work too. All this is in a <form action="<?php echo $_PHP_SELF; ?>" method="post" enctype="multipart/form-data">. It seems to me that in an input field of type "file", default values are not accepted, though they should be according to the documentation. Any help will be greatly appreciated as I need this feature. Thanks I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason Hi All, I am new to this forum and is expecting an answer for this question. I have implemented a facebook type search to the database which displays the familiar text saved in the database when I type some text in the database. My issue is after I have used the search box for a couple of time the text box starts displaying a similar dropdown from its history which hides my database search. Does anyone know how to disable it using html or css. See the attached Image if my question is not clear. http://www.htmlforums.com/attachment...1&d=1306715905 here is the (ineffective) code currently: <img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" /> <h1 style="text-align: center;">random text</h1> the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is. i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image. i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon! thanx in advance for advise/comments/feedback/help. Hi Can any one help. I have this form the user is ask to input a message and a number. I want to be able to add a line of text to the message, which the user can not delete. But is sent joined to the message. ie User input Message = "Hi Just would like to share this site with you" with added text: Message "Hi Just would like to share this site with you" + "mydomain.com" Can anyone help? =========================================== Here is my form so far <script language="javascript" type="text/javascript"> function limitText(limitField, limitCount, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else { limitCount.value = limitNum - limitField.value.length; } } </script> <html> <body> <form action="stext.php" method="POST" name="number" id="number" style="width: 384; height: 372; "> <input name="number" type="text" id="number" style="position: absolute; left: 123; top: 287; color: #FFFFFF; width: 154px; border: 1px solid #ACC61B; background-color: #000000" size="20" tabindex="2"><p style="margin-top: 0; margin-bottom: 0"> <textarea name="message" cols="17" rows="1" id="message" onKeyDown="limitText(message,countdown,140);" onKeyUp="limitText(message,countdown,140);" style="position: absolute; left: 120; top: 105; width: 162px; height: 154px; color: #FFFFFF; font-family: Agency FB; font-size: 14pt; border: 1px solid #ACC61B; background-color: #000000" tabindex="1"></textarea> <br> </td> <input name="Submit" type="submit" id="Submit" value="!" style="position: absolute; left: 121; top: 329; color: #D95503; width: 157px; height: 23px; border: 1px solid #D95503; background-color: #D95503" tabindex="3"></p></form> <p style="margin-top: 0; margin-bottom: 0"><font size="4" face="Agency FB">Maximum characters: 140. You have <input readonly type="text" name="countdown" size="3" value="140"> characters left.</font> </font></p> <p style="margin-top: 0; margin-bottom: 0">nmgnm,</p> </body> |