[css] centrer/ aligner

Bonjour,

comment contrer ou sinon aligner un bloc par raport a un autre

www.cfg-serv.c.la j'essaye sans résultat d'aligner le texte avec le header :

merci d'avance ;)
--

team-c4.fr :)
Configuration: Windows XP
Firefox 2.0.0.9

90 réponses

  • Votes
  • Date
  • Date décroissante
Résumé de la discussion

La problématique centrale consiste à aligner un bloc de texte avec l'en-tête en utilisant le CSS, en explorant les stratégies de largeur, marge et positionnement pour obtenir un centrage fiable. Des propositions recommandent d'appliquer le centrage via #texte { width: 700px; margin: auto; }, d'éviter les conflits entre float et position absolue, et de tester avec des validateurs HTML et CSS. D'autres interventions suggèrent l'usage d'un footer avec clear:both et d'un arrangement de listes pour stabiliser le rendu tout en évitant des marges inattendues et des décalages entre blocs. En cas de bogues persistants, il peut être utile de vérifier les choix de positionnement (absolute vs relative) et de privilégier des solutions avec margin auto sur le conteneur.

Bobot (l’IA à votre service)
  1. Oui, ce serais plus sympa, faire un bbcode pour le forum webmastering (qui ne soit visible que sur les forum webmastering :) )

    ça pourrais attirer le monde, et simplifier l'aide, et surtout, c'est rapide a mettre en place ;)
    1. Contributeur
      oula, vieux serpent mer que tu chevauches là !

      tu peux toujours le suggérer mais ça risque d'en rester là.
  2. Contributeur
    salut,

    pour le BBCode je vois pas ce que tu veux dire.

    tu veux une coloration syntaxique ?

    + MP
    1. :'( réponds :p

      (juste pour l'anecdote : Je dévellope en php/sql et je maitrise assez bien le xHTML/CSS sauf si des fois, j'ai des moments de panique :D ), je te remercie encore dalida :D
      1. Contributeur
        salut,

        j'ai pas suivi ton histoire de BBCode (faut dire que j'ai pas relu le fil…), tu attends toujours une réponse ?
        -:o)
    2. Une question tantqu'a faire la cacher =), pourquoi ne pas mettre un BBCode qui colore les code html/css/php/sql/...?
      1. Re tout le monde, envie de vous en remercier pour cette aide =) depuis, me suis mis au css/html et php/sql =)
        donc plus de problème ;=)

        merci a vous pour cette aide ;)
        1. Contributeur
          salut,

          ah c'est une bonne nouvelle ça !
          tu vas pouvoir aider avec nous alors !!!
          -;o)

          bon courage pour la suite
      2. pour le xhtml ca donne Sorry! This document can not be checked.
        No Referer header found!

        et un truc du genre pour le css :S
        1. oki oula mais klik sur les 2truc en bas et le lien est hs on dirait
          1. Contributeur
            comment ça bad ?!
            lol

            les liens fonctionnent…

            si tu veux qu'il soient alignés sur le texte il faut mettre le même 'padding' à 'div#footer' qu'à 'div#text" et si tu veux que ça ressemble à autre chose il faut mettre la main à la pâte !!!
            -:oD

            pour te former vite et bien à CSS, il n'y a pas mieux qu'AlsacréationS.
            en connaissant un peu les bases tu feras ce que tu veux (ou presque) de ta page.
            1. Contributeur
              et ben ?! tout est ok, non ?
              reste plus qu'à ajouter le JS…
              1. Contributeur
                il faut refermer le deuxième paragraphe avant de mettre la deuxième signature :
                #  <p>Bonjour,<br />
                # Je suis heureux de vous accueillir sur le site de #cfg-serv, aide à la configuration de serveurs cs/cz.
                # Le site est encore en cours de réalisation, mais le forum est ouvert!<br />
                # Pour toutes vos questions, vos sugestions ou autre à propos de #cfg-serv, merci de vous adresser à IgiX soit via le forum (messages privés),
                # où sinon par email : igix@laposte.net</p>
                # <p class="signature">IgiX</p>

                et la signature tu peux la décaler un tout petit peu à gauche…
                div#texte p.signature
                {
                text-align:right;
                padding-left:20px;
                }
                • 1
                • 2
                • 3
                • 4
                • 5