Find solution
How can I find and replace html links with Notepad++?

I need help with HTML coding.?

  • I am suppost to make a website on Notepad for my computer class. When I put pictures and backgrounds in my website, they came on. However, since I was using a USB to save everything, my link for the pictures will be different for every computer (e.g: Computer 1= "J:/Images/pics/picture.gif Computer 2="H:/Images/pics/picture.gif)So, my pictures are not working on every computer. My teacher told me to remove the letter of the file, and continue with the rest of the link(e.g. pics/picture.gif". This worked for the top page, but not all the other links of my website are working. I even copied and pasted the exact link from my top page's link and copief (becauise the top page did work), but it still didn't work. My website is due tomorrow. HELP me in finding a way to find compatible way for keeping my pictures in background working in every computer

  • Answer:

    Your examples above: 1 = J:/Images/pics/picture.gif 2 = H:/Images/pics/picture.gif These use "ABSOLUTE" paths, but to work on all computers, you need to use "RELATIVE" paths. Whats the difference you ask? A relative path is the path from the script you are writing to the actual image that is being referenced. Ex: if script is running in a folder named "www" and the images are in a subfolder in "www/images" The relative path is simply "images/" The absolute path would be "h:/www/images/" Short answer is: Change your reference to a path relative to your script. It is probably "images/pics/" or "../images/pics" or perhaps "pics/" It all depends on where you put your images "RELATIVE" to your script.

Purity at Yahoo! Answers Visit the source

Was this solution helpful to you?

Other answers

put all of your html files in a folder say \html then put all of your images in a folder say \images. in all of your html files were you are referencing images make sure the link is relative not absolute so change everything from c:\.... F:\..... to "../images/my_image.gif" the "../" part says look outside the html folder. This is make your links work anywhere. This also refers to links to other pages (if another folder than \html. Good luck grasshopper.

robertG35

Try a relative path like this: ../images/pics/picture.gif or /images/pics/picture.gif or images/pics/picture.gif It will all depends on where (folder) your html page is located. Hope this helps.

lamot458

Put all your files (.htm and pictures) in the same directory. Then in all of your code just put the filename picture.gif only. That's the easiest thing to do.

Knock N

i hope this site will help askwhocares.coom

te quiero tanto

Double-check your HTML code for every link. Compare the working link with no drive letter to the other links not working and see if your syntax is the same for the working picture links. Your picture link should be like this: <img src="mypicture.jpg" width="" height="" border="0" alt="picture of my dog"> A regular URL link should be like this: <link href="http://www.yahoo.com"> Lastly, double-check and make sure all of your pictures are in fact on your USB device and not in a folder somewhere and that when you plug-in your USB on each computer that the computer is recognizing it. If your pictures are in a folder on your USB device, you will need to specify that in your HTML. For example: <img src="/images/mypicture.jpg" width="" height="" border="0" alt="picture of my dog"> I hope this helps.

desertcities

Putting everything into one directory works... just reference the file without drives or sirectories... i.e. <img src="filename.gif"> This may or may not be acceptable... a more likely scenario is that you have images in sub-directories. So for example, if your HTML page is in F:\MyWebSite and your images are in F:\MyWebSite\images, then your HTML tag would look like this <img src="images/MyImage.jpg">, for example. Note the usage of the "forward slash" (/) as opposed to the "bask slash" (\). This is probably not all that relevant as long as you are on Windows, but if you ever upload to the internet, then you MUST use forward slashes because bask slashes are unique to Windows.

Sam

Put the pages and everything needed for them in one folder; then, you only need to put like image.gif, page1.html, etc.

ak_gamer0615

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.