943,677 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > How to make the icon work
Ad:
You are currently viewing page 1 of this multi-page discussion thread
Permalink
Feb 27th, 2008
0

How to make the icon work

Expand Post »
Hi folks,

I have an icon WELCOME2.gif downloaded on /home/satimis/html/ folder. But I can't make it to work on my simple homepage. What line shall I enter on /home/satimis/html/myhomepage.html file?

I tried something like <A HREF="file:///home/satimis/html/WELCOME2.gif">WELCOME</A>
etc.

It can't work. Only the word WELCOME displayed on the homepage. Please advise. TIA


On browser URL box;
file:///home/satimis/html/WELCOME2.gif

displaying it and working.


Furthermore how to control its rotation speed and the size of this icon w/o re-edit it on graphic software.


B.R.
satimis
Similar Threads
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Feb 27th, 2008
0

Re: How to make the icon work

What do you want it to do? You didn't really explain that.
To have an image in a page you do
<img src='image location' alt='If it doesn't show up' />
for a favicon it's
<link rel='shortcut icon' href='image location' type='image/(mimetype)' />
Sponsor
Reputation Points: 520
Solved Threads: 268
Code Monkey
ShawnCplus is offline Offline
1,564 posts
since Apr 2005
Permalink
Feb 27th, 2008
0

Re: How to make the icon work

Is this page on the internet, or are you viewing it directly from your filesystem? If it's on the internet, then telling the page where the file is on your home computer doesn't do any good. Also, double check to make sure that the path you entered is a working path.
Reputation Points: 10
Solved Threads: 6
Junior Poster
plgriffith is offline Offline
100 posts
since Jan 2008
Permalink
Feb 27th, 2008
0

Re: How to make the icon work

Click to Expand / Collapse  Quote originally posted by ShawnCplus ...
What do you want it to do? You didn't really explain that.
To have an image in a page you do
<img src='image location' alt='If it doesn't show up' />
Thanks for your advice.

The icon works now. It is not necessary providing path to the icon which is retained on the same folder/directory with the .html file.


Quote ...
for a favicon it's
<link rel='shortcut icon' href='image location' type='image/(mimetype)' />
This is new to me. Just googling on it a while but still NOT very clear how to make it. Can you shed me some light? TIA


B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Feb 27th, 2008
0

Re: How to make the icon work

Click to Expand / Collapse  Quote originally posted by plgriffith ...
Is this page on the internet, or are you viewing it directly from your filesystem? If it's on the internet, then telling the page where the file is on your home computer doesn't do any good. Also, double check to make sure that the path you entered is a working path.
Thanks for your advice.

The icon is on the same folder/directory with the .html file, no path being necessary.

I'm now testing the webpage on the filesystem. After finish I'll hoist it on my Web Server. This is my first time after >10 years building a homepage, a very simple one. I did my work on text editor with coding.

Regarding graphics, can HTML coding works on it, such as blurring, shading, etc. on characters without editing the same on graphic editing software. Although I did lot of graphic editing in the past but it is time consuming. I have GIMP running on workstation including some other graphic editing software on Open Source. Could you please shed me some light? TIA


B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Feb 27th, 2008
0

Re: How to make the icon work

Well HTML isn't a programming language so, no you can't use HTML to do that. PHP has a pretty powerful library (the GD library) to work with images however.
Sponsor
Reputation Points: 520
Solved Threads: 268
Code Monkey
ShawnCplus is offline Offline
1,564 posts
since Apr 2005
Permalink
Feb 27th, 2008
0

Re: How to make the icon work

Click to Expand / Collapse  Quote originally posted by ShawnCplus ...
Well HTML isn't a programming language so, no you can't use HTML to do that. PHP has a pretty powerful library (the GD library) to work with images however.
Thanks for your advice.

PHP is NOT new to me but my knowledge on it is limited to building Web Server/LAMP server, NOT on graphics.

Just googling a while found follows;

Image Functions
http://hk.php.net/gd

GD Graphics Library
http://www.boutell.com/gd/

Smart Image Resizing while Preserving Transparency With PHP and GD Library
http://mediumexposure.com/techblog/s...and-gd-library

Image manipulation with PHP & the GD library, Part 2
http://www.phpit.net/article/image-m...-php-gd-part2/

Image Reflections in PHP
http://www.talkphp.com/advanced-php-...tions-php.html

GD Graphics Library
http://en.wikipedia.org/wiki/GD_Graphics_Library


I'll take time going through them. Hoping that it is NOT difficult to learn. Otherwise better for me going back to graphic editing with software. At least I have experience.


I build webpage for myself NOT as profession. I only need a simple webpage introducing techical articles, no vedio, no music, etc. However I'm interested on coding NOT with mouse clicking around on screen. I may take time to learn PHP on graphic.

Thanks again for your suggestion.


B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Feb 28th, 2008
0

Re: How to make the icon work

Click to Expand / Collapse  Quote originally posted by ShawnCplus ...
What do you want it to do? You didn't really explain that.
To have an image in a page you do
<img src='image location' alt='If it doesn't show up' />
I got it done. The icon is working. Thanks


Quote ...
for a favicon it's
<link rel='shortcut icon' href='image location' type='image/(mimetype)' />
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Mar 1st, 2008
0

Re: How to make the icon work

Put the image tag between the a tags.

HTML and CSS Syntax (Toggle Plain Text)
  1. <a href="page.htm"><img src="pic.gif" /></a>
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007
Permalink
Mar 1st, 2008
0

Re: How to make the icon work

Click to Expand / Collapse  Quote originally posted by MidiMagic ...
Put the image tag between the a tags.

HTML and CSS Syntax (Toggle Plain Text)
  1. <a href="page.htm"><img src="pic.gif" /></a>
Thanks for your advice.


I put following line on my single_page homepage, a file,
HTML and CSS Syntax (Toggle Plain Text)
  1. <p>
  2. <img src="image.gif" height="xxx" width="yyy">
  3. </p>

name the file "index.html" and put the file on /var/www/index.html


Then it works. The homepage can be visited on online proxy server with "https://domain.com"


What will be the difference between your suggestion;
HTML and CSS Syntax (Toggle Plain Text)
  1. <a href="page.htm"><img src="pic.gif" /></a>
and my line? TIA


B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: How can I find my ftp?
Next Thread in HTML and CSS Forum Timeline: HMTL Email





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC