[Year 12 IPM] CSS Critique Invited - to Laurie from Keith

Thu Dec 29 08:08:37 EST 2005

Thanks Bill.
You might be interested in looking at how the archives page is panning
out.
Temporary location: http://3in6.openlab.net.au/3in6-2006/arch.htm
The missing images I will pop in as soon as I have created them. 

I am using a workflow of avi movie file into Vegas, capture suitable
frames in sequence, Photoshop crop to make 100px squares saved as gifs
at 72dpi, JASC Animation Shop3 to create animated gif, HTML Kit to get
then into the html and adjust the css.
I was faced with the challenge of captioned images that would flow in a
page-wrap type sequence but could be 'flow-breaked' (my invented term)
as and when needed.

2 early-morning hours searching then adjusting to my needs produced what
I was after.
A great site is http://css.maxdesign.com.au/floatutorial/

Mant thanks for your great suggestions. Some I have applied and some are
in my 'thinking basket'.

Ciao, Keith

On Thu, 29 Dec 2005 00:01:01 +1100, "Bill Kerr" <billkerr at gmail.com>
said:
> hi keith,
> 
> would like to help and learn some more, just a few comments /
> suggestions:
> 
> * your dtd is strict, I think transitional is better for older /
> different
> browsers
> http://www.alistapart.com/articles/doctype
> * when you say you haven't fully achieved the meyer effect, are you
> referring to the lack of transparency or something else?
> * menu could improve (I suggested this earlier - make buttons with css as
> shown on my site and eliminate the list markers) which would improve the
> rollover part of the meyer effect, as would moving the image over to the
> RHS
> * here's a good site for 3 column and 4 column layouts:
> http://www.glish.com/css/ very clearly laid out (also note that some
> layouts
> have fixed widths, others are fluid)
> * are you planning to have alternate style sheets as Laurie and Meyer
> have
> done?
> in firefox: view > page style > meyer has 5 different style sheets
> 
> thanks for showing me how to centre the whole page, I've been searching
> for
> that for a while now
> 
> I'm thinking of having a crack at 3/4 column layouts and meyer effect
> myself
> - don't want to get left behind :-)
> 
> Bill
> --
> Bill Kerr
> http://billkerr.blogspot.com/
> http://users.tpg.com.au/billkerr/index.htm
> 
> On 12/28/05, Keith Richardson <keithcr at fastmail.fm> wrote:
> >
> > Thanks Laurie.
> > Here is the site's latest state - I employed the myer effect with a
> > single image. Unfortunately my multi-nested div's created problems with
> > fixed background images for diughter div's in some of the browsers, but
> > were fine in others. I decided to go it simple, but you did solve my
> > original problem.
> >
> > http://3in6.openlab.net.au/3in6-2006/3in6-2006-tmplt-xhtml.htm
> >
> > Ciao, Keith.
> >
> > On Tue, 27 Dec 2005 23:33:39 +1100, "Laurie Savage"
> > <sav at pvgc.vic.edu.au> said:
> > > Keith,
> > >
> > > Thanks for the feedback - this site has been an inspiration! But if you
> > > really want to see what you can do with CSS and a bit of design sense -
> > > visit
> > >
> > >  http://www.csszengarden.com
> > >
> > > and look at some of the contributions. I hope you're using Firefox,
> > > because 1) it is better with CSS positioning and background images than
> > > IE;
> > > 2) unlike IE it displays PNG files properly; 3) it has an extension
> > > called
> > > "Web developer" that shows the blocks with their ids and classes and
> > > will load the css file so you can examine the code (you need to install
> > > it via the Extensions update tool); and, 4) it can use alternative style
> > > sheets via the View menu (You'll notice my web_101 pages can be viewed
> > > with alternate styles).
> > >
> > > Best wishes,
> > >
> > > Laurie
> > >
> > > On Tue, Dec 27, 2005 at 09:36:13PM +1100 or thereabouts, Keith
> > Richardson
> > > wrote:
> > > > Laurie - in one word: Beautiful, in two: Bloody Awesome!
> > > > You have set me on a new path - thank you. I intend implementing these
> > > > incredible Myer effects.
> > > > Ciao, Keith
> > > >
> > > >
> > > >
> > > > On Tue, 27 Dec 2005 20:41:03 +1100, "Laurie Savage"
> > > > <sav at pvgc.vic.edu.au> said:
> > > > > Keith, I ransacked my archives and found the link to eric Meyer's
> > demo.
> > > > >
> > > > > http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html
> > > > >
> > > > > --
> > > > > Laurie Savage
> > > > > =============================================
> > > > > Physics/IT Teacher, Pascoe Vale Girls College
> > > > > Pascoe Vale, Victoria. +613 9306 2544
> > > > > =============================================
> > > > > _______________________________________________
> > > > > http://www.edulists.com.au - FAQ, resources, subscribe, unsubscribe
> > > > > IPM Mailing List kindly supported by
> > > > > http://www.vcaa.vic.edu.au - Victorian Curriculum and Assessment
> > > > > Authority and
> > > > > http://www.vitta.org.au  - VITTA Victorian Information Technology
> > > > > Teachers Association Inc
> > > > Keith Richardson
> > > > Leibler Yavneh College
> > > > Elsternwick Ph (03)9528 4911
> > > > keithcr at fastmail.fm
> > > >
> > > > _______________________________________________
> > > > http://www.edulists.com.au - FAQ, resources, subscribe, unsubscribe
> > > > IPM Mailing List kindly supported by
> > > > http://www.vcaa.vic.edu.au - Victorian Curriculum and Assessment
> > Authority and
> > > > http://www.vitta.org.au  - VITTA Victorian Information Technology
> > Teachers Association Inc
> > >
> > > --
> > > Laurie Savage
> > > =============================================
> > > Physics/IT Teacher, Pascoe Vale Girls College
> > > Pascoe Vale, Victoria. +613 9306 2544
> > > =============================================
> > > _______________________________________________
> > > http://www.edulists.com.au - FAQ, resources, subscribe, unsubscribe
> > > IPM Mailing List kindly supported by
> > > http://www.vcaa.vic.edu.au - Victorian Curriculum and Assessment
> > > Authority and
> > > http://www.vitta.org.au  - VITTA Victorian Information Technology
> > > Teachers Association Inc
> > Keith Richardson
> > Leibler Yavneh College
> > Elsternwick Ph (03)9528 4911
> > keithcr at fastmail.fm
> >
> > _______________________________________________
> > http://www.edulists.com.au - FAQ, resources, subscribe, unsubscribe
> > IPM Mailing List kindly supported by
> > http://www.vcaa.vic.edu.au - Victorian Curriculum and Assessment Authority
> > and
> > http://www.vitta.org.au  - VITTA Victorian Information Technology Teachers
> > Association Inc
> >
Keith Richardson
IPM List Moderator
Head of ICT, Leibler Yavneh College
Elsternwick
Ph: 03.9528.4911
k.richardson at yavneh.vic.edu.au