A little HTML help if you would please

15 years ago

Originally Posted by Grazy

Hi All,

This Forum has me exited evey time I go to it. And I've got to stop buying WSO's too.

My partner is jealous of the time I spend here.

Nevertheless, I'm a little new at Hostgator and I am hosting my stuff there, but having a little trouble.

I have a directory with my Index file and a jpg file that I am referencing from the Index file, but not quite making the link.

I've tried heaps of things, but figure the solution is quite simple, but just haven't quite put my finger on it.

My last try was .............
<img src="http://USERNAME/public_html/www.SITENAME.com/FILENAME.gif" width="89" height="73">

I really appreciate your help here

regards Graham

<img src="../images/FILENAME.gif">

your file name is probably images but it could also be image or img. Just look at your image folder and make sure.

Thanks

{{ DiscussionBoard.errors[1225305].message }}

Kevin Riley

15 years ago

Originally Posted by Grazy

Yep, there's your problem (bolded above). Should be:

<img src="www.SITENAME.com/FILENAME.gif" width="89" height="73">

Also, I would never put an image in the root file. Organize your site with folders, including an image folder (like "images"). Then, place your pics in there and link would be:

<img src="www.SITENAME.com/images/FILENAME.gif" width="89" height="73">

Thanks
1 reply

Signature

Kevin Riley, long-time Warrior living in Osaka, Japan

{{ DiscussionBoard.errors[1225306].message }}

mikeyman120

15 years ago

Originally Posted by Kevin Riley

Yep, there's your problem Should be:

<img src="www.SITENAME.com/FILENAME.gif" width="89" height="73">

Also, I would never put an image in the root file. Organize your site with folders, including an image folder (like "images"). Then, place your pics in there and link would be:

<img src="www.SITENAME.com/images/FILENAME.gif" width="89" height="73">

Kevins right. This is your solution above. Another problem solved on the warrior forum!

Mike

Thanks
1 reply

Signature

Free Squeeze Page Software Make Professional Mobile Responsive Squeeze Pages - Get It Free Now Before It Goes Back On Sale For $37

{{ DiscussionBoard.errors[1226574].message }}

ebad 15 years ago

Everyone has been giving you great advise about using an image folder to store your graphics; this tip will keep you from getting confused as your site grows.

One thing I hesitate to mention, because it sounds like you may be new to internet marketing, but I've chosen to mention it anyway, because it will help you in the future, and others now, is: ALT TAGS

Alt tags within your graphics can help with search engine rankings, and it displays something to your visitors that may for whatever reason have graphics turned off in their browser.

Use the following after height="73"
border="0" alt="A Descriptive Keyword">

Replace A Descriptive Keyword with the best keyword phrase that pertains to the graphic you're using.
- Thanks
{{ DiscussionBoard.errors[1226631].message }}

SageSound

15 years ago

Here's the BIBLE for stuff like that:

Objects, Images, and Applets in HTML documents

Thanks

{{ DiscussionBoard.errors[1225348].message }}

fairbanksaffiliates

15 years ago

I second what Kevin said. I have waited to do that in the past and it resulted in a messy root file that took A LOT of time to clean up

Thanks

{{ DiscussionBoard.errors[1225375].message }}

geolt7

15 years ago

Originally Posted by Grazy

Hi All,

This Forum has me exited evey time I go to it. And I've got to stop buying WSO's too.

My partner is jealous of the time I spend here.

Nevertheless, I'm a little new at Hostgator and I am hosting my stuff there, but having a little trouble.

I have a directory with my Index file and a jpg file that I am referencing from the Index file, but not quite making the link.

I've tried heaps of things, but figure the solution is quite simple, but just haven't quite put my finger on it.

My last try was .............
<img src="http://USERNAME/public_html/www.SITENAME.com/FILENAME.gif" width="89" height="73">

I really appreciate your help here

regards Graham

If your image is in the same folder as your index file then it should be <img src="FILENAME.gif" width="89" height="73">

If it is in a subfolder, for example "images", then it should look like this : <img src="images/FILENAME.gif" width="89" height="73">

Thanks
1 reply

{{ DiscussionBoard.errors[1225583].message }}

koolphoto 15 years ago

This is the way I would do it using the full site name. I found it the easiest with the least amount of problems.

<img src="http://www.SITENAME.com/FILENAME.gif" width="89" />

<img src="http://www.SITENAME.com/images/FILENAME.gif" width="89" />

This will work too especially if you are going to use the template on multiple websites:

<img src="http://www.warriorforum.com/images/FILENAME.gif" width="89" height="73" />

(Remove the http://www.warriorforum.com/) For some reason the site is adding the warriorforum.com to the path version.

I always put all my images in a folder called "images" or some name I will remember only because I keep everything neat and easy to find.
- Thanks
- 1 reply
Signature

My name is Ken Katz and I am a Web Designer and Photographer. My motto: "If you really want to do something, you'll find a way. If you don't, you'll find an excuse." -Jim Rohn

Celebrity Portrait Photgapher - My Photography Portfolio.
{{ DiscussionBoard.errors[1225666].message }}
- Grazy 15 years ago
 
 Many thanks everyone for your help
 
 It's really easy..... when you know how
 
 and I can see it's a good idea to put images etc into a folder too......... just keeps everything tidy
 
 many thanks
 
 PS I didn't think that starting the Index file with a capital i made any difference, but it obviously does.
 
 regards Graham
 
 Thanks
 
 {{ DiscussionBoard.errors[1225782].message }}

ShopZipCode

15 years ago

visit w3schools. you can learned and test your HTML there.

Thanks

{{ DiscussionBoard.errors[1225752].message }}

AffiliateTraining

15 years ago

The other guys are probably right, but if that fails check that you have everything in lower case, or at least in the same case, too. If you've used caps in the image name then it may not be recognised on some, probably the majority of, servers.

~ Paul

Thanks

{{ DiscussionBoard.errors[1225766].message }}

NowIstheTime

15 years ago

Graham, glad you got it worked out.. A little FYI, the domain name can be in upper case or lower case, but everything after that USUALLY must be entered exactly as it is on your server, at least on UNIX based servers.

In your case: http://www.SITENAME.com/images/FILENAME.gif
1. Everything upto and including: "http://www.SITENAME.com/" can be in any case,
2. While the following: "/images/FILENAME.gif" must match exactly.

This is because the domain name portion is handled by your local dns server, and is only used to find the specific web server's address on the Internet (IP Address), while the second part is all handled at the web server's local level.

Can any one confirm if Windows based servers (IIS) can 'adjust' the browser's request if it doesn't match the directory structure's case exactly? Or are they equally case-sensitive as UNIX/LINUX Web Servers (Apache) when it comes to case?

Thanks

{{ DiscussionBoard.errors[1226554].message }}

catherine ford

15 years ago

Create a folder for images and then you know where to find all your sites images and more importantly you know where to store them
Catherine

Thanks

{{ DiscussionBoard.errors[1226561].message }}

The Pension Guy

15 years ago

Just a note: <img src="www.example.com/images/filename.gif"> will NEVER work!
You need the http:// before the www...

Thanks
1 reply

Signature

{{ DiscussionBoard.errors[1227454].message }}

NowIstheTime 15 years ago

Originally Posted by The Pension Guy

Just a note: <img src="www.example.com/images/filename.gif"> will NEVER work!
You need the http:// before the www...

Good one! And for anyone wondering why it won't work...

It's because the web browser will think you are looking for a FILE that is located a few directories below the current webpage's location.

ex. If you are currently browsing http://example.com/about/index.html

The browser will look for the file at http://example.com/about/www.example.com/images/filename.gif
- Thanks
{{ DiscussionBoard.errors[1227526].message }}

A little HTML help if you would please

Trending Topics

Some interesting stats about brand comms

Fixing a massive traffic drop after rebranding

Meta AI now has Google Search results

Looking at the average screen time and socmed usage

What's the Best IM-Related Skill to Learn Today That Can Help in the Future?