HTML : aligner à gauche et à droite sur la même ligne ?

HTML : aligner à gauche et à droite sur la même ligne ? - HTML/CSS - Programmation

Marsh Posté le 22-04-2004 à 17:45:23    

Hello [:dawa]
 
Avant tout, petite précision : je suis une quiche en chteumeuleu.  
Mais armé de frontpage et dreamweaver, je m'essaye à une page de base, sur laquelle je ne demande pas grand chose, juste de pouvoir aligner un lien à gauche, sur une ligne, et un autre à droite, sur la même ligne.  
bah j'y arrive pas [:ula]
 
voila le "code" :

Code :
  1. <p align="left"><a href="http://192.168.30.201:4400">Admin Proxy+</a></p><p align="right"><font face="Times New Roman"><a href="file:///C:/Documents%20and%20Settings/gloubi/Mes%20documents/Mes%20sites%20Web/index_tickets.htm">TICKETS</a></font></p>


 
Ben avec ça, je me retrouve sur deux lignes.  
Y'a un truc que je ne sais pas faire ... Mais quoi ? :(
 
Merci :jap:  
 


---------------
-
Reply

Marsh Posté le 22-04-2004 à 17:45:23   

Reply

Marsh Posté le 22-04-2004 à 17:52:09    

P est un élément de type bloc, ce qui implique un saut de ligne à la fin du bloc, d'où un fonctionnement sur deux lignes.
 
Pour ton probleme, plusieurs solutions, faire un tableau ( pas beau mais rapide) ou alors t'essayer au positionnement css
 
Bon courage

Reply

Marsh Posté le 22-04-2004 à 17:52:18    

bonjour
 
on va y aller petit a petit si tu ne connais pas le HTML alors...
 
<p>...</p> délimite un paragraphe.
Le fait d'avoir 2 fois ces délimiteurs provoque donc 2 lignes différentes...
ensuite, comment ferais-tu pour qu'une ligne soit à la fois alignée à gauche et à droite ?
 
avec Word, tu ferais un justifié par exemple, avec des tabulations entre tes 2 morceaux de textes??
 
EDIT: grillé pour le <p>
j'aime bien l'idée du tableau... avec la taille en points pour pas que ça bouge en fonction du redimensionnement de la fenêtre, cela me parait une bonne idée


Message édité par dalcap le 22-04-2004 à 17:53:28
Reply

Marsh Posté le 22-04-2004 à 18:12:56    

lord ii a écrit :

P est un élément de type bloc, ce qui implique un saut de ligne à la fin du bloc, d'où un fonctionnement sur deux lignes.
 
Pour ton probleme, plusieurs solutions, faire un tableau ( pas beau mais rapide) ou alors t'essayer au positionnement css
 
Bon courage


 
Oooooooooooooooooooooki :) :jap:  
 
Comment on fait ? ( en gros, pour le détail, je ferais mes recherches )
 
 
Merci bicou bicou :jap:


---------------
-
Reply

Marsh Posté le 22-04-2004 à 18:13:38    

dalcap a écrit :

bonjour
 
on va y aller petit a petit si tu ne connais pas le HTML alors...
 
<p>...</p> délimite un paragraphe.
Le fait d'avoir 2 fois ces délimiteurs provoque donc 2 lignes différentes...
ensuite, comment ferais-tu pour qu'une ligne soit à la fois alignée à gauche et à droite ?
 
avec Word, tu ferais un justifié par exemple, avec des tabulations entre tes 2 morceaux de textes??
 
EDIT: grillé pour le <p>
j'aime bien l'idée du tableau... avec la taille en points pour pas que ça bouge en fonction du redimensionnement de la fenêtre, cela me parait une bonne idée


 
Merci à toi z'aussi :)  
 
Et le tableau, tu le "fabriques" comment ? :)


---------------
-
Reply

Marsh Posté le 22-04-2004 à 18:21:50    

gloubiboulga a écrit :

Merci à toi z'aussi :)  
 
Et le tableau, tu le "fabriques" comment ? :)


 
heu,
 
bah avec dreamweaver, tu as un outil tableau, sinon, en code cela pourrait donner cela
 

Code :
  1. <TABLE BORDER="0">
  2.   <TR>
  3.     <TD align="left" WIDTH="80"><a href="http://192.168.30.201:4400">Admin Proxy+</a></TD>
  4.     <TD>&nbsp;</TD>
  5.     <TD align="right" WIDTH="80"> <font face="Times New Roman"> <a href="file:///C:/.../index_tickets.htm">TICKETS</a></font></TD>
  6.   </TR>
  7. </TABLE>


 
à toi d'adapter les tailles des 3 cellules (la largeur de celle du milieu n'est pas précisée volontairement)


Message édité par dalcap le 22-04-2004 à 18:23:38
Reply

Marsh Posté le 22-04-2004 à 19:12:51    

[:super chinois]


---------------
-
Reply

Marsh Posté le 24-04-2004 à 04:09:12    

Voici une solution en xhtml/css qui évite l'utilisation impropre des tableaux dans ton cas :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <style type="text/css">
  7. <!--
  8. .gauche {float: left}
  9. .droite {text-align: right}
  10. -->
  11. </style>
  12. </head>
  13. <body>
  14. <div class="droite">
  15. <p class="gauche"><a href="http://192.168.30.201:4400">Admin Proxy+</a></p>
  16. <p><a href="file:///C:/Documents%20and%20Settings/gloubi/Mes%20documents/Mes%20sites%20Web/index_tickets.htm">TICKETS</a></p>
  17. </div>
  18. </body>
  19. </html>


Message édité par sibelius le 24-04-2004 à 04:10:21

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed