favicon & css

Paul Goodwin · Aug 7, 2005

I have a client who wishes one of these 'favicons' on every page of a fairly
large site, what I'm wondering, in order to save time, is if it's possible
to add the icon via the external stylesheet, instead of laboriously adding
it to each page.

Thank you

Paul

Beauregard T. Shagnasty · Aug 7, 2005

Paul said:
I have a client who wishes one of these 'favicons' on every page of
a fairly large site, what I'm wondering, in order to save time, is
if it's possible to add the icon via the external stylesheet,
instead of laboriously adding it to each page.

No way that I know of to use CSS for a favicon. You would have to add
the following in the <head> section of the pages. Use correct path, of
course:

<link rel="shortcut icon" href="path/favicon.ico" type="image/x-icon">
<link rel="icon" href="path/favicon.ico" type="image/x-icon">

It must also be a 16x16 true icon file.

This would be easy if the stuff in the <head> were added to each page
by a script, as I do; one file for the whole site.

Internet Explorer users will not see it unless they bookmark the site,
and then only until the cache is cleared.

Tina - AxisHOST, Inc. · Aug 7, 2005

Beauregard T. Shagnasty said:
No way that I know of to use CSS for a favicon. You would have to add the
following in the <head> section of the pages. Use correct path, of course:

<link rel="shortcut icon" href="path/favicon.ico" type="image/x-icon">
<link rel="icon" href="path/favicon.ico" type="image/x-icon">

It must also be a 16x16 true icon file.

This would be easy if the stuff in the <head> were added to each page by a
script, as I do; one file for the whole site.

Internet Explorer users will not see it unless they bookmark the site, and
then only until the cache is cleared.

Yes. I was going to suggest putting the whole top area of the page
(generally meta, logo headers, menu) in an include - either ssi or php. You
could include the favicon bit in that.

--Tina

Benjamin Niemann · Aug 7, 2005

Paul said:
I have a client who wishes one of these 'favicons' on every page of a
fairly large site, what I'm wondering, in order to save time, is if it's
possible to add the icon via the external stylesheet, instead of
laboriously adding it to each page.

It's sufficient to place the icon as 'favicon.ico' in the root folder of the
site. That's the location a browser will look for (*), when it tries to
load the favicon (look at your server logs and you'll see a lot of 404
error for '/favicon.ico', because it is not present yet).

(*) unless a different location is specified using <link rel="shortcut
icon" ...>, but that you require a change of every page - something you
don't want to do.

Paul Goodwin · Aug 7, 2005

Tina - AxisHOST said:
Yes. I was going to suggest putting the whole top area of the page
(generally meta, logo headers, menu) in an include - either ssi or php. You
could include the favicon bit in that.

That might be what I'm looking for, thanks for all the replies

Edwin van der Vaart · Aug 7, 2005

Benjamin said:
It's sufficient to place the icon as 'favicon.ico' in the root folder of the
site. That's the location a browser will look for (*), when it tries to
load the favicon (look at your server logs and you'll see a lot of 404
error for '/favicon.ico', because it is not present yet).

(*) unless a different location is specified using <link rel="shortcut
icon" ...>, but that you require a change of every page - something you
don't want to do.

Can this also be done with .htaccess?

Benjamin Niemann · Aug 8, 2005

Edwin said:
Can this also be done with .htaccess?

Not directly. You may use mod_rewrite to serve a different file for requests
to '/favicon.ico'. But this .htaccess file must be placed in the root
folder in order to be effective - so there's nothing gained.

Edwin van der Vaart · Aug 8, 2005

Benjamin said:
Not directly. You may use mod_rewrite to serve a different file for requests
to '/favicon.ico'. But this .htaccess file must be placed in the root
folder in order to be effective - so there's nothing gained.

Thanx for the information.

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Only one table shows up with the information	2	Mar 29, 2023
Help with my responsive home page	2	Dec 14, 2022
Handcoding in just HTML and CSS	13	Jun 1, 2012
I need help fixing my website	2	Oct 15, 2023
css conditionals	2	Mar 18, 2008
What should I do Before I give up programming?	6	Jan 14, 2023
Favicon for cloaked site in virtual directory	0	May 30, 2004

favicon & css

Paul Goodwin

Beauregard T. Shagnasty

Tina - AxisHOST, Inc.

Benjamin Niemann

Paul Goodwin

Edwin van der Vaart

Benjamin Niemann

Edwin van der Vaart

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads