[XHTML] xhtml + langue + css

Version imprimable

bonjour

j 'ai besoin d'utiliser deux fichiers .css un pour afficher des images en français et l'autre en anglais.

j ai declare les deux fichiers .css dans ma page xhtml xomme suit :
Code:

1 2 3 4 5 6 7 8 9 10 11 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.sourceforge.net/"> <head> <title>SoHorse</title> <link rel="stylesheet" type="text/css" href="styles/common.css"/> <link rel="stylesheet" type="text/css" href="styles/standard/main.css" xml:lang="fr" lang="fr" /> <link rel="stylesheet" type="text/css" href="styles/standard/mainEn.css" xml:lang="en" lang="en"/> </head>
le probleme est que ma page utilise les deux fichiers css donc j'aurais un decalage
qcq peut me donner la solution convenable pour affecter le fichier css convenable selon la langue

06/02/2008, 17h30
kaiser59
Salut,

Simplement en faisant une seule feuille de style et tu fais ceci :
Code:

1 2 .img_en {border:0;} .img_fr {border : 1;}
Les valeurs sont des exemples, sinon tu charges la feuilles de styles en fonction de la langue du navigateur si tu veux rester avec deux css.

Par ailleurs, je ne pense pas me trompé en te disant que le Doctype devrait être avant la ligne xml

Merci pour votre reponse, mais le probleme reste tjs

En faite,pour main.css

Code:

1
2
3
4
 
#profile h2 {
	background-image: url(../../images/standard/title/mon_profil_equestre.jpg);
}

l'addresse de l'image en fr

pour une page html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 
 
 
	<div id="profile ">
	<!-- 
	    <a href="CompetitionHistoryUpdate.html">
	    </a>
	     -->
			<h2><span>Mon palmares</span></h2>		
 
		<div class="text-container">
			 <!-- 
			<ul class="sectionActions">			
				<li><a href="CompetitionHistoryUpdate.html">Ajouter une Ã©preuve</a></li>
			</ul>			 			 
			<div wicket:id="palmaresCompetition"></div>  		 
 
		</div>
	</div>

le probleme c est que pour l'autre css en anglais qui contient l'image correspondante n'est pas active

Code:

1
2
3
4
 
#profile h2 {
	background-image: url(../../images/standard/title/profile_equestre.jpg);
}

07/02/2008, 11h47
franculo_caoulene

Salut,

C'est quelque chose à faire dynamiquement coté serveur, donc pas en (X)HTML.
07/02/2008, 12h04
zorro13

Vous pouvez m'expliquer.

en faite, je modifie le langage cote browser et mais il charge pas l image convenable