ListSearch... A Community Service from LassoSoft.

I struggled for some time to get images with captions vertically
centered beside each using CSS. Finally I gave up and used a table:
see http://www.spitzer.us/#2007-12.

Could I have done this with CSS?

--
Daryl

--
----------------------------------------------------------
List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
List archives: <http://www.listsearch.com/webauthoring.lasso>
To unsubscribe, send mail to: <web-authoring-off@[Protected]>

On 2-Jan-08, at 1:33 PM, Daryl Spitzer wrote:

> I struggled for some time to get images with captions vertically
> centered beside each using CSS. Finally I gave up and used a table:
> see http://www.spitzer.us/#2007-12.
>
> Could I have done this with CSS?

The lack of vertical control in CSS is one of the great mysteries.
There are work-arounds, of course, most of which you've probably
tried. But...

What I see on your site is actually a table. True, what's in the
first cell of each row is a picture, but it's still a table of
information, so there's no shame in using a table to present it.

"Don't worry. Be happy."

Rob

--
----------------------------------------------------------
List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
List archives: <http://www.listsearch.com/webauthoring.lasso>
To unsubscribe, send mail to: <web-authoring-off@[Protected]>

If you have not seen or considered using cool image effects, check out
Lightbox for your site.

Here it is on one of my sites http://www.modelyacht.org/surfaceyacht.html

Source of scripts- http://www.huddletogether.com/projects/lightbox/

It sure beats having the larger images open in a blank page or on
another site (flickr).

Keep your visitors entertained and contained on one page at a time.

-PhilipS.

"Everything should be made as simple as possible, but not simpler."
Albert Einstein

On Jan 2, 2008, at 1:15 PM, Rob Stevenson wrote:

> On 2-Jan-08, at 1:33 PM, Daryl Spitzer wrote:
>
>> I struggled for some time to get images with captions vertically
>> centered beside each using CSS. Finally I gave up and used a table:
>> see http://www.spitzer.us/#2007-12.
>>
>> Could I have done this with CSS?
>
> The lack of vertical control in CSS is one of the great mysteries.
> There are work-arounds, of course, most of which you've probably
> tried. But...
>
> What I see on your site is actually a table. True, what's in the
> first cell of each row is a picture, but it's still a table of
> information, so there's no shame in using a table to present it.
>
> "Don't worry. Be happy."
>
> Rob
>
> --
> ----------------------------------------------------------
> List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
> List archives: <http://www.listsearch.com/webauthoring.lasso>
> To unsubscribe, send mail to: <web-authoring-off@[Protected]>
>


--
----------------------------------------------------------
List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
List archives: <http://www.listsearch.com/webauthoring.lasso>
To unsubscribe, send mail to: <web-authoring-off@[Protected]>

Thanks Philip. That is a cool effect.

I don't feel the need to keep visitors contained on my personal site
though. In fact, I want to make it convenient for them (family and
friends) to go to Flickr and see a slideshow or even download the
full-size photo.

Do you know if it's possible to have the Lightbox script link
elsewhere after an overlay is opened? In other words, could I set it
up so a click on a thumbnail image opens up the larger image with
Lightbox, and then a click on that image will link to Flickr?

--
Daryl


On Jan 2, 2008 8:36 PM, <psarelis@[Protected]> wrote:
> If you have not seen or considered using cool image effects, check out
> Lightbox for your site.
>
> Here it is on one of my sites http://www.modelyacht.org/surfaceyacht.html
>
> Source of scripts- http://www.huddletogether.com/projects/lightbox/
>
> It sure beats having the larger images open in a blank page or on
> another site (flickr).
>
> Keep your visitors entertained and contained on one page at a time.
>
> -PhilipS.
>
> "Everything should be made as simple as possible, but not simpler."
> Albert Einstein
>
>
> On Jan 2, 2008, at 1:15 PM, Rob Stevenson wrote:
>
> > On 2-Jan-08, at 1:33 PM, Daryl Spitzer wrote:
> >
> >> I struggled for some time to get images with captions vertically
> >> centered beside each using CSS. Finally I gave up and used a table:
> >> see http://www.spitzer.us/#2007-12.
> >>
> >> Could I have done this with CSS?
> >
> > The lack of vertical control in CSS is one of the great mysteries.
> > There are work-arounds, of course, most of which you've probably
> > tried. But...
> >
> > What I see on your site is actually a table. True, what's in the
> > first cell of each row is a picture, but it's still a table of
> > information, so there's no shame in using a table to present it.
> >
> > "Don't worry. Be happy."
> >
> > Rob
> >
> > --
> > ----------------------------------------------------------
> > List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
> > List archives: <http://www.listsearch.com/webauthoring.lasso>
> > To unsubscribe, send mail to: <web-authoring-off@[Protected]>
> >
>
>
> --
> ----------------------------------------------------------
> List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
> List archives: <http://www.listsearch.com/webauthoring.lasso>
> To unsubscribe, send mail to: <web-authoring-off@[Protected]>
>
>

--
----------------------------------------------------------
List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
List archives: <http://www.listsearch.com/webauthoring.lasso>
To unsubscribe, send mail to: <web-authoring-off@[Protected]>

On Jan 6, 2008, at 11:17 PM, Daryl Spitzer wrote:

> Thanks Philip. That is a cool effect.
>
> I don't feel the need to keep visitors contained on my personal site
> though. In fact, I want to make it convenient for them (family and
> friends) to go to Flickr and see a slideshow or even download the
> full-size photo.
One of my sites is a shopping cart, I'd like to think I kept you in
the store until you bought something. 8-)
>
>
> Do you know if it's possible to have the Lightbox script link
> elsewhere after an overlay is opened? In other words, could I set it
> up so a click on a thumbnail image opens up the larger image with
> Lightbox, and then a click on that image will link to Flickr?
Good question, You'd have to massage the pop-up script to use an
external link in that window. That's above me. Try it, let us know.
>
>
> --
> Daryl
>
>
> On Jan 2, 2008 8:36 PM, <psarelis@[Protected]> wrote:
>> If you have not seen or considered using cool image effects, check
>> out
>> Lightbox for your site.
>>
>> Here it is on one of my sites http://www.modelyacht.org/surfaceyacht.html
>>
>> Source of scripts- http://www.huddletogether.com/projects/lightbox/
>>
>> It sure beats having the larger images open in a blank page or on
>> another site (flickr).
>>
>> Keep your visitors entertained and contained on one page at a time.
>>
>> -PhilipS.
>>
>> "Everything should be made as simple as possible, but not simpler."
>> Albert Einstein
>>
>>
>> On Jan 2, 2008, at 1:15 PM, Rob Stevenson wrote:
>>
>>> On 2-Jan-08, at 1:33 PM, Daryl Spitzer wrote:
>>>
>>>> I struggled for some time to get images with captions vertically
>>>> centered beside each using CSS. Finally I gave up and used a
>>>> table:
>>>> see http://www.spitzer.us/#2007-12.
>>>>
>>>> Could I have done this with CSS?
>>>
>>> The lack of vertical control in CSS is one of the great mysteries.
>>> There are work-arounds, of course, most of which you've probably
>>> tried. But...
>>>
>>> What I see on your site is actually a table. True, what's in the
>>> first cell of each row is a picture, but it's still a table of
>>> information, so there's no shame in using a table to present it.
>>>
>>> "Don't worry. Be happy."
>>>
>>> Rob
>>>
>>> --
>>> ----------------------------------------------------------
>>> List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
>>> List archives: <http://www.listsearch.com/webauthoring.lasso>
>>> To unsubscribe, send mail to: <web-authoring-off@[Protected]>
>>>
>>
>>
>> --
>> ----------------------------------------------------------
>> List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
>> List archives: <http://www.listsearch.com/webauthoring.lasso>
>> To unsubscribe, send mail to: <web-authoring-off@[Protected]>
>>
>>
>
> --
> ----------------------------------------------------------
> List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
> List archives: <http://www.listsearch.com/webauthoring.lasso>
> To unsubscribe, send mail to: <web-authoring-off@[Protected]>
>


--
----------------------------------------------------------
List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
List archives: <http://www.listsearch.com/webauthoring.lasso>
To unsubscribe, send mail to: <web-authoring-off@[Protected]>

>>>>
>>>>
>>>>> I struggled for some time to get images with captions vertically
>>>>> centered beside each using CSS.
>>>>> see http://www.spitzer.us/#2007-12.
>>>>>
>>>>> Could I have done this with CSS?
>>>>





Yes, it could have been done in CSS, and since it is not tabular data,
it may have been better to do so.
<http://www.jakpsatweb.cz/css/css-vertical-center-solution.html>
Or simply center the captions vertically with padding-top: ...;
Declaring a width on the outermost wrapper will keep the page from
stretching from here to eternity in a wide monitor.
Either way, validate the file:
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.spitzer.us%2F%232007-12>

PS Greetings from IE/6.0 and IE/7.0:

There is a problem with this website's security certificate.
The security certificate presented by this website was not issued by a
trusted certificate authority.
The security certificate presented by this website was issued for a
different website's address.
Security certificate problems may indicate an attempt to fool you or
intercept any data you send to the server.
*We recommend that you close this webpage and do not continue to this
website*


--
----------------------------------------------------------
List FAQ: <http://www.barebones.com/support/lists/web_author.shtml>
List archives: <http://www.listsearch.com/webauthoring.lasso>
To unsubscribe, send mail to: <web-authoring-off@[Protected]>