[HTML]Texte center et right sur la même ligne
Répondre à la discussion
Affichage des résultats 1 à 17 sur 17

[HTML]Texte center et right sur la même ligne



  1. 24/09/2016, 11h29 #1
    JS7777

    [HTML]Texte center et right sur la même ligne


    ------

    Bonjour à tous,

    J'aimerais avoir un texte au centre puis à droite sur la même ligne sur le pied de page.

    J'ai réussi à mettre du texte au centre mais dès que j'en met à droite ça saute d'une ligne.

    J'aimerais faire ça :

    Code HTML:
    [ATTACH=CONFIG]323335[/ATTACH]


Code actuelle :

<html>
  <head>
  <meta name="robots" content="noindex, nofollow" />
  <title>[C5]*********</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico" />
  <link rel="stylesheet" type="text/css" href="https://www.nkon.nl/magento17/skin/frontend/default/modern/css/styles.css" media="all">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Press+Start+2P">
    
	
	<style>
      body {
      font-family: 'Press Start 2P', cursive;
        font-size: 20px;
      }
    </style>
	
	
<style>


footer {
  padding: 1em;
    color: white;
    background-color: black;
    
}



</style>
	
		
</head>
<body>
  
<br>
  

<div><font size="6">[C5]************</font></div>
	
<br>
	
<br>

<br>

<br>

<div style="margin-left:10px;"> 
<a href="https://www.youtube.com/channel/***********"><img src="ylogo.png" align="left" style="margin-top:4px" hspace="20"/></a>
</div>


<footer>© [C5]*********</footer>



  </body>
  

</html>


    Merci d'avance

    Cdt

    -----
    Dernière modification par Antoane ; 21/05/2018 à 09h11. Motif: remplacement de la balise Code par HTML
    Ce que les entreprises jettent : Du matériel neuf
  2. 24/09/2016, 13h09 #2
    Dlzlogic

    Re : [HTML]Texte center et right sur la même ligne

    Bonjour,
    Il me semble qu'il suffit de faire une table et 3 cases sur la même ligne.
    Les tables sont les outils de base en matière de mise en page.
  3. 24/09/2016, 17h49 #3
    cherbe

    Re : [HTML]Texte center et right sur la même ligne

    Bonjour
    ce code CSS aligne un texte en bas à gauche et un autre en bas à droite sur une seule ligne :

    Code:
    <style>
    .pieddepage
    {
    position:absolute;
    bottom:1;
    width:90%;
    background-color:#FFFFFF;
    }

    .piedgauche
    {
    float: left;
    width: 45%;
    text-align:left;
    font-size: 7pt;
    }

    .pieddroit
    {
    float: right;
    width: 45%;
    text-align: right;
    font-size: 7pt;
    }
</style>
<div class="pieddepage">
        <div class="piedgauche"> texte de gauche</div>
        <div class="pieddroit">texte de droite</div>
</div>
    Dernière modification par cherbe ; 24/09/2016 à 17h51.
    Pour avoir de l'argent devant soi, il faut en mettre de côté ! (proverbe lorrain)
  4. 24/09/2016, 20h05 #4
    JS7777

    Re : [HTML]Texte center et right sur la même ligne

    Merci,

    J'ai essayé ce code css mais dès que je met padding : 1em dans .pieddepage pour agrandir le pied de page le texte droit change de ligne.
    Ce que les entreprises jettent : Du matériel neuf
  5. Aujourd'hui
    A voir en vidéo sur Futura
  6. 24/09/2016, 21h46 #5
    cherbe

    Re : [HTML]Texte center et right sur la même ligne

    Citation Envoyé par JS7777 Voir le message
    Merci,

    J'ai essayé ce code css mais dès que je met padding : 1em dans .pieddepage pour agrandir le pied de page le texte droit change de ligne.
    essaie avec height: 20px;
    Pour avoir de l'argent devant soi, il faut en mettre de côté ! (proverbe lorrain)
  7. 25/09/2016, 00h36 #6
    JS7777

    Re : [HTML]Texte center et right sur la même ligne

    En faite, c'est quand je change .pieddegauche avec center au lieu de left


    Code HTML:
    .piedgauche
    {
    float: center;
    width: 30%;
    text-align: center;
    font-size: 7pt;
    }
    Ce que les entreprises jettent : Du matériel neuf
  8. 25/09/2016, 09h48 #7
    cherbe

    Re : [HTML]Texte center et right sur la même ligne

    Il est inutile de modifier les dimensions. Le pied de page est occupé par deux div. Si tu veux aligner un texte au centre de la page, il suffit de modifier "text-align:right" dans piedgauche, ou l'inverse : "text-align:left" dans pieddroit.
    Dernière modification par cherbe ; 25/09/2016 à 09h50.
    Pour avoir de l'argent devant soi, il faut en mettre de côté ! (proverbe lorrain)
  9. 25/09/2016, 13h55 #8
    JS7777

    Re : [HTML]Texte center et right sur la même ligne

    Merci, j'ai réussi mais encore un petit problème :

    Nom : html1255.jpg Affichages : 3798 Taille : 9,1 Ko

    J'aimerai que le texte soit un peu plus haut


    Code HTML:
    <html>

<head>



    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Press+Start+2P">
    <style>
      body {
      font-family: 'Press Start 2P', cursive;
        font-size: 20px;
      }
    </style>


<style>
div.container {
    width: 100%;
    border: 1px solid gray;
}

header {
    padding: 1em;
    color: white;
    background-color: black;
    clear: left;
    text-align: center;
}

footer {
  padding: 1.8em ;
    color: white;
    background-color: black;
    
}

them {
  padding: 1em;
    color: white;
    background-color: black;
    
}

menu {
    padding: 1em;
    color: white;
    background-color: black;
    clear: left;
    
}



article {
    
    border-left: 1px solid gray;
    padding: 1em;
    overflow: hidden;
}


.pieddepage
    {
	padding: 1em;
	
    position:absolute;
      width:95%;
    background-color: Black;
    }

.piedgauche
    {
	
    float: left;
    width: 45%;
    text-align: right ;
    
    }

    .pieddroit
    {
    float: right;
    width: 30%;
    text-align: right;
    
   }

</style>
	
	
	
	
	
	
  </head>
  <body>
  
  <br>
  

<footer>


        <div class="piedgauche">******</div>
        <div class="pieddroit">Handscripted</div>

</footer>

</body>

</html>

    Merci d'avance


    Cdt
    Dernière modification par Antoane ; 12/05/2018 à 08h22. Motif: Suppression d'un pseudo, à la demande de l'auteur
    Ce que les entreprises jettent : Du matériel neuf
  10. 25/09/2016, 17h14 #9
    cherbe

    Re : [HTML]Texte center et right sur la même ligne

    Dans mon premier code, piedpage avait "bottom:1px"
    Il suffit d'augmenter cette valeur pour remonter l'ensemble.
    Pour avoir de l'argent devant soi, il faut en mettre de côté ! (proverbe lorrain)
  11. 25/09/2016, 17h33 #10
    JS7777

    Re : [HTML]Texte center et right sur la même ligne

    J'ai déjà essayé, cela ne marche pas
    Ce que les entreprises jettent : Du matériel neuf
  12. 25/09/2016, 18h42 #11
    cherbe

    Re : [HTML]Texte center et right sur la même ligne

    Ajoute une ou deux balises <BR> après ton texte
    Pour avoir de l'argent devant soi, il faut en mettre de côté ! (proverbe lorrain)
  13. 01/10/2016, 23h16 #12
    JS7777

    Re : [HTML]Texte center et right sur la même ligne

    Désolé pour le retard de la réponse, je n'étais pas chez moi.

    En ajoutant des balises cela fait le texte alors que j'aimerais le remonter.
    Ce que les entreprises jettent : Du matériel neuf
  14. 07/10/2016, 22h29 #13
    JS7777

    Re : [HTML]Texte center et right sur la même ligne

    Correction :

    En ajoutant des balises cela fait DESCENDRE le texte alors que j'aimerais le remonter.
    Ce que les entreprises jettent : Du matériel neuf
  15. 08/10/2016, 10h29 #14
    cherbe

    Re : [HTML]Texte center et right sur la même ligne

    Si les balises <BR> sont placées après le texte, celui-ci doit "remonter"
    As-tu placé une bordure à chaque DIV pour voir leur position et si il n'y a pas un problème de chevauchement ?
    Pour avoir de l'argent devant soi, il faut en mettre de côté ! (proverbe lorrain)
  16. 08/10/2016, 14h36 #15
    JS7777

    Re : [HTML]Texte center et right sur la même ligne

    J'ai mit 1 "<br>" avant le "</footer>"

    Le cadre noire était trop grand du coup j'ai dû modifier dans le style de "</footer>" "padding: 1.4em" (au lieu de 1.8em)

    Problème résolu

    Voilà le code pour ceux qui auront le même problème :

    Code HTML:
    <html>

<head>



    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Press+Start+2P">
    <style>
      body {
      font-family: 'Press Start 2P', cursive;
        font-size: 20px;
      }
    </style>


<style>
div.container {
    width: 100%;
    border: 1px solid gray;
}

header {
    padding: 1em;
    color: white;
    background-color: black;
    clear: left;
    text-align: center;
}

footer {
  padding: 1.4em ;
    color: white;
    background-color: black;
    bottom: 100px ;
}




.pieddepage
    {
	
	
    position:absolute;
      width:95%;
    background-color: Black;
    }

.piedgauche
    {
	
    float: left;
    width: 45%;
    text-align: right ;
    
    }

    .pieddroit
    {
    float: right;
    width: 30%;
    text-align: right;
    
   }

</style>
	
	
	
	
	
	
  </head>
  <body>
  
  <br>
  

<footer>


        <div class="piedgauche">TEXTE1</div>
        <div class="pieddroit">TEXTE2</div>
		<br>

</footer>

</body>

</html>
    Merci beaucoup pour ton aide

    Cdt
    Dernière modification par JS7777 ; 08/10/2016 à 14h37.
    Ce que les entreprises jettent : Du matériel neuf
  17. 08/10/2016, 16h00 #16
    cherbe

    Re : [HTML]Texte center et right sur la même ligne

    Citation Envoyé par JS7777 Voir le message
    J'ai mit 1 "<br>" avant le "</footer>"
    Il fallait le mettre à l'intérieur de la div
    Pour avoir de l'argent devant soi, il faut en mettre de côté ! (proverbe lorrain)
  18. 08/10/2016, 16h09 #17
    JS7777

    Re : [HTML]Texte center et right sur la même ligne

    Il fallait le mettre à l'intérieur de la div
    En le mettant dans la div cela fait descendre le texte
    Ce que les entreprises jettent : Du matériel neuf
« android studio | requête suppression doublons d'une table »

Discussions similaires

  1. [html] faire démarrer un <select> avec une ligne vide
    Par matthieu2 dans le forum Programmation et langages, Algorithmique
    Réponses: 1
    Dernier message: 15/07/2016, 11h05
  2. Comment mettre une page index.html en ligne ?
    Par vince6629 dans le forum Internet - Réseau - Sécurité générale
    Réponses: 4
    Dernier message: 31/10/2012, 15h55
  3. Comment mettre une page index.html en ligne ?
    Par vince6629 dans le forum Électronique
    Réponses: 1
    Dernier message: 28/10/2012, 14h22
  4. [HTML] Passer du texte en paramètre
    Par Lévesque dans le forum Logiciel - Software - Open Source
    Réponses: 1
    Dernier message: 07/10/2006, 02h17
  5. script shell texte en html
    Par macoupc dans le forum Logiciel - Software - Open Source
    Réponses: 15
    Dernier message: 29/10/2005, 19h24