[Zope] Working with CSS'

Tue Jun 7 02:13:49 EDT 2005

Tino Wildenhain wrote:

>Am Montag, den 06.06.2005, 20:51 -0700 schrieb Jason Leach:
>  
>
>>hi,
>>
>>I have a site developed with CSS.  We just translated the site to
>>German.  The problem I have is with some embedded graphics.  For
>>example:
>>#rightcolumn h1 {
>>	background: transparent url("i/news_title.jpg") no-repeat top left;
>>	height: 38px;
>>	width: 180px;
>>	margin: 0;
>>	padding: 0;
>>}
>>
>>This is the English graphic.  If people are in the German side, I need
>>news_title_de.jpg.  But I'm not sure how to deal with this without
>>doing a separate CSS file.
>>    
>>
>
>You set some flag for example <body class="de"> ... 
>or <body lang="de> ... 
>
>Next you first set a default:
>
>#rightcolumn h1 { background: transparent url("i/news_title.jpg") ... }
>
>Now for each language you just overwrite the specifics:
>
>for body class you write:
>
>body.de #rightcolumn h1 { ...i/news_title_de.jpg ... }
>
>for body lang you write:
>
>body[lang=de] #rightcolumn h1 { ...i/news_title_de.jpg  ... }
>  
>
Tito,

Thats the first example of that logic I've seen  Mixing CSS parent-child 
dependencies and something like:
<body tal:attributes lang="request/language | nothing">

When body lang="de" then

body.de #rightcolumn h1 { ...i/news_title_de.jpg ... }

Kicks in.

I like it!

David

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://mail.zope.org/pipermail/zope/attachments/20050606/1a665896/attachment.htm