HTML - Parsing Relative Urls
Hi,
While parsing relative URL segments "../" to hierarchical segments of the absolute URL , I notice that the <a> tag and the <link> tag do this differently. Take the following absolute and relative URLs: absolute URL: http://www.a.com/a/b relative URL: ../../b/c.css The <a> tag resolves this to: http://www.a.com/b/c.css However the <link> tag resolves this to: http://www.a.com/a/b/c.css It appears that all other forms of resolving URLs are equal between both tags however, I have been trying to find the RFC specification on this but have had no luck. This document http://www.ietf.org/rfc/rfc2396.txt does not contain any information regarding the <link> tag. Is anyone here familiar with this or know where I could obtain more information. Thanks, Bandito http://www.gaihosa.com Similar Tutorialshello, sometimes I see the following urls in some websites. Instead of seeing webpages extensions, I see the folders. http://www.example.com/en/services/ What's inside this folder ? How does it work ? thanks hi www.ebolasoup.com <-- i want to do that on a page on my site so that any urls displayed on the page act as links, even the urls that are retrieved from the mysql db, oh and opening in new window, how is this done i cant find the answer anywhere? I have several pages of webaddresses and I want all of the addresses to link but dont want to do it to each address, is there anyway to make each addresses automatically hyperlink to itself. e.g www.cnn.com, i would like that address to be hot and when clicked it goes to cnn.com but i have pages and pages of addresses and dont want to have to type a target for each one. Thanks Hi I have a blog with blogspot (google) and I want to post, say, 50 links. I don't have time to add the HTML link code to each one (<a/ or something) Is there anyway that I can quickly format my links so they are clickable? I just want the URLs to link. For example I want to post (just an example): www.youtube.com www.google.com www.microsoft.com www.htmlforums.com and so on... anyway to automatically make the clickable links? must be i just dont know how :p they are clickable in this forum because it automatically makes "[url]" tags. I want to do the same only on my blog. thanks! Before I begin, I'm new to these forums, and if someone can give me an answer, I plan to answer some of the more obvious questions around the forum. Alright, so I've searched for around 2 hours trying to find this. Everytime I try, I end up running into people asking the same question over and over again, "How do I create a link that changes the iframe's page?" That is not the question I am asking. Basically, I run a photoshop tutorial website, that I just started. I use an iframe, (named, "mainframe") and I know how to create links that change the iframe's contents. However, I want to submit some of my tutorials to other websites. The problem is that if I link to my website, the iframe loads the default page, and they have to navigate their way to the tutorial themselves, and that is not acceptable for those that actually need tutorials... I've found the temporary solution of copying the index.html file and then modifying the html code to set the default iframe page to the tutorial, then linking to the copied index file. However, I would rather just have one index file, and change the iframe page using a single U.R.L. To further simplify my question, I know it's going to look something similar to this: "http://psprofessor.orgfree.com/index.html?framepage=http://psprofessor.orgfree.com/images/tutorials/patterns/home.html" I know that this is not correct, and you need some sort of indicator as to what the name of the iframe is, I only showed that to show what type of question I'm asking. I also realise that the answer to my question may not include the word, "framepage." The url of the page with the iframe is: "http://psprofessor.orgfree.com/index.html" The url of the page I want to load into the iframe is: "http://psprofessor.orgfree.com/images/tutorials/patterns/home.html" The name of the iframe is: "mainframe" Basically I want to compress all that into a single url that I can type into my browser, and when I type it into my browser, I want to go to the index page and have the iframe named, "mainframe" load the tutorial page as opposed to the default iframe page. Thanks in advance to any assistance that I can get. Hey all. I'm attempting to build a website, that when you click a button on the page it links you to a random website; that is sourced from a text document. In short, is this possible. At the moment the only way I can see doing this is: Code: Lucky[0] = "http://www.the-penthouse.com.au/"; Lucky[1] = "http://first.com.au/"; Lucky[2] = "http:/second.com.au"; Lucky[3] = "http://third.com.au/"; However it wouldn't be suitable because I have over 300 sites. Any help would be awesome! Is this possible? I know it seems to go against the grain, but it'd be cool for an image gallery I'm working on. I've got a feeling I've seen a site a few years back where this happened: if you right-clicked a hyperlink and chose SaveTargetAs, the URL would be a JPEG which you could easily save to your computer. However, if you left-clicked the hyperlink, it wouldn't simply open the JPEG but would dress it up in some HTML as a kind of pictureframe. Have I dreamt that or is it possible?! Okay, All I want to know is this: I have this simple HTML form HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Proxy</title> </head> <body> <form action="" method="get" name="webaddress" target="_self" id="webaddress"> <label>Web Address: <input name="webaddress" type="text" id="webaddress" value="http://" size="100" maxlength="100" /> </label> <label> <input type="submit" name="go" id="go" value="Go" /> </label> </form> </body> </html> I want what ever text that is typed into the webaddress to be appended to the url below and the person to be taken there http://atyndall.heliohost.org/proxy/index.php?q=APPEND webaddress FORM CONTENT HERE Anyone got any ideas on how I could implement that, I have a PHP/MySQL Linux server. Hi, We have a large (over)complicated business website - I'm only testing it, so don't have any input to the code (I do have some html experience as I design my own websites, but nothing as complicated as the business one). The live site works OK, but as soon as we work on the test or the live-contingency site, when we click on a link we are taken to the live site, so I think the problem is that the site is using absolute URLs rather than relative ones - I can't see all of them as they are off in the javascript somewhere, and the pages are so complicated I don't fully understand them anyway. As far as I can see the options are - keep it as it is and put up with the fact that we can't test a lot of the functionality (not very good) - build a host file so that we are sent to the correct url (not very good because we're not properly testing the links) - replace all the absolute URLS with relative ones - sounds good, although how we get the developers to rebuild the whole site (3000 pages!) I cannot imagine! Does anyone have any other suggestions? Thanks all John I have a webpage with a button to submit a form to a location, however I would like to be able to make this button send to as many different urls as I specify? Sorry if this doesnt make any sense, but any help is appreciated. Thank you. Hi everyone, I'm a total newbie and have zero previous HTML experience (but have experience reading code). I am modifying a site to support 3 radio buttons that switch the function of a single search bar. Could you guys please help me figure this out? Warning - all of this is copy-and-paste frankencode from the source, pieced together by guesswork. It may hurt your eyes. In case you're wondering, this is simply a design prototype for a class I am taking that requires user testing. The actual web development will be done by someone else if accepted. I will learn HTML properly later on. Attached is an image of what I am thinking of. And here is the pertinent code: Code: <h2>Select the search engine that meets your needs.</h2> <form id="form1" name="form1" method="post" action=""> <p> <label> <input name="searchEngineSelection" type="radio" id="searchEngineSelection_0" value="http://uci.worldcat.org/search" checked="checked" /> <strong>Melvyl</strong></label> - Search libraries worldwide for books/music/other media.<br /> <label> <input name="searchEngineSelection" type="radio" id="searchEngineSelection_1" value="http://antpac.lib.uci.edu/search/X?SEARCH=" /> <strong>ANTPAC</strong></label> - Search and reserve material held at UCI Libraries.<br /> <label> <input type="radio" name="searchEngineSelection" value="http://www.lib.uci.edu/search-site.html?cx=009602760963559712792%3Aoglsjsxdz5m&cof=FORID%3A10&ie=UTF-8&q=" id="searchEngineSelection_2" /> <strong>Site</strong></label> - Find a specific page or information on the Library website.<br /> </p> </form> <form accept-charset="UTF-8" action="http://uci.worldcat.org/search" id="wcfw" method="get" name="wcfw" target="_top"> <input name="q" type="text" id="quicksearch_field" /> <input align="top" id="quicksearch_go" onmouseout="goBtnOff()" onmouseover="goBtnOn()" src="./Home Page - UCI Libraries_files/button-go-off.gif" type="image" /> </form> I have no idea how to do it so I am asking you gurus to help. Thanks so much for your time. Hi. I like to include an image in my html file. The file itself is located at: C:\Documents and Settings\Pourang\Desktop The image is located at: C:\Documents and Settings\Pourang\Desktop\VIDEO_TS According to Head First With HTML book: This is the path I must include in my <img> empty element: <img src=" VIDEO_TS/the name of image file " OR: /VIDEO_TS/the name of image file " Right? relative paths or something else it's called. But I can't get it right? it's a broken link, no image is uploaded. Can you help me with this? thank you. Hello All, I have a problem with div position in my html page. I need two divs position=relative aligned with a single div. Basically I have a header panel, content panel (have two vertical column height changed dynamically) and a footer panel. So Content panel vertical column needs to align with header panel. I need all div tags position relative, so when every div increases in height bottom div sifted down automatically. I have this http://www.arunverma.info/webmaster_help/ Can sombody help me to short it out. Thanks in advance Sunil Hi folks, I have a simple centered web page that does not show the same in IE and Firefox. The problem just seems to be the first occurrence of position:relative which I used to center the page in a 'container'. Experts in this forum and others say I should fix this by using the right Doctype statement. But when I tries using any of the recommended Doctypes, the display was totally skewed in both IE and FF. You can see the normal page with no Doctype statement at: http://www.documents4u.com/Document-...Contactus.html It displays fine in IE but notice in FF the top horizontal bars are higher. When I put in a Doctype statement, everything is messed up in both IE and FF, as you can see in: http://www.documents4u.com/Document-...ontactus2.html Any suggestions on how I can fix this discrepancy? Is it my code or am I not using the right Doctype? Hi to all. I'm trying to achieve a pure relative html layout by implementing only percentage values (without any pixel position or dimension). This way i want to get an html page which would appear the same in all of resolutions and browsers. I attached a simple html page, written in this relative manner. However, i have 2 issues with it: 1) some empty space on the right of the html body in FF. 2) disarranged look in IE (small image lifted up, and empty space below the page body). Is there a hack for IE to render this page properly, and a way to force FF to not display mentioned empty space? (Also, but less important, there is a minor (height) position difference of the small image /bacardi.gif/ viewed in 1024x768 & 800x600, and likely in higher resolutions too, but my graph.card cannot display it.) Many thanks in advance Hi, I'm trying to build a program that automatically picks images from a given web page. As you know, there's a lot of relative paths used on those. Now, I got to my first big problem, this is the address I'm trying to use: http://www.nba.com/games/20090117/ORLDEN/preview.html this is the address where image is: http://www.nba.com/media/homepage/bullet_video.gif and this is the address source code refers to: img src="/media/homepage/bullet_video.gif" border=0 Now, note that there's no ".." in the front of that address. Question: How can I determine based on the address when the location of image is http://www.nba.com/media/homepage/bullet_video.gif and when it is http://www.nba.com/games/20090117/OR...llet_video.gif And yes, this is 100% about automatizing the process, so the answer I'm looking for has to be something I can tell to VBA (the language I'm using to write my program). Thank you for any answer. Hi Folks, I have multiple objects which are positioned relative to one another. The position of the first object is fine but the subsequent ones reference the position of the previous one. Is there any way I can make a hidden "base" object and position relative to that without re-creating it for each object? Thanks! Hi there, I want my images to have specific positions within my website but so far I seem to get it wrong. this is the html: <body> <div class="top"> </div> <div class="logo"><img src="img/logo.jpg" /></div> <div class="wrapper"> <div class="1"><img src="img/1.jpg" width="450" height="450" /></div> <div class="2"><img src="img/2.jpg" width="215" height="220" /></div> <div class="3"><img src="img/3.jpg" width="215" height="220" /></div> <div class="4"><img src="img/4.jpg" width="215" height="450" /></div> </div> </body> this is the css body { background-color:#FFFFFF; color:#000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .top { width:100%; height: 33px; background-color:#0D0D0D; } .logo { position:relative; margin: 0 auto; border: none; padding:0; width: 400px; height: 130px; margin-top:25px; } .wrapper { position:relative; margin: 0 auto; border: none; padding:0; width: 900px; height: 700px; margin-top: 25px; } .1 { position:absolute; width: 450px; height: 450px; left: 0; top: 0; } .2 { position:absolute; left:460px; width: 215px; height: 220px; top: 0; } .3 { position:absolute; left:460px; top:230px; width: 215px; height: 220px; } .4 { position:absolute; left: 685px; width: 215px; height: 450px; } Basically I want something like this site http://www.aardvarkbrigade.com/ where the images seem to be placed in specific positions. Would be great and I would be thankful if someone could help me I'm scraping some websites and I've come across a site with a weird link structure. The <a href> shows a relative link, but that relative link added onto the current link does not equal the absolute link I see on the bottom of my browser. If I want to make a robust web crawler, how do I detect that a certain site will have such an abnormality? I've got a wrapper to keep my content in the center, and want a header background to spread across the whole page width. I've kept the header image outside the wrapper, so I assumed it wouldn't conform to the wrapper's width restrictions. Here's the example: http://samehkhan.com/index%20-%20Copy.html I've got no idea why there is a 10px margin around the header image. That's what I need help with. Also, if you have a better way for me to do it, I'd appreciate it. Thanks |