Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

need page of JPG's framed ??can do? 1

Status
Not open for further replies.

jameszr1

MIS
Apr 24, 2002
23
0
0
US
I have about 40 or more jpg's that I would like to post on a page..I have seen like a row of white frames probably wide enough to hold 5-6 pictures horizontal and 5 or so vertical for a total of 30, maybe less. I would like to display pictures in a frame type setting and then when you click on it (making it easy now huh) it goes larger. If not, just a nice size with 4 accross x 3 down would work too. The key is I saw them in a white frame which made it look very nice. I appreciate all the help as usual...Thanks friends.

James
 
Don't know if this is exactly what you're looking for, but perhaps it will help...

You can create white borders around images by adding this to the image's tag:
style="border-color: red"

If you wanted to make things easy on yourself, you could do this:
<style TYPE=&quot;text/css&quot;>
.myPics{border-color: white}
</style>
<img class=&quot;myPics&quot;>

This would allow you to change the border of all pics (with the class name &quot;myPics&quot;) to whatever color you wanted.

Another option is to simply change the borders on the table cells holding the images. However if your images are of different size, this won't really appear as a border around the image like the first suggestion will do.

As for your request of having &quot;it&quot; get larger when it is clicked, do you want the image to get larger or the frame surrounding it?

Hope this helps.
 
Greedyzebra, I appreciate the info, I'll give it a try tonight when i get home. I'd like a short text below each pic if possible then when I click on the picture I don't care about the frame until you used the back button to return to select another picture. Also, is there a special place in the HTML code page that I need to place the code? Thanks !!!! for your help..James
 
James,

Just looking at the site you reference, all you need to do is set your tables values (manipulated by right clicking on the table in &quot;normal&quot; view and selecting &quot;table properties&quot;) to the following:

Cellpadding=1
Cellspacing=6
bordersize=1
Show both cells and table borders (should be checked)
Color: the grayish color
Light border & Dark border = both &quot;automatic&quot;
Background: Color: = the blue color

Now for the cell properties:
Borders:
Color: a grayish color (this will be what gives the cell the recessed look)
Light border & Dark border: both &quot;Automatic&quot;
Background: Color: whatever you want the background color to be.


I'm using FrontPage 2002, so somethings may be slightly different, but you should get the idea.

There's not really anything special going here, just manipulation of the table and cell attributes.

A future tip for you, since I assume you're using FrontPage... I was able to very easily set the table attributes on my &quot;new page&quot; to match the page you referenced by, in the browser where it was open, selecting File->Edit with FrontPage. This will open the page in FP and you can then look at all the attributes and match as you like. If you like the design of the page well enough, you could even do as I just explained then replace his pictures with yours (as you would when creating a new page), then save the page into your web!

Hope that helps.
 
Why not create a table with enough cells and descriptions. Make the background of the cells white. Add a thumbnail of each pic, with a description in the cell below the pic.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top