Tino Wildenhain wrote:
Am Montag, den 06.06.2005, 20:51 -0700 schrieb Jason Leach:

I have a site developed with CSS.  We just translated the site to
German.  The problem I have is with some embedded graphics.  For
#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  ... }

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!


Zope maillist  -  Zope@zope.org
**   No cross posts or HTML encoding!  **
(Related lists - 
 http://mail.zope.org/mailman/listinfo/zope-dev )

Reply via email to