User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 401,523 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,378 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 1070 | Replies: 13
Reply
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

How to make the icon work

  #1  
Feb 27th, 2008
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
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Apr 2005
Location: New York state
Posts: 454
Reputation: ShawnCplus will become famous soon enough ShawnCplus will become famous soon enough 
Rep Power: 5
Solved Threads: 66
Sponsor
ShawnCplus's Avatar
ShawnCplus ShawnCplus is offline Offline
Code Monkey

Re: How to make the icon work

  #2  
Feb 27th, 2008
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)' />
GCS d- s+:+ a-->? C++(++++) UL+++ P+>+++ L+++ !E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h+>++ r z+*
Reply With Quote  
Join Date: Jan 2008
Posts: 91
Reputation: plgriffith is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 5
plgriffith plgriffith is offline Offline
Junior Poster in Training

Re: How to make the icon work

  #3  
Feb 27th, 2008
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.
Reply With Quote  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

  #4  
Feb 27th, 2008
Originally Posted by ShawnCplus View Post
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.


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
Reply With Quote  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

  #5  
Feb 27th, 2008
Originally Posted by plgriffith View Post
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
Reply With Quote  
Join Date: Apr 2005
Location: New York state
Posts: 454
Reputation: ShawnCplus will become famous soon enough ShawnCplus will become famous soon enough 
Rep Power: 5
Solved Threads: 66
Sponsor
ShawnCplus's Avatar
ShawnCplus ShawnCplus is offline Offline
Code Monkey

Re: How to make the icon work

  #6  
Feb 27th, 2008
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.
GCS d- s+:+ a-->? C++(++++) UL+++ P+>+++ L+++ !E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h+>++ r z+*
Reply With Quote  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

  #7  
Feb 27th, 2008
Originally Posted by ShawnCplus View Post
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
Reply With Quote  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

  #8  
Feb 28th, 2008
Originally Posted by ShawnCplus View Post
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


for a favicon it's
<link rel='shortcut icon' href='image location' type='image/(mimetype)' />
Reply With Quote  
Join Date: Jan 2007
Posts: 2,537
Reputation: MidiMagic is on a distinguished road 
Rep Power: 7
Solved Threads: 107
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Posting Maven

Re: How to make the icon work

  #9  
Mar 1st, 2008
Put the image tag between the a tags.

<a href="page.htm"><img src="pic.gif" /></a>
Daylight-saving time uses more gasoline
Reply With Quote  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: How to make the icon work

  #10  
Mar 1st, 2008
Originally Posted by MidiMagic View Post
Put the image tag between the a tags.

<a href="page.htm"><img src="pic.gif" /></a>

Thanks for your advice.


I put following line on my single_page homepage, a file,
<p>
<img src="image.gif" height="xxx" width="yyy">
</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;
<a href="page.htm"><img src="pic.gif" /></a>
and my line? TIA


B.R.
satimis
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

DaniWeb HTML and CSS Marketplace
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes

Similar Threads
Other Threads in the HTML and CSS Forum

All times are GMT -4. The time now is 3:00 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC