[thelist] Liquid help

Jeff Howden jeff at jeffhowden.com
Thu Sep 4 17:15:09 CDT 2003


john,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: john at johnallsopp.co.uk
>
> Take a look at this:
> http://www.johnallsopp.co.uk/liquid/index.html.
>
> The easy bit, the table, is liquid, but the images are
> rock solid because of the way I've done it.
>
> Ideally, as the screen becomes smaller, the images
> should overlap more, except for the logo of course.
>
> And I wonder, should I just build long lozenges of
> image so that no matter how much or how little they
> overlap there's never any gap, or can I find out what
> size people's screens are and use server side code
> (I'll be using Java/JSP here) to throw sufficient
> pics out to cover the area.
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

what happens if they resize the browser window?  *grin*

if you want the image to slowly overlap each other more and more, that's
going to be pretty tricky.  what i'd suggest is making a single image that
can tile and apply that as a background image.

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> PS. Also, I couldn't seem to get rid of lines in my
> tables without using cellpadding/spacing=0. I think I'm
> having a stupid day, but I'd have thought no padding,
> margin or border in the stylesheet would have sorted
> that.
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

no, to sort boundaries between cells (cellspacing), you need to set the
border-collapse property to collapse:

border-collapse: collapse;

good luck,

.jeff

——————————————————————————————————————————————————————
Jeff Howden - Web Application Specialist
Résumé - http://jeffhowden.com/about/resume/
Code Library - http://evolt.jeffhowden.com/jeff/code/




More information about the thelist mailing list