Insert Picture and CSS stylesheet question

  • Thread starter Thread starter Ceej
  • Start date Start date
C

Ceej

I have web pages w/text and thumbnails that link to full pix.
I would like to have common formatting for the thumbnails.
I thought I'd do this by putting the attributes I want into an <img>
definition in a .css style sheet.
Or define img.tn or .thumbnail class to apply.
However, when I use the FP2000 insert picture from file, I get

<img border="0" src="filename.jpg" width="80" height="71">

I'd like to add align and border via .css

Do I have to manually edit the html for each image after they have been
inserted?
Do I use the right-click picture properties and style options? to add the
thumbnail class?
Is there a way to do that for all images on a page? or just one at a time?

thanks
-carl
 
-----Original Message-----
I have web pages w/text and thumbnails that link to full
pix.
I would like to have common formatting for the
thumbnails. I thought I'd do this by putting the
attributes I want into an <img> definition in a .css
style sheet. Or define img.tn or .thumbnail class to
apply. However, when I use the FP2000 insert picture
from file, I get
<img border="0" src="filename.jpg" width="80" hight="71">

I'd like to add align and border via .css

Do I have to manually edit the html for each image after
they have been inserted?
Do I use the right-click picture properties and style
options? to add the thumbnail class?

Is there a way to do that for all images on a page? or
just one at a time?
Click to expand...

1. Choose Page Options from Tools menu, click the
AutoThumbnail tab, and set the thumbnail properties
you want.
2. Use the right mouse button to drag the full-sized
picture into your page.
3. After releaseing the mouse button, click AutoThumbnail
from the shortcut menu.

It's unusual to use CSS for <img> properties.

Jim Buyens
Microsoft FrontPage MVP
(e-mail address removed)
http://www.interlacken.com
Author of:
*------------------------------------------------------*
|\----------------------------------------------------/|
|| Microsoft Office FrontPage 2003 Inside Out ||
|| Microsoft FrontPage Version 2002 Inside Out ||
|| Web Database Development Step by Step .NET Edition ||
|| Troubleshooting Microsoft FrontPage 2002 ||
|| Faster Smarter Beginning Programming ||
|| (All from Microsoft Press) ||
|/----------------------------------------------------\|
*------------------------------------------------------*



3.
 
Jim Buyens said:
1. Choose Page Options from Tools menu, click the
AutoThumbnail tab, and set the thumbnail properties
you want.
2. Use the right mouse button to drag the full-sized
picture into your page.
3. After releaseing the mouse button, click AutoThumbnail
from the shortcut menu.

It's unusual to use CSS for <img> properties.

Jim Buyens
Microsoft FrontPage MVP
(e-mail address removed)
http://www.interlacken.com
Click to expand...

Jim,
Well, I had this email all composed when Express froze up, so I'll try
again.
I am using FP2000 (Office2000).
No mention of thumbnails in help, unless you search on "Page Options" and
scroll through the 90 items, you finally find a "Create thumbnail" which
tells you to use the thumbnail botton on the picture toolbar. There is no
option from a right-click. But I did make what you suggested work.
However, the thumbnail is "in-line" with the text and causes a big line
spacing gap (see 3 below).

Now.....
1. For my education, why is it unusual to use css for img properties?
Even to define a class, such as .thumbnail?

2. if one defines a class, is there a way other than one-at-a-time to apply
that class to all or selected objects?

3. My situation in more detail:
I used Adobe PhotoElements to create a WebGallery with full sized images,
thumbnail images, and web pages letting you view the thumbnails and "walk
through" the images. That will be available from my web site to users who
just want to look at the pix.
I want to use some of the thumbnail-sized pix on my text web pages
(description of a trip with thumbnails sprinkled in). I can insert or drag
each one to the desired place. But I want them all to float:left, have
border=0, and set some padding. That seemed to me to fit a css class.
Is there a better/preferred solution?

4. Finally, I plan to puruse your site. Do you or others have suggestions
for good, on-line resources for FrontPage2000? Q&A? Tutorials? Advanced
techniques? How to get better?

Thanks!!
-carl
 
-----Original Message-----
From: Ceej [mailto:[email protected]]
Sent: Friday, July 18, 2003 12:09 PM
To: Jim Buyens
Subject: Re: Insert Picture and CSS stylesheet question

Jim,
Well, I had this email all composed when Express froze up, so
I'll try again. I am using FP2000 (Office2000). No mention of
thumbnails in help, unless you search on "Page Options" and
scroll through the 90 items, you finally find a "Create
thumbnail" which tells you to use the thumbnail botton on the
picture toolbar. There is no option from a right-click. But
I did make what you suggested work. However, the thumbnail is
"in-line" with the text and causes a big line spacing gap
(see 3 below).

Now.....
1. For my education, why is it unusual to use css for img
properties? Even to define a class, such as .thumbnail?
Click to expand...

Most CSS properties control typographical properties, and img tags
aren't text.
2. if one defines a class, is there a way other than
one-at-a-time to apply that class to all or selected objects?
Click to expand...

No. You can define type selectors that apply automatically to a given
HTML tag, such as body, p, th, or td, but to apply a class= attribute,
you have to designate each place you want it to apply.
3. My situation in more detail:
I used Adobe PhotoElements to create a WebGallery with full
sized images, thumbnail images, and web pages letting you
view the thumbnails and "walk through" the images. That will
be available from my web site to users who just want to look
at the pix. I want to use some of the thumbnail-sized pix on
my text web pages (description of a trip with thumbnails
sprinkled in). I can insert or drag each one to the desired
place. But I want them all to float:left, have border=0, and
set some padding. That seemed to me to fit a css class. Is
there a better/preferred solution?
Click to expand...

You can try this, but I suspect at least one browser would have a
problem with it. It's just unusual.

I tried assigning:

<style>
..thmb {float:left; margin:0; padding:1;}
</style>

to an img tag in the middle of a paragraph. The picture aligned
correctly to the left margin but Netscape Navigator 4.77 wrapped the
surrpounding text incorrrectly.
4. Finally, I plan to puruse your site. Do you or others
have suggestions for good, on-line resources for
FrontPage2000? Q&A? Tutorials? Advanced techniques? How
to get better?
Click to expand...

Personally, I use www.microsoft.com, Google groups, and Yahoo.

I can also recommend a few good books.

Jim Buyens
Microsoft FrontPage MVP
(e-mail address removed)
http://www.interlacken.com
Author of:
*------------------------------------------------------*
|\----------------------------------------------------/|
|| Microsoft Office FrontPage 2003 Inside Out ||
|| Microsoft FrontPage Version 2002 Inside Out ||
|| Web Database Development Step by Step .NET Edition ||
|| Troubleshooting Microsoft FrontPage 2002 ||
|| Faster Smarter Beginning Programming ||
|| (All from Microsoft Press) ||
|/----------------------------------------------------\|
*------------------------------------------------------*
 
Back
Top