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 :

Alignement a gauche et a droite fail


Sujet :

HTML

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 77
    Par défaut Alignement a gauche et a droite fail
    Bonsoir,

    Je ne sais pas si quelque chose m'echappe, mais je bug sur une petite mise en page, mon align="right" n'est pas prit en compte et tout s'affiche a gauche, je ne comprends pas pourquoi:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div class="pagination_commentaires">
    	<em align="left">
    		<li>
    			Afficher les commentaires: 
    			{foreach from=$pagination_commentaires item=link_commentaires} 
    				{$link_commentaires}
    			{/foreach}
    		</li>
    	</em>
    	<em align="right">
    		<li><a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a></li>
    	</em>
    </div>
    Merci !

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 30
    Par défaut
    Remplace les <em> par des <div> et tout devrais bien marcher.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 77
    Par défaut
    Ok en effet ca fonctionne, mais mon but est de tout faire tenir sur la même ligne, j'ai le même résultat avec ce code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div class="pagination_commentaires">
    	<div align="left" STYLE="display : inline">
    		<li STYLE="display : inline">
    			Afficher les commentaires: 
    			{foreach from=$pagination_commentaires item=link_commentaires} 
    				{$link_commentaires}
    			{/foreach}
    		</li>
    	</div>
    	<div align="right" STYLE="display : inline">
    		<li STYLE="display : inline"><a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a></li>
    	</div>
    </div>

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 30
    Par défaut
    Bien que tout afiche bien présentement défini une largeur spécifique pour chaque div mon exemple dans le code.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div class="pagination_commentaires" width='800px'>
    	<div align="left" width='600px' STYLE="display : inline">
    		<li STYLE="display : inline">
    			Afficher les commentaires: 
    			{foreach from=$pagination_commentaires item=link_commentaires} 
    				{$link_commentaires}
    			{/foreach}
    		</li>
    	</div>
    	<div align="right" width='200px' STYLE="display : inline">
    		<li STYLE="display : inline"><a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a></li>
    	</div>
    </div>
    De cette façon les division ne prenne pas tout la largeur du template et lesse de l'espace pour l'autre division sur le coté.
    Tu devras ajuster les grandeur selon la grandeur de ton template c'est juste un example.
    Ne te gène pas pour repondre ou poser une autre question je ferai mon possible pour te donné les bonne information.

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 77
    Par défaut
    Bonsoir et merci pour ta réponse, mais malheureusement ca ne change rien (mes 2 div sont collées a gauche), aussi je remarque que je n'est pas la puce de la balise <li> quand j'applique le display inline

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 30
    Par défaut
    Tu utilise des balise <LI> ce qui rend tout sa impossible.
    Remet les balise <em> enlève les balise <LI> sa règlera ton problème garde les width et tout va être reglé.
    j'avais pas porté attention a cela au début, mais c'est la cause du problème.
    Merci de m'y avoir fait pensé.

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 77
    Par défaut
    J'ai toujours mes deux parties collées a gauche , rappel du code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div class="pagination_commentaires" width='800px'>
    	<div align="left" STYLE="display : inline"  width='600px'>
    		<em>
    			Afficher les commentaires: 
    			{foreach from=$pagination_commentaires item=link_commentaires} 
    				{$link_commentaires}
    			{/foreach}
    		</em>
    	</div>
    	<div align="right" STYLE="display : inline"  width='200px'>
    		<em><a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a></em>
    	</div>
    </div>

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 77
    Par défaut
    Double post accidentel... Je vais plutôt essaye de gérer tout ca par CSS, merci pour l'aide en tout cas ! l:

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 30
    Par défaut
    Il serait tu possible d'attaché le fichier en question afin que je puisse trouver l'erreur en question et les lignes Css?
    Il y a toujours un truc qui m'agace le lien "réagir a ce sujet"
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="./Forum/viewtopic.php?f=2&t={$topic_id}">Reagir a ce sujet</a>
    Tu le veux en dessous ou c'est lui que tu veux mettre a gauche?

Discussions similaires

  1. Aligner texte à gauche et à droite et même temps
    Par mgoumine dans le forum Mise en forme
    Réponses: 5
    Dernier message: 18/11/2011, 12h36
  2. Alignement du texte a gauche et a droite dans un document
    Par superjeanpi dans le forum Mise en forme
    Réponses: 1
    Dernier message: 05/12/2008, 09h35
  3. Alignement à gauche et a droite
    Par elekaj34 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/11/2007, 09h56
  4. [W3C] 2 images aligné une à gauch l'autre à droite
    Par alexp dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 06/03/2006, 13h37
  5. [JTable] Simuler clic gauche après clic droit
    Par Oliveuh dans le forum Composants
    Réponses: 1
    Dernier message: 03/12/2004, 12h35

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