<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
<title></title>
</head>
<body bgcolor="#ffffff" text="#000000">
Tino Wildenhain wrote:
<blockquote cite="mid1118121887.5018.72.camel@Andrea.peacock.de"
type="cite">
<pre wrap="">Am Montag, den 06.06.2005, 20:51 -0700 schrieb Jason Leach:
</pre>
<blockquote type="cite">
<pre wrap="">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.
</pre>
</blockquote>
<pre wrap=""><!---->
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 ... }
</pre>
</blockquote>
Tito,<br>
<br>
Thats the first example of that logic I've seen Mixing CSS
parent-child dependencies and something like:<br>
<body tal:attributes lang="request/language | nothing"> <br>
<br>
When body lang="de" then<br>
<pre wrap="">body.de #rightcolumn h1 { ...i/news_title_de.jpg ... }
Kicks in.
I like it!
David
</pre>
<br>
</body>
</html>