Subject: Re: [css-d] how to swap this layout?
On 11/16/10 12:18 AM, Matthew P. Johnson wrote:
> Does anyone know how to put the thumbnails on the right and have the
> image being swapped on the left?
>
> http://www.applegateelements.com/new/fotos/Lightweight%20Image%20Galle
> ry.htm
>
> Sincerely,
>
> Matthew P. Johnson
>
>
Only checked in Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.4; en-US;
rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12
#jgal { list-style: none; width: 200px; border: 1px solid red; overflow:
hidden; float: left;margin-left: 457px; } #jgal li { opacity: .5; float:
/*left*/right; display: block; width:
60px; height: 60px; background-position: 50% 50%; cursor: pointer;
border: 3px solid /*#fff*/lime; outline: 1px solid #ddd; margin-right:
14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: /*220px*/0; display:
none; border: 1px dashed fuchsia; }
And validate the page CSS and markup.
Best,
Odilon Redon
Thank you for the quick response Odilon. BTW great name. :)
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
