IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[XHTML] xhtml + langue + css


Sujet :

HTML

  1. #1
    Membre du Club
    Profil pro
    MOE
    Inscrit en
    Juillet 2007
    Messages
    62
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : MOE

    Informations forums :
    Inscription : Juillet 2007
    Messages : 62
    Points : 42
    Points
    42
    Par défaut [XHTML] xhtml + langue + css
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Membre expérimenté
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Points : 1 350
    Points
    1 350
    Par défaut
    Salut,

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

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  3. #3
    Membre du Club
    Profil pro
    MOE
    Inscrit en
    Juillet 2007
    Messages
    62
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : MOE

    Informations forums :
    Inscription : Juillet 2007
    Messages : 62
    Points : 42
    Points
    42
    Par défaut
    Merci pour votre reponse, mais le probleme reste tjs

    En faite,pour main.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    #profile h2 {
    	background-image: url(../../images/standard/title/profile_equestre.jpg);
    }

  4. #4
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Salut,

    C'est quelque chose à faire dynamiquement coté serveur, donc pas en (X)HTML.

  5. #5
    Membre du Club
    Profil pro
    MOE
    Inscrit en
    Juillet 2007
    Messages
    62
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : MOE

    Informations forums :
    Inscription : Juillet 2007
    Messages : 62
    Points : 42
    Points
    42
    Par défaut
    Vous pouvez m'expliquer.

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

Discussions similaires

  1. [Mission/Télétravail] Développement web (XHTML, PHP, Javascript, CSS)
    Par Lcf.vs dans le forum Demandes
    Réponses: 0
    Dernier message: 23/10/2011, 13h15
  2. Réponses: 2
    Dernier message: 22/01/2010, 18h07
  3. [XHTML] XHTML 1.0 strict & CSS, style height avec la norme
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 13
    Dernier message: 14/07/2008, 13h20
  4. [XHTML] XHTML et css
    Par vodasan dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 19/10/2007, 08h10
  5. [XHTML 1.0] [CSS] 2 problèmes d'affichage
    Par stailer dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 29/05/2005, 19h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo