Tino Wildenhain wrote:
Tito,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 ... } 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 |
_______________________________________________ Zope maillist - Zope@zope.org http://mail.zope.org/mailman/listinfo/zope ** No cross posts or HTML encoding! ** (Related lists - http://mail.zope.org/mailman/listinfo/zope-announce http://mail.zope.org/mailman/listinfo/zope-dev )