[BNM] CSS Structure [was timesonline - a css travesty?]

[Dan Eastwell]

That's what Richard Rutter advocates - 62.5%, I think it's a nice touch.

I'm not sure about scaling images with ems. Have you looked at swfIR(.com)?

Bit of a hammer to crack a walnut, in my opinion, but if you've got
that requirement, then it's worth a look.

Whether or not you scale images at all is a design/page layout/grid
issue I suppose.

Cheers,

Dan.

On 3/1/07, Antony Jones <antonyj at gamesys.co.uk> wrote:
> > As  long as you keep track of what an em means at any point, you
> > shouldn't really need extra formatting divs. If you apply relative
> > font sizing to the body, and then to individual classes of/types of
> > element they should be less difficult to control than applying font
> > sizes to the body and then to content containers.
>
> I start off with a font size of 62.5%
>
> However the problem is you can't keep track so easily. In a CMS driven
> application when an image is inserted I need to calculate the width and
> height of an image and write these as ems in its style tag (this is how
> the resizable images work). I can't do this without knowing the size of
> an em relative to the image's parent tag, which means I have a direct
> and hardcoded link from the image upload code to the presentation layer.
> Which sucks.
>
> I'll give those links a read through though, when they load :P stupid
> internets.
>
> Antony Jones
> Developer
>
> Gamesys Limited
> e: antonyj at gamesys.co.uk
> t: 0207 478 8103
> a: 1st Floor, 54-62 Regent Street, LONDON, W1B 5RE
>
>
> > -----Original Message-----
> > From: bnmlist-bounces at brightonnewmedia.org [mailto:bnmlist-
> > bounces at brightonnewmedia.org] On Behalf Of Dan Eastwell
> > Sent: 01 March 2007 11:07
> > To: Brighton New Media
> > Subject: Re: [BNM] CSS Structure [was timesonline - a css travesty?]
> >
> > As  long as you keep track of what an em means at any point, you
> > shouldn't really need extra formatting divs. If you apply relative
> > font sizing to the body, and then to individual classes of/types of
> > element they should be less difficult to control than applying font
> > sizes to the body and then to content containers.
> >
> > You can apply overrides if you are seeing font-scaling on, say li li
> > li in a nested list, if you've applied style to all lis.
> >
> > That wasn't particularly clear, was it! Read Richard Rutter's stuff on
> >
> > http://webtypography.net/ and
> > http://clagnut.com/blog/348/ Which covers font-sizing in a nutshell.
> > It doesn't cover reapplication of font-sizing through inheritance,
> > though.
> >
> > Cheers,
> >
> > Dan.
> >
> > On 3/1/07, Antony Jones <antonyj at gamesys.co.uk> wrote:
> > > > body.section-3 div.sub-content form#search-form
> > > >
> > > > I guess that's my point -  managing things that
> > > >
> > > > a) do the same thing
> > > > b) look similar but do different things
> > > > c) look similar but slightly different in a different place on the
> > > page,
> > > > and
> > > > d) look similar but slightly different in a different place on the
> > > site.
> > > >
> > >
> > > The funny thing here is, if you do as I do, and design all your
> sites
> > > with EMs, you can't put font-sizes on objects which have sub-objects
> > > (because it changes the size of an EM for everything within that
> object.
> > > SO you have to enclose things with pointless DIVs called 'format' or
> > > similar, and apply sizing to those divs alone.
> > >
> >
> > --
> > Daniel Eastwell
> >
> > Portfolio and articles:
> > http://www.thoughtballoon.co.uk
> >
> > Blog:
> > http://www.thoughtballoon.co.uk/blog
> > --
> >
> > BNM Subscribe/Unsubscribe: http://lists.wessexnetworks.com/cgi-
> > bin/mailman/options/bnmlist/
> > BNM info/archives:
> > http://www.brightonnewmedia.org/
> >
> > BNM archive search:
> > http://www.roddis.org/bnm/search.php
> >
> > BNM powered by Wessex Networks:
> > http://www.wessexnetworks.com
> --
>
> BNM Subscribe/Unsubscribe: http://lists.wessexnetworks.com/cgi-bin/mailman/options/bnmlist/
> BNM info/archives:
> http://www.brightonnewmedia.org/
>
> BNM archive search:
> http://www.roddis.org/bnm/search.php
>
> BNM powered by Wessex Networks:
> http://www.wessexnetworks.com
>


-- 
Daniel Eastwell

Portfolio and articles:
http://www.thoughtballoon.co.uk

Blog:
http://www.thoughtballoon.co.uk/blog