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

[Antony Jones]

> 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