HTML - Absolute Urls Give Problems On Non Live Environments
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 Similar Tutorialshello, i'm having problems with a website. If you look at the following url you can see the problem. http://www.r-media.nl/vaassen problem When you look at the footer it stays at his absolute position but the holder stops filling in the background color. I would like to have the footer at the bottom and when you resize the screen the holder has to grow with it. Can someone tell me how to do this? Here's my current script: Code: <BODY> <!--Menu--> <div id="menu"> <ul id="menu_list"> <li>Hoofdpagina</li> <li>Informatie</li> <li>Nieuws</li> <li>Agenda</li> <li>Contact</li> <li>Adverteren</li> </ul> </div> <!--End Menu--> <!--Center--> <div align="center"> <!--Holder--> <div id="holder"> <!--Logo--> <div id="logo" align="left"><img src="images/logo.png" width="250" height="150" alt="Vaassen.nu"></div> <!--End Logo--> <!--Content--> <div id="content"><img src="images/cannenburgh.jpg" width="600" height="400"></div> <!--End Content--> </div> <!--Holder--> </div> <!--End Center--> <!--Footer--> <div id="footer"></div> <!--End Footer--> </BODY> And here's my CSS Code: /*CSS Document*/ html,body { margin: 0px; padding: 0px; height: 100%; background-image: url("images/bg.gif"); } /*Holder*/ #holder { width: 990px; height: 100%; background-color: #EDEDED; } /*End Holder*/ /*Logo*/ #logo { width: 100% } /*End Logo*/ /*Menu*/ #menu { width: 1020px; height: 50px; position: absolute; top: 125px; right: 50%; margin-right: -510px; background-image: url("images/menu_bg.png"); background-repeat: no-repeat; } #menu_list { width: 95%; margin: 0px; padding: 0px; z-index: 999; } #menu_list li { width: 100px; height: 35px; margin: 0px; padding: 0px; list-style: none; line-height: 35px; float: left; text-align: center; font-family: Arial, Verdana, Sans-serif; font-weight: bold; font-size: 10pt; color: #f7f7f7; cursor: default; cursor: pointer; } /*End Menu*/ /*Content*/ #content { margin: 10px auto; width: 100%; background-color: #EDEDED; } /*End Content*/ /*Footer*/ #footer { width: 1020px; height: 50px; position: absolute; bottom: 5px; right: 50%; margin-right: -510px; background-image: url("images/footer_bg.png"); background-repeat: no-repeat; text-align: left; text-indent: 1.5em; font-family: Arial, Verdana, Sans-serif; font-weight: bold; font-size: 10pt; color: #f7f7f7; line-height: 35px; } /*End Footer*/ Thanks in advance! Hi, Ive spent hours upon hours painfully sculpting this website and i can't for the love of gaaawd get the positioning of my element standard throughout the website. The home page and the watercolour-classes page have the bottom graphics bar in the same position But different from all the other pages. All i want it to do is be the same throughout and its only out by about 10px. why oh why Ive been struggling for days and weeks with this problem and cant work it out. Im sure its something simple but as a self taught web designer i dont know it all.... far from it. Any ideas or suggestions Please. The website is http://www.miriartist.co.uk Any help or light on the matter would be great THANKS Cheeeers Ben i have a web page that so far tested well in every browser except IE 7 - see: www.finlayprints.com/Imprintables_Wedding3.html does anyone have an idea why: 1) red wedding gif image does not align in IE 7 the way it does in every other browser? it's absolute positioned. 2) the text "5x7 imprintables..." is actually overlapping the previous floated box in IE 7?? scratching my head trying to figure out, spewing expletives at the screen here... thanks ok im building a website for xbox live game Project gotham racing 4 i want to build a league for the game on my website so when people racing it will add points to the league i would like it targeted only to the people that use the website and not the entire world any one point be in the right direct or help me out with this www.forumsg.co.uk OMG so i created a template really simple for my wow guild and i worked my butt off all night and i upload it and i make it so it redirects to a different page which that page is meant to redirect to my forums for my guild but some how i try and insert the code and it wont redirect is anyone has any heart and will help me for free but i am offering a little amount of money so please add me to aim = bobxlong msg me ill be on 24 /7 It is not so easy to help customers design the first page, but the customer said that he hoped to it can meet w3c of xhtml standard. Then I have suffered the Internet to look for some information about the W3C standard. And I found it is very difficult for me to solve the problem.Is there any easier way you can provide us? Meanwhile the Internet also provide psd to html services: http://www.pgconversion.com, the price of which is relatively cheaper. I want to try, please give some advice. I have kind of been learning html and css in a light sort of way and have made a few very basic pages. I want to move on and improve on this and I started out by looking at the source codes of some professional pages. Here is an example: http://www.nhk.or.jp/hagetaka/ I really like the design of this site but cannot understand the source code. Can anoyone tell me if anything other than html and css is used to make this page? Because for me making something like this is ideal please any advice? I'm trying to be a tough guy and figure it out myself, but it's not happening. How do I get text, img's, ect to appear NEXT to my menu and not below it? Troublesome section of my source code attached as "HELP ME" Need help with HTML can anyone give me code for this? ok i sell usb modems here in India and i have made a php link to enter its warranty, where the buyers type in the serial number, IMEI , address, phone number, contact details etc and when they submit it i get an email of that .. and i just make a PDF file of that and save it now iam planing to build a page where in the users can check their warranty status.. i have saved all those pdfs in the corresponding serial numbers, in my web directory as a folder so what i need is I dont know coding.. i just use scripts from net and use it on my site a text are and a submit button.. in which the user will type the serial number and when they click submit button, the pdf with the serial number as its name will open in a new window.. thats all can anyone help? Hi All, I am not totally new to website creation but I was hoping someone might be able to give me some guidance on getting a basic site layout setup. I basically want a nice background picture and then header, body and footer laid out in a similar method to this: http://www.white-hat-web-design.co.uk/web-design.php Any help gratefully received!. I am off to have a go again Sorry if this is in the wrong forum, i have a feeling it is. So you create a site for a client and that client has to update the page with whatever area they work in, maybe they work in real estate and have a new house on the market to add to the site etc.. Well i could easily write a php script that would add their content to the site, but i can image there could be errors somewhere down the line, what happens then, they phone you up to complan etc...? So what content modifying tools/script do you use? 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? hello, 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. I'm trying to replicate an old app that used to be in the App Store. It let you log into xbox.com, and take your friends list and various other info, and put a nice interface over it. Right now I'm having real trouble even logging into xbox.com, or live.login.com. You can see my webapp here. For some reason it doesn't work. I even tried using all the HTML which doesn't seem to work either. Does anybody know how to fix this, OR another way to login to xbox.com to get the info. Thanks. 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, 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 hey guys i'm makin a web page for an art project. what steps are needed to set up sort of a live video feed off a web cam? I want to be able to position the webcam feed on the page wherever i want on the page. I'm gonna try to google it some more, but so far nothing great has come up and i just wanted to try some direct advice if anyone knows how. thanks, you guys never disappoint. Hi I've been reading and searching through here for a while now, but this is my first actual post, so go easy on me, won't you I have a history web site of my own which has been undergoing some upgrade work recently, and I'd like to add a couple of features that I've seen on the BBC home page at www.bbc.co.uk. Specifically, I'd like to be able to show on my home page the last three searches that were conducted through my search engine, and perhaps something else, such as showing the most-read page on the site, as a kind of encouragement to new visitors to go and have a look. Unfortunately, although I can manage with html and css, I'm no programmer, so anything beyond those two needs to carry clear instructions before I can make it work. Does anyone have any leads on producing this kind of stuff? Any help would (probably) be useful! Hello, im just wondering if someone can help me with a little problem i have, im currently building a website using dreamweaver 8, and i have got a gallery page that when i load the page using the f12 (browse file localy) it shows the page fine with all the pictures, yet when i load the page onto the host and then view the page live it will not show any of the pictures, it does not even mention it cannot pic them up. I have tried both ftp the page to the host and also copied the code from dreamweaver into the hosts site creation tool. The page is not exceeding the hosts limit and i have barely used the memory i am currently paying for. The page is www.grangefarmairsoft.co.uk/031206.html, or the code is: <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Grange Farm Airsoft</title> <style type="text/css"> <!-- body { background-color: #A9AE5C; .style5 {font-size: xx-large} --> </style> <script type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onLoad="MM_preloadImages('http://grangefarmairsoft.co.uk/More_hover.gif','http://grangefarmairsoft.co.uk/booking_hover.gif')"> <p align="center"><font color="#2A1F00" face="Arial, Helvetica, sans-serif"></font><a href="http://grangefarmairsoft.co.uk/Book.html " onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Booking','','http://grangefarmairsoft.co.uk/booking_hover.gif',1)"></a><font color="#2A1F00" face="Arial, Helvetica, sans-serif"></font><a href="http://grangefarmairsoft.co.uk/Book.html " onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Booking','','http://grangefarmairsoft.co.uk/booking_hover.gif',1)"></a><img src="http://grangefarmairsoft.co.uk/gfalogo.jpg" alt="title" width="924" height="148" border="0" usemap="#Map" longdesc="http://grangefarmairsoft.co.uk/gfalogo.jpg"> <map name="Map"> <area shape="rect" coords="39,84,272,133" href="http://grangefarmairsoft.co.uk/Book.html"> <area shape="rect" coords="311,85,424,131" href="http://grangefarmairsoft.co.uk/more.html"> <area shape="rect" coords="460,84,640,132" href="http://grangefarmairsoft.co.uk/forum.html"> <area shape="rect" coords="678,86,884,132" href="http://grangefarmairsoft.co.uk/Gallery.html"> <area shape="rect" coords="58,7,881,71" href="http://grangefarmairsoft.co.uk/index.html"> </map> </p> <p align="center"><a href="http://grangefarmairsoft.co.uk/pic031206.html"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2404.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2404.JPG" alt="" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2405.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2405.JPG" alt="" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2406.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2406.JPG" alt="" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2407.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2407.JPG" alt="" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2408.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2408.JPG" alt="" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2409.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2409.JPG" alt="" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2410.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2410.JPG" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2414.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2414.JPG" alt="" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2415.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2415.JPG" alt="" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2416.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2416.JPG" alt="" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2417.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2417.JPG" alt="" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2418.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2418.JPG" alt="" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2419.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2419.JPG" alt="" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2420.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2420.JPG" alt="" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2421.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2421.JPG" alt="" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2422.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2422.JPG" alt="<empty>" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2422.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2423.JPG" alt="<empty>" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2424.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2424.JPG" alt="<empty>" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2425.JPG"><img src="http://grangefarmairsoft.co.uk/pic031206/100_2425.JPG" alt="<empty>" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2426.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2426.JPG" alt="<empty>" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2427.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2427.JPG" alt="<empty>" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2428.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2428.JPG" alt="<empty>" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2429.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2429.JPG" alt="<empty>" width="300" height="250" border="0"> </a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2430.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2430.JPG" alt="<empty>" width="300" height="250" border="0"></a><a href="http://grangefarmairsoft.co.uk/pic031206/100_2431.JPG"> <img src="http://grangefarmairsoft.co.uk/pic031206/100_2431.JPG" alt="<empty>" width="300" height="250" border="0"> </a></p> </body> </html> Please can someone help me, i presume it is just a scripting error on my side as im not a verry good at html. Although i have done both the script and used the user front end to try and make this page, the problem is still there. Final note, the web site is for a combat simulation sport called airsoft, it is a lot like paintballing but uses replica guns that fire rubber pellets at a low velocity which is totaly leagal in the uk (well at the moment), just incase anyone wonders why the pictures are of people with guns. Thanks for any help possible |