[Zope] Working with CSS'

Tue Jun 7 01:24:47 EDT 2005

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  ... }

(of course you fill the places where I wrote the ... :-)

Ah and lets hope your graphic does not contain text -
otherwise the fileformat jpg is sure inappropriate.