Résolu Aligner horizontalement et verticalement une liste ?

[1899]

Bonsoir à tous,

Bien qu'étant ancien animateur programmation sur RG, cela fait tout de même longtemps que je n'ai pas programmé quelque chose et je sollicite votre aide pour centrer horizontalement et verticalement une liste d'information de contact par exemple ?

Pour les plus curieux d'entre vous, avec mon lycée je participe au concours ITER ROBOTS 2017 (qui se déroule le 23 mai) et j'ai pour tâche de développer un site web sur le thème d'ITER

Voici à quoi ressemble ma page :

You must be registered for see images attach

Et voici le code :

                <div class="contact">
                        <div class="contact1">
                            <h3 class="title">Adresse postale: ITER ORGANIZATION</h3><br>
                            <p>ITER Organization Headquarters<br>Bâtiment / bureau / département / division<br>Route de Vinon-sur-Verdon,<br>CS 90 046 13067 St. Paul-lez-Durance (France)</p>
                            <p class="tel">+33 4 42 17 68 88</p>
                        </div>
                        <div class="contact1">
                            <h3 class="title">Communication d'ITER</h3><br>
                            <p>Laban Coblentz<br>Directeur de communication</p>
                            <p class="tel">+33 4 42 17 66 12</p>
                            <p class="mail">[email protected]</p>
                        </div>
                        <div class="contact1">
                            <h3 class="title"> Bureau du directeur Général</h3><br>
                            <p>Bernard Bigot<br>Directeur General</p>
                            <p class="tel">+33 4 42 17 80 04</p>
                            <p class="mail">[email protected]</p>
                        </div>
                        <div class="contact1">
                            <h3 class="title">Sécurité et environnement</h3><br>
                            <p>Joelle Elbez-Uzan<br>directeur division SQS</p>
                            <p class="tel">+33 4 42 17 68 02</p>
                            <p class="mail">[email protected]</p>
                        </div>
                        <div class="contact1">
                            <h3 class="title">Ressources Humaines</h3><br>
                            <p>Eric Welch</p>
                            <p class="tel">+33 4 42 17 81 39</p>
                            <p class="mail">[email protected]</p>
                        </div>
                        <div class="contact1">
                            <h3 class="title">Appels d'offres et contrats</h3><br>
                            <p>Francoise Flament<br>directrice division contrats</p>
                            <p class="tel">+33 4 42 17 80 07</p>
                            <p class="mail">[email protected]</p>                           
                        </div>
                        <div class="contact1">
                            <h3 class="title">Comptabilité et trésorerie</h3><br>
                            <p>Francoise Flament<br>directrice division contrats</p>
                            <p class="tel">+33 4 42 17 80 07</p>
                            <p class="mail">[email protected]</p>                           
                        </div>
                        <div class="contact1">
                            <h3 class="title">Appels d'offres et contrats</h3><br>
                            <p>Lionel Rigaux<br>Accounting,Treasury & Systems Section<br>Leader</p>
                            <p class="tel">+33 4 42 17 61 69</p>
                            <p class="mail">[email protected]</p>                           
                        </div>
                        <div class="contact1">
                            <h3 class="title">Départements techniques</h3><br>
                            <p>Gyung-Su LEE<br>DDG Chief Operating Officer</p>
                            <p class="tel">+33 4 42 17 67 02</p>
                            <p class="mail">[email protected]</p>                           
                        </div>

                </div>

Merci pour votre aide

 

[Mathieu ?]

Personnelement j'aurais utiliser un systeme de tableaux <td> etc Je pense que le rendue seras ce que tu veut ^^'

Sinon regarde le footer RG c'est dans le meme style

 

[Paul GTP]

Effectivement, je pense que la solution des tableaux est excellente dans le sens ou tout est déjà parfaitement aligné verticalement et horizontalement
Ancien animateur de programmation ouais, même pas capable de poster dans la bonne catégorie, stupid VIP (c'est signalé https://reality-gaming.fr/forums/questions-aides-et-recherches.809/ )

Bonne fin de soirée,
Paul GTP

 

[BEK.]

Ta discussion se trouvait dans la mauvaise section , je l'ai donc déplacée dans la bonne section .