La position du titre du forum

[likiki]

Bonjour,

J'ai cherché mais pas trouvé.

Voici mon souci :

J'ai l'image de mon forum soit a droite ou a gauche. Je voudrais que le titre du forum ainsi que sa description soit centré dans le sens vertical et horizontal dans la zone restant libre.

Est-ce possible ?

Si oui comment.

D'avance merci.

  

[likiki]

up ?

[AenigmA]

Bonjour,
Tu peux essayer ceci dans ton css

#site-title, #site-title h1 {
padding-top: 110px;
}
#logo {
float: left;
}

[likiki]

Merci, je ne connais pas grand chose (voir rien du tout) en CSS, mais je vais essayer ça.

  

Édition du message :

Avec ce CSS, j'obtient :

le logo (image) a gauche, en haut

Le titre (texte) a droite en bas

Cela est bon mais je souhaiterais que les deux soit centré horizontalement.

Le lien du Forum ==> http://passionnement.forumactif.org

  

[AenigmA]

Il faudrait toucher aux templates pour une solution correcte et je me le sens pas, désolé.

Tu a deux bannières de tailles différentes, ça n'arrange rien, avec le forum en %.

Mets ceci à la place ce que je t'ai dit au dessus, ça sera mieux déjà

#site-title, #site-title h1 {
padding-top: 46px;
padding-right: 50px;
position: relative;
}


#logo-desc p {
color: #d31141;
margin: 0;
padding: 0 63px 0 0;
}


#logo {
float: left;
}

J'espère que quelqu'un trouvera mieux

[likiki]

Je viens d'essayer, cool.

Ca fonctionne.

Merci beaucoup "AenigmA"

Pourrait tu avoir la gentillesse de m'expliquer le fonctionnement de ton code ligne par ligne ?

Histoire de comprendre ce qui ce fait.   

[AenigmA]

J'ai séparé un peu le code au dessus.
1 - Le block des 2 lignes est à 46px du haut et 50px de la droite (tu peux mettre 36px au lieu de 46px du haut vu le changement de taille du titre, ne touche pas au 50 pour ceux qui ont des petits écrans)
2 - La deuxième ligne est déplacée de 63px de la droite (pour être à peu centrée avec le titre). Pas besoin de la descendre car elle est liée à l'autre vu la conception, elle est donc descendue aussi.
3 - Le float left sert à mettre le logo à gauche (left)

Pense à mettre en résolu sur ton premier message en l'éditant

[likiki]

Merci pour toutes ses explications.