Image in Nav Bar at top = how?

wondering · Sep 16, 2004

hi. may i ask some enlightened person out there to help me with a
very simple question? i noticed that some sites have images where the
nav bar usually has just text. for example, if you go to
http://www.adobe.com, you don't just see http://www.adobe.com, you see
that PLUS their logo on the far left part of the nav bar.

the way to do it must be posted as a tutorial somewhere on the web and
i've done some searches but i just can't find it. i know it must be
easy but i don't know where to find the tutorial.

if someone would just give me a url with tutorials on how to do it, i
can take it from there!

sorry for this simple question, but i hope someone will have the
answer i'm looking for!

thanks!

Frances Del Rio · Sep 16, 2004

this is best asked in the html group
(comp.infosystems.www.authoring.html), since it involves only HTML (and
image editing), and no javascript, it's that simple... for general info
you might start here.. http://www.favicon.com/
(these little images are called 'favicon' because they're supposed to
appear mainly next to url in favorites list, but if you bookmark a site
icon also appears on location bar (next to url..) in Netscape, however,
it appears whether or not you bookmark the site.. (at least that's the
case for me.. on Windows 2000 & IE 6 & Netscape 7.. for ex. if you
bookmark my site, www.francesdelrio.com in IE, you should see a little
smiley face next to address..)

you need to download an image utility to convert your image to an .ico
image (Photoshop unfortunately can't do this.. maybe soon..

, one of
which is called Irfan view, which you can get here:
http://www.tucows.com/preview/194967.html

in yr html file, in header (in betw. <head> and </head> tags), you put
following code:

<LINK rel="shortcut icon" href="images/myicon.ico" type="image/x-icon">

and you're in business..
(icon should be 16 x 16 pixels..)

good luck... Frances

wondering · Sep 17, 2004

hi frances,

that's it! oops, sorry! i thought it was a javascript thing.

hmmm. i'm surprised that photoshop can't do it. when creating .ico
images for CD-ROMs, i usually create bmp files using photoshop and
simply replace the extension. for example, logo.bmp to logo.ico and
the image appears properly. maybe i'll experiment and see.

thanks again for your help! let me know if you think my idea is just
off the wall (about changing the extension).

thanks!

Thomas 'PointedEars' Lahn · Sep 26, 2004

wondering said:
hmmm. i'm surprised that photoshop can't do it. when creating .ico
images for CD-ROMs, i usually create bmp files using photoshop and
simply replace the extension. for example, logo.bmp to logo.ico and
the image appears properly. maybe i'll experiment and see.

thanks again for your help! let me know if you think my idea is just
off the wall (about changing the extension).

It is off the wall. Changing the "extension" (i.e. the filename suffix)
only changes the name, not the format, even if Windoze Explorer (the
File Manager app) tells it different. Windows Bitmaps suffixed .ico
may work in IE for Windows (because this app provides the bitmap import
filters), they won't work in other UAs or other platforms. Instead, you
are required to use an icon editor, preferably one that allows pasting
bitmaps into the icon mask, so you can use the bitmap you have already
designed. I prefer Microangelo on Windows and KIconEdit on GNU/Linux+KDE3
for this task.

PointedEars

Logo and nav disapear/appear on scroll, but on x-axis	0	Nov 24, 2021
Javascript scroll to sections and also scroll to section but open relevant nav-tab	4	Feb 25, 2022
Top NOT top?	2	Feb 13, 2021
I can't make my click addEventListener work	3	Dec 29, 2022
How to position two bootstrap navbar at top on scrol (sticky-top) without overlapping?	1	Apr 24, 2021
Top 10 players minheap sort - need help	1	Oct 3, 2022
Image issues	0	Apr 2, 2023
Beginner - Chess at C	4	Oct 17, 2023

Image in Nav Bar at top = how?

wondering

Frances Del Rio

wondering

Thomas 'PointedEars' Lahn

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads