473,402 Members | 2,053 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,402 software developers and data experts.

Image in Nav Bar at top = how?

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!
Jul 23 '05 #1
4 1146
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 wrote:
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!


Jul 23 '05 #2
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!
Jul 23 '05 #3
On 17 Sep 2004 04:13:26 -0700, wondering wrote:
..for example, logo.bmp to logo.ico and
the image appears properly. ... let me know if you think my idea is just
off the wall (about changing the extension).


I tried that a while ago and ran into problems..
(wracks memory) I think it was that .ico is a
slightly different format, that can return different
images appropriate to the size requested (e.g.
it might store a 16x16 as well as a 32x32 .bmp)

HTH

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.lensescapes.com/ Images that escape the mundane
Jul 23 '05 #4
wondering wrote:
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
--
"Marge, it takes two to lie: one to lie and one to listen."
-- Homer J. Simpson
Jul 23 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

9
by: Pierre Tremblay | last post by:
Hi! I am trying to display an image in my html document. The document contains the following line: <td class="Input"><img...
3
by: dave | last post by:
Hello there, I am at my wit's end ! I have used the following script succesfully to upload an image to my web space. But what I really want to be able to do is to update an existing record in a...
8
by: Jef Driesen | last post by:
I'm implementing some image processing algorithms in C++. I created a class called 'image' (see declaration below), that will take care of the memory allocations and some basic (mathematical)...
6
by: QuasiChameleon | last post by:
Hi, I'm trying to create a grayscale image class that reads and writes grayscale Targa format. This works well with smaller images, but corrupts larger images and creates a "Segmentation fault...
15
by: Anand Ganesh | last post by:
HI All, I have an Image. I want to clip a portion of it and copy to another image. How to do this? I know the bounding rectangle to clip. Any suggestions please. Thanks for your time and...
7
by: lgbjr | last post by:
Hello All, I¡¯m using a context menu associated with some pictureboxes to provide copy/paste functionality. Copying the image to the clipboard was easy. But pasting an image from the clipboard...
15
by: David Lozzi | last post by:
Howdy, I have a function that uploads an image and that works great. I love ..Nets built in upload, so much easier than 3rd party uploaders! Now I am making a public function that will take the...
6
by: comp.lang.php | last post by:
/** * Generate the random security image * * @access public * @param $willUseFilePath (default false) boolean to determine if you will be using a file path * @param mixed $filePath (optional)...
1
by: bharathv6 | last post by:
i need to do is modify the image in memory like resizing the image in memory etc ... with out saving it disk as i have to return back the image with out saving it disk PIL supports the use of...
0
Debadatta Mishra
by: Debadatta Mishra | last post by:
Introduction In this article I will provide you an approach to manipulate an image file. This article gives you an insight into some tricks in java so that you can conceal sensitive information...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.