Une phrase ne veut pas s'aligner dans un div.

Une phrase ne veut pas s'aligner dans un div. - HTML/CSS - Programmation

Marsh Posté le 06-11-2005 à 13:06:06    

Bonjours, j'ai un problème :
 
Je n'arrive pas à aligner une ligne sur la droite avec les css :
 
J'ai dans la feuille de style :  
 

Citation :

g.alggauche {text-align:left}
d.algdroite {text-align:right}


 
Et la phrase que je veux aligner avec la balise d est dans un div.
 
Malheureusement elle reste aligné sur la gauche.
 
Que ce passe t'il ?
 
Merci d'avance pour les réponses.
 

Reply

Marsh Posté le 06-11-2005 à 13:06:06   

Reply

Marsh Posté le 07-11-2005 à 11:52:09    

Salut,  
c'est quoi le code de la page ?


---------------
Mon Topic de Vente Hardware
Reply

Marsh Posté le 07-11-2005 à 17:40:09    

Citation :

<div id="blogposttitre">
<link href="div/stylelien.css" rel="stylesheet" type="text/css" />
 <g classe="alggauche"><a href="index.php?contenu=blog&post#<? echo $id ?>">[-]&nbsp;&nbsp;Titre&nbsp;:&nbsp;<? echo $titre; ?></a></g><d classe="algdroite">Posté le&nbsp;:&nbsp;<? echo date('d/m/Y à H\hi', $timestamp); ?></d>
 
</div>


 
J'ai tenté divers méthodes, mais y'a que le <p align> qui fonctionne, mais il ne me convient pas avec son retour à la ligne.

Reply

Marsh Posté le 07-11-2005 à 17:47:19    

Attention, pour commencer, <link> ne se place que dans le <head> du document et pas en plein dans les éléments du <body> :(
 
Ensuite, vu que les éléments <a> n'ont aucune largeur, ils se contentent d'adopter la largeur du texte qu'ils contiennent. Donc cela ne sert à rien d'aligner ce texte... dans un éléments qui a la même largeur que ce texte !
 
Si tu veux un lien à gauche et un lien à droite dans un div, je propose :
- un text-align : right sur le div (et donc son contenu)
- un float : left sur le lien qui devra être à gauche


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

Marsh Posté le 07-11-2005 à 18:58:14    

Avec  float la partie qui doit aller à gauche disparait quelque part dans le fond de la page.  :(

Reply

Marsh Posté le 10-11-2005 à 08:02:38    

Rien à faire, j'ai vraiment tout essayé avec les div.
 
Je vais devoir utilisé un tableau  :sweat:

Reply

Marsh Posté le 10-11-2005 à 11:30:59    

Euh les balises <g> et <d> n'existent pas. Tu ne peux pas "inventer" des balises
Je reviens avec un exemple de code...


Message édité par sibelius le 10-11-2005 à 11:32:04

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

Marsh Posté le 10-11-2005 à 11:34:34    

Vala :
 

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. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title></title>
  6. <style type="text/css">
  7. p {
  8. text-align: right;
  9. }
  10. p a {
  11. float: left;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <p>
  17. <a href="*">lien à gauche</a>
  18. texte à droite
  19. </p>
  20. </body>
  21. </html>


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

Marsh Posté le 10-11-2005 à 11:40:04    

SIBELIUS > le xhtml est du xml, donc on peut trés bien inventer ses propres balises. Elles seront juste sans aucun effet dans les navigateurs sauf si on définis l'intégralité de leur style par les css et même alors rien ne dit que la balise sera traité.
De toute maniére, là où je te rejoins, même si c'est autorisé par la norme, c'est une trés trés mauvaise façon de faire quand on veut simplement afficher la page dans un navigateur. Ca ne peut avoir  d'intéré que si c'est traité par un progiciel ou un autre programme fait exprés pour traiter ces balises là.
 
EDIT : J'avais pas fait gaffe que c'était toi qui avait montré du xhtml et pas Siron. C'est vrai que si Siron fait de html il n'a pas le droit d'inventer de nouvelles balises.

Message cité 1 fois
Message édité par omega2 le 10-11-2005 à 11:44:39
Reply

Marsh Posté le 10-11-2005 à 11:49:48    

omega2 a écrit :

SIBELIUS > le xhtml est du xml, donc on peut trés bien inventer ses propres balises.


Euh oui mais à condition de faire sa propre DTD et de ne pas déclarer le document en "text/html", ce qui n'est pas le cas ici.
De toute façon, 99% des sites soi-disant XHTML actuels (dont Alsa et le site du W3C) ne sont en fait que du HTML.


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

Marsh Posté le 10-11-2005 à 11:49:48   

Reply

Marsh Posté le 10-11-2005 à 11:53:14    

Celà est vrai.

Reply

Marsh Posté le 10-11-2005 à 13:47:56    

Mais la phrase à afficher est dans une boucle php de div, et avec le float right pour la partie qui doit aller à droite ça déconne completement, du genre les partie de droite se positionnent dans le fond de la page à 10000 km de leur lieu initial.
J'ai même essayé avec 2 div (une pour chaque moitié), mais rien n'y fait, ça n'a pas le comportement que ça devrait avoir, à mon avis c'est la boucle qui perturbe le tout.
 
Je vais donc tenter un tableau.

Reply

Marsh Posté le 10-11-2005 à 13:55:07    

Tes div flotant, ils sont placé où par rapport au reste du texte? Je parle dans le code source, pas au niveau affichage.

Reply

Marsh Posté le 10-11-2005 à 13:55:33    

Ben tu as essayé mon code ? Il n'y a pas de float right, et il peut très bien s'appliquer à des codes php


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

Marsh Posté le 10-11-2005 à 14:00:27    

Mais dans ton code je peux créer une balise au lieu d'utilisé p ?
Parceque p va me créer un interligne.
 
Omega2, c'est un peu compliqué de te répondre, j'ai beaucoup de div dans la page, et y'en a peu qui sont flotant,  le div qui contient la phrase est le plus petit de la page, donc lui même ne possède pas d'autre div.

Reply

Marsh Posté le 10-11-2005 à 14:04:11    

Citation :

Mais dans ton code je peux créer une balise au lieu d'utilisé p ?


Je le répète, tu ne peux pas créer de balises en HTML ou en pseudo-XHTML.
Tu dois utiliser une balise existante dans la DTD.
Ici, puisque c'est un paragraphe, <p> me semble la plus appropriée.
Au pire, tu peux utiliser un bloc neutre <div>
 

Citation :

Parceque p va me créer un interligne.

Sauf si tu supprimes les marges par défaut.
Il faut utiliser les balises selon leur fonction et non leur aspect par défaut.
Les CSS sont fait pour modifier les aspects par défaut à ta guise. Ici un simple margin: 0 sur p fera l'affaire.


---------------
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