Position du texte.

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

Résolu Position du texte.

Message par Invité le 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

Invité
Invité


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

Résolu Re: Position du texte.

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

Je me permet un petit up. Very Happy

Invité
Invité


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

Résolu Re: Position du texte.

Message par Anzu le 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
+ Hyperactif +

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

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

Résolu Re: Position du texte.

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

HEY!

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

Invité
Invité


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

Résolu Re: Position du texte.

Message par Anzu le 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
+ Hyperactif +

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

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

Résolu Re: Position du texte.

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

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

Invité
Invité


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

Résolu Re: Position du texte.

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

Je me permet un petit up Very Happy

Invité
Invité


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

Résolu Re: Position du texte.

Message par Anzu le 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
+ Hyperactif +

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

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

Résolu Re: Position du texte.

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

Marche toujours pas. Embarassed

Invité
Invité


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

Résolu Re: Position du texte.

Message par Anzu le 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
+ Hyperactif +

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

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

Résolu Re: Position du texte.

Message par Invité le 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;}

Invité
Invité


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

Résolu Re: Position du texte.

Message par Anzu le Sam 30 Oct 2010 - 15:32


Bonjour,

Enlevez le height pour les deux.

Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Position du texte.

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

Problème résolu. Merci Very Happy

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


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