Position du texte.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Position du texte.

Message par Invité Ven 22 Oct 2010 - 18:39

HEY! Very Happy

Voilà. J'ai fait une organisation par onglets sur mon forum. Le fond de mes onglets est d'une certaine hauteur & le texte reste centré en haut. J'aimerais qu'il soit centré en bas mais je ne sais pas comment faire. Je suis sûre que c'est pas bien compliqué mais étant pas très douée ... Razz

Mon CSS :

Code:
.text
{color: #FFFFFF;
cursor: pointer;}

#cat_Home,#cat_Ian,#cat_Carrière,#cat_Galerie,#cat_Vidéos,#cat_Flood,#cat_WWW
{padding-top:4px;}

.spoiler_content {display: block;}
.hidden .spoiler_content {display: none;}

.cat_forum
{background-color: #000000;
margin: auto;
width: 100%;}

.onglet
{display: inline-block;
margin-top: 20px;
text-decoration: none; !important
cursor: pointer;}

.onglet li
{float: left;
list-style-type: none;
text-decoration: none; !important
cursor: pointer;}

.onglet li:hover
{text-decoration: none; !important
cursor: pointer;}

.onglet li a
{display: block;
text-decoration: none; !important
list-style-type: none;
cursor: pointer;}

.onglet li a: hover
{text-decoration: none;
list-style-type: none;
cursor: pointer;}

.onglet_actif
{background-color : #FF0000;
width: 70px; /* Largeur de l'onglet */
height: 50px; /* Hauteur de l'onglet */
cursor: pointer;
text-align : center;
color: #ffffff;
padding: 5px;
margin: 1px;}

.onglet_nactif
{background-color : #FF0000;
width: 70px; /* Largeur de l'onglet */
height: 50px; /* Hauteur de l'onglet */
cursor: pointer;
text-align : center;
color: #000000;
padding: 5px;
margin: 1px;}

HTTP:// IAN FAN TEST


Dernière édition par Ian-Fan le Sam 30 Oct 2010 - 15:39, édité 1 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Invité Sam 23 Oct 2010 - 20:13

Je me permet un petit up. Very Happy
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Anzu Dim 24 Oct 2010 - 1:30


Bonsoir,

Code:
.onglet_actif
{background-color : #FF0000;
width: 70px; /* Largeur de l'onglet */
height: 50px; /* Hauteur de l'onglet */
cursor: pointer;
text-align : center;
color: #ffffff;
padding: 5px;
margin: 1px;}

.onglet_nactif
{background-color : #FF0000;
width: 70px; /* Largeur de l'onglet */
height: 50px; /* Hauteur de l'onglet */
cursor: pointer;
text-align : center;
color: #000000;
padding: 5px;
margin: 1px;}

Rajoutez pour les deux ceci =>

Code:
valign: bottom;

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Invité Dim 24 Oct 2010 - 11:47

HEY!

Merci beaucoup pour ta réponse. Mais le nom des onglets reste en haut ...
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Anzu Dim 24 Oct 2010 - 11:50

Essayez à la place de padding, ceci (pour les deux) =>

Code:
padding-bottom: 0px;

NB: 0px ou 1px

Au passage, ce serait possible d'avoir le lien du forum concerné ?

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Invité Dim 24 Oct 2010 - 22:10

Ca ne change toujours rien.
&& Le lien du forum est dans le premier post Razz
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Invité Jeu 28 Oct 2010 - 17:39

Je me permet un petit up Very Happy
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Anzu Jeu 28 Oct 2010 - 17:41

Bonjour,

Essayez ceci =>

Code:
.onglet_actif
{background-color : #FF0000;
width: 70px; /* Largeur de l'onglet */
padding-top: 20px;
cursor: pointer;
text-align : center;
color: #ffffff;
padding: 5px;
margin: 1px;}



Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Invité Jeu 28 Oct 2010 - 19:32

Marche toujours pas. Embarassed
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Anzu Jeu 28 Oct 2010 - 19:45

Augmentez la taille du padding. Car ca a fonctionné, le texte a quand même bougé vu qu'il est maintenant centré XD

Mettez 30 px par exemple ^^

Edit: Vous l'avez bien rajouté dans votre CSS ? Du moins modifié le style actuel par celui que je vous ai donné ? Car j'ai vérifié avec firebug et il n'y ait pas Rolling Eyes

Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Invité Sam 30 Oct 2010 - 15:18

Oui, j'ai modifié. Voici mon CSS en ce moment. Le texte reste centré en haut && j'aimerais qu'il soit en bas.

Code:
.onglet_actif
{background-color : #FF0000;
width: 70px; /* Largeur de l'onglet */
height: 50px; /* Hauteur de l'onglet */
padding-top: 40px;
cursor: pointer;
text-align : center;
color: #ffffff;
padding: 10px;
margin: 1px;}


.onglet_nactif
{background-color : #FF0000;
width: 70px; /* Largeur de l'onglet */
height: 50px; /* Hauteur de l'onglet */
padding-top: 40px;
cursor: pointer;
text-align : center;
color: #ffffff;
padding: 10px;
margin: 1px;}
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Anzu Sam 30 Oct 2010 - 15:32


Bonjour,

Enlevez le height pour les deux.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position du texte.

Message par Invité Sam 30 Oct 2010 - 15:38

Problème résolu. Merci Very Happy
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum