Re: Selectively localized images

[Ineiev]

Another way to do it, via CSS:

Add article-specific CSS file /philosophy/categories.css;
it might look like

#category-png {
  background:url("/philosophy/category.png");
  background-repeat: no-repeat;
  background-position: center center;
  padding:50px 250px 350px 300px;
}
#category-png:lang(fr) {
  background:url("/philosophy/category.fr.png");
  background-repeat: no-repeat;
  background-position: center center;
  padding:20px 220px 260px 220px;
}

(and so on).

Modify the article this way:
Index: philosophy/categories.html
===================================================================
RCS file: /web/www/www/philosophy/categories.html,v
retrieving revision 1.67
diff -U 2 -r1.67 categories.html
--- philosophy/categories.html  12 Nov 2010 19:37:56 -0000      1.67
+++ philosophy/categories.html  18 Jan 2011 05:19:35 -0000
@@ -1,4 +1,6 @@
 <!--#include virtual="/server/header.html" -->
 <title>Categories of Free and Nonfree Software - GNU Project - Free
Software Foundation (FSF)</title>
+
+<link rel="stylesheet" href="/philosophy/categories.css" media="screen" />
 <!--#include virtual="/server/banner.html" -->
 <h2>Categories of free and nonfree software</h2>
@@ -15,7 +17,5 @@
        Words which You Might Want to Avoid</a>.</p>

-<p id="diagram" class="c">
-<img src="category.png" alt="" />
-</p>
+<p id="category-png"></p>

       <p>This diagram, originally by Chao-Kuei and updated by several