Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Putting Files Onto Internet

Status
Not open for further replies.

coreyworrell

Technical User
Jul 22, 2005
6
US
I made a file in photoshop and then jumped to image ready to make slices as links. So I made it exactly how i wanted it and saved the optimized file. How do I get my file on the internet as html? I copied the html to it and tried pasting it in an html practice page, and everything was just a bunch of "X's". How do I get my file onto the internet using HTML?
thanks for your help.
 
The optimised file was probably a .GIF picture file.
I am not sure what you mean by:-
Code:
I copied the html to it and tried pasting it in an html practice page
or
Code:
How do I get my file onto the internet using HTML?
Could you give us more details:-


Keith
 
ok, in adobe image ready, you go to: edit>copy HTML code>for all slices. so that gives you some HTML code for your project. So I took that HTML code and pasted it in a space for HTML (a place to make sure your HTML works). But all that showed up when i hit preview to preview what the HTML code would look like, all that was their was the outline of the picture, with red 'X's in them. But i made slices in the project and made each slice a different link, and the links worked when you rolled over the place where they should be, but the image was just those red 'X's.

So what I want to do, is to put my image ready file with three slices onto a site (myspace) using HTML. or just any way to get my image ready file onto an internet site.

hopefully that helps.
 
The red 'x's mean that the picture cannot be found at the location specified in the code. Check the html, there will be a reference to <img> followed by a path to the file. The path should be the same as the location of the picture.
If you are still having problems, post the HTML code here and I'll explain what I mean.

Keith
 
ok. below is the html code for the images and slices and all.

Code:
<TABLE WIDTH=345 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=7>
			<IMG SRC="images/subjectlinkspsd_01.gif" WIDTH=345 HEIGHT=197 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=2>
			<IMG SRC="images/subjectlinkspsd_02.gif" WIDTH=10 HEIGHT=33 ALT=""></TD>
		<TD>
			<A HREF="[URL unfurl="true"]http://subjectskateboards.cabanova.com"[/URL]
				ONMOUSEOVER="window.status='Go To Subject Skateboards\' Website';  return true;"
				ONMOUSEOUT="window.status='';  return true;">
				<IMG SRC="images/subjectlinkspsd_03.gif" WIDTH=89 HEIGHT=19 BORDER=0 ALT=""></A></TD>
		<TD ROWSPAN=2>
			<IMG SRC="images/subjectlinkspsd_04.gif" WIDTH=8 HEIGHT=33 ALT=""></TD>
		<TD>
			<A HREF="[URL unfurl="true"]http://www.icelounge.com/Member/MemberProfile.asp?UserID=11250"[/URL]
				ONMOUSEOVER="window.status='Go To Subject Skateboards\' Icelounge';  return true;"
				ONMOUSEOUT="window.status='';  return true;">
				<IMG SRC="images/subjectlinkspsd_05.gif" WIDTH=119 HEIGHT=19 BORDER=0 ALT=""></A></TD>
		<TD ROWSPAN=2>
			<IMG SRC="images/subjectlinkspsd_06.gif" WIDTH=11 HEIGHT=33 ALT=""></TD>
		<TD>
			<A HREF="[URL unfurl="true"]http://www.myspace.com/subject_skateboards"[/URL]
				ONMOUSEOVER="window.status='Go To Subject Skateboards\' Myspace Profile';  return true;"
				ONMOUSEOUT="window.status='';  return true;">
				<IMG SRC="images/subjectlinkspsd_07.gif" WIDTH=97 HEIGHT=19 BORDER=0 ALT=""></A></TD>
		<TD ROWSPAN=2>
			<IMG SRC="images/subjectlinkspsd_08.gif" WIDTH=11 HEIGHT=33 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="images/subjectlinkspsd_09.gif" WIDTH=89 HEIGHT=14 ALT=""></TD>
		<TD>
			<IMG SRC="images/subjectlinkspsd_10.gif" WIDTH=119 HEIGHT=14 ALT=""></TD>
		<TD>
			<IMG SRC="images/subjectlinkspsd_11.gif" WIDTH=97 HEIGHT=14 ALT=""></TD>
	</TR>
</TABLE>
 
In an earlier post you said
Code:
and pasted it in a space for HTML
I assume this is just testing it on your own computer.
What browser are you using?
Do you have web server space?
Are you able to upload the code to that space?

The images are almost certainly not showing as the path eg.
Code:
images/subjectlinkspsd_09.gif
is incorrect.
Check that your images are stored within a directory called 'images'.



Keith
 
yah, im only testing it on my own computer, and it doesnt work. I'm using Internet Explorer (the newest one). I don't think I have web server space. I'll look in the images folder, but this seems to complicated, and i'm usually really good with this stuff, but i dont know. thanks for all your help.
 
It should still work on your own browser but obviously will not appear on the web.
The folder question is easy to follow.
Your final web page ????????.htm or ???????.html will be stored in a directory on your computer somewhere.
The images which appear on that page are in a seperate sub directory, called images, within that. This images directory is where the page is looking for your images. If they are somewhere else the page will not know where they are.

Keith
 
ok, so i found the images for the file. they were in one of my images files. i had to search for it. so now what do i do with those? when i click them they just open up in like my printer/fax previewer.
 
Ok
Double clicking the images will open them up in your default picture editor.
In order for them to appear in the web page, they need to be moved to a specific location.
Find the directory where the .htm file is stored.
In that directory, create a directory called 'images' and move your pictures into it. They should now appear when you load the page.


Keith
 
ok, so when you say directory, you mean folder right? well if you do, i put the html document in an html folder. and then put the images in a new folder inside the html folder. but i could see the images before, but not when i use the html for them. So i opened up the html document (subjectlinks.html, it's icon is an internet logo) so it opens in my internet browser and works perfectly. so i go to view source and copy the html. then i go to a webpage where you can practice html ( i wanted to see if the html worked) and it didnt work, all the images were X's. Why wouldn't the source html work on another webpage?
 
Sorry for the directory / folder confusion.
Directories have been around for many years, they only became folders with the advent of windows.
Viewing the file in a browser is showing the HTML working.
Code:
a webpage where you can practice html
Is this a web based location?
If so, have you uploaded the pictures to an 'images' folder on the webspace?

Keith
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top