The Mac Observer

 
   
 
Creating Tables with images - or some such thing
Posted: 07 May 2002 09:12 PM [ Ignore ]
stars_big_1
Avatar
Total Posts:  2948
Joined  2001-08-12

For an example of what I am trying to do:

http://www.appleturns.com

or visit any iTools Photo Album page.

See the frames around the photos? See how the Mac window shows up around the articles?

I am trying to find out how to do that. I have had a few ideas, but they do not dynamically recreate themselves for different resolutions like these do.

Any ideas? Would be much appreciated. Creating a website for the “boss” that has family photo albums uploaded and created by them.

TIA.

 Signature 

Remember what Obi-Wan said to Luke: “Oops! There goes your shirt!”

Silent Hill Resorts - A forum for the intelligent, mature Silent Hill fan to visit.

Profile
 
 
Posted: 08 May 2002 04:43 AM [ Ignore ] [ # 1 ]
stars_4
Total Posts:  558
Joined  2001-12-18

The top is its own table with a fixed width.  Three Cells, Image, Text, Image.

The next table down has an interesting effect…

7 cells for the window bar, each one with a different background color and a spacer image (1x1 transparent gif set to different widths). a ten pixel cell for the white border around the “window” content.  The content cell itself.  Ten pixel border, then a copy of the same 7 cells from the beginning.

Third table…

One cell, one image of a specified width.

Specifying the width is the key.  If you want it full screen on a web site at 800x600 just set your table width to 770.  With this, it won’t resize horizontally, but it will resize vertically no matter how much content is in it.

Cool effect though.  If you find an effect that you like, just copy the code.  Nobody except really big corporations get mad when you copy their code… usually I’d be flattered if someone wanted to use my code.

 Signature 

I’m out of time, patience and my mind… but I have plenty of excuses.

Profile
 
 
Posted: 08 May 2002 07:51 PM [ Ignore ] [ # 2 ]
stars_big_1
Avatar
Total Posts:  4106
Joined  2001-12-26

methinks…

the easiest thing to do, is to find a page simmilar to what you want, save the source, delete out the parts you don’t want/need, and play with it a little.. find out whats going on, then go ahead and make your page with the knowlege you’ve aquired..

 Signature 

-Louie

Profile
 
 
Posted: 08 May 2002 07:54 PM [ Ignore ] [ # 3 ]
stars_big_1
Avatar
Total Posts:  4106
Joined  2001-12-26

[quote author=“ERNesbitt”]If you find an effect that you like, just copy the code.  Nobody except really big corporations get mad when you copy their code… usually I’d be flattered if someone wanted to use my code.

This is true, and I’d probably be flattered too, but if the code is COPIED, or even overly plagerized… always give credit where credit is due!! And it doesn’t help to ask for permission either…  roll eyes

 Signature 

-Louie

Profile
 
 
Posted: 09 May 2002 07:03 AM [ Ignore ] [ # 4 ]
Administrator
Avatar
Total Posts:  882
Joined  2001-06-17

How I did that…

I use a program called Freeway.  I can put images and text wherever I want and it creates the HTML code where appropriate.

Later today, I’ll create some code that will create the “window around the table effect.”  It’s not that hard to do really.  The trick is to make the length of the sides changeable.

Profile
 
 
   
 
 

Apple Stock Quote (AAPL)

Loading...

Hot Topics

TMO Express

Join the TMO Express Daily Newsletter to get the latest Mac headlines in your e-mail every weekday. Find out more!

Top Deals From DealBrothers.com

Recent Features

Support The Mac Observer

We noticed you may be running AdBlock on your computer. It takes real money to run this site and to deliver the news, tips, and opinions you love to read.

If you wish to block the ads that pay for the creation of our content, we ask that you instead support TMO Directly, either with a $5 monthly recurring contribution, or a one-time donation of any amount of your choice. Thanks!

Subscribe with Paypal Donate with Paypal