position du titre des sujets dans un forum

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

Résolu position du titre des sujets dans un forum

Message par Chimei le Mar 4 Oct 2011 - 14:25

Bonjour a tous

Voilà, j'ai utilisé un thème tout fait de hitskins, et je l'ai un peu modifié.
Mon problème est que lorsque je visualise les sujets d'un forum, le texte d'un sur 2 est décalé en hauteur, mais reprend ça place quand on passe la souris dessus, alors que je voudrais qu'ils soient tous a la même hauteur ( liens vers mon forum : http://mvp-s2.gamerzfun.com/)



La feuille des css modifié :
Spoiler:

table.bodylinewidth {
width:65%;
text-align: center;
}

body{

background-repeat:no-repeat;
background-color:#000000 ;
-moz-border-radius:5px;
background-position:center-top;
color:#333333 !important;
}


/************************* Do you believe in ghosts ? ^^' *************************/

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

/************************* I'm a sorcerer o/ *************************/

.forumline {
background-image:url('https://i22.servimg.com/u/f22/14/82/40/46/fond510.png');
-moz-border-radius:5px;
border: 0px #e5e5e5 solid;
}

td.rowpic, th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
-moz-border-radius:5px;
text-shadow: 0px 0px 1px #999999;
}

/************************* Trick or Treat ? Razz *************************/

a {
text-decoration: none !important;
color:#ce0004;
}
a:hover {
text-decoration: none !important;
color:#ce0004;
text-transform:uppercase;
}
a:active{
text-decoration: none !important;
color:#ce0004;
}

/************************* Trick AND Treat !! ^0^ *************************/
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

/************************* Welcome in HorrorLand ! è0é *************************/

.navigation {
text-align:center;
-moz-border-radius:15px;
background-color: transparent;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 2px solid #cccccc ;
border-right: 2px solid #cccccc ;
}
.navigation:hover {
background-image:url('https://i22.servimg.com/u/f22/14/82/40/46/fond510.png');
border-left: 3px solid #cccccc ;
border-right: 3px solid #cccccc ;
}


#chatbox_members ul li,
body.chatbox {
background-image:url('https://i22.servimg.com/u/f22/14/82/40/46/fond510.png');
-moz-border-radius:5px;
text-shadow: 0px 0px 1px #999999;
}

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}

.code, .quote, .spoiler_content, .spoiler_closed
{
border-top: 4px dashed #999999 ;
border-left: 2px solid #999999 ;
-moz-border-radius:5px;
background-image: url('https://i22.servimg.com/u/f22/14/82/40/46/fond10.png');
background-repeat: repeat-x;
background-color: #cccccc ;
width: 94%;
padding-top:5px;
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
margin-left:2%;
text-shadow: 0px 0px 1px #999999;
}

a.mainmenu {
padding-right:13px;
background-color: #000000;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
color : #ffffff;
}
a.mainmenu:hover{
color : #ffffff;
text-transform:none;
}


.defil_boite
{
overflow: scroll;
width: 240px;
height: 120px;

}


.miniprofil { text-align: center; }

a.forumlink {
border:1px solid #999999 ;
border-bottom:2px solid #999999 ;
-moz-border-radius:20px 20px 3px 3px;
color:#933a4a ;
display:block;
text-align:center;
text-shadow: #999999 1px 1px 1px;
}
a.forumlink:hover {
border:2px solid #999999 ;
border-bottom:2px solid #999999 ;
-moz-border-radius:20px 20px 3px 3px;
color:#ce0004;
display:block;
text-align:center;
text-shadow: #999999 1px 1px 1px;
}





/************************* Open the door, please... ♥ *************************/

a.infobulle {
text-align: center;
position: relative;
}

a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;

}
a.infobulle:hover span {
font-size:11px;
display: inline;
position: absolute;
white-space: nowrap;
top: 5px;
left: 15px;
background-image:url('https://i22.servimg.com/u/f22/14/82/40/46/fond210.png');
background-repeat: repeat-x;
background-color:#9d9d9d;
padding: 3px;
-moz-border-radius: 10px !important;
border:1px solid #9d9d9d;
}

/************************* Gimme some candy !! >w< *************************/
.vignette
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid #7f7f7f;
cursor:pointer;
color:#e5e5e5 !important;
-moz-border-radius-topleft: 10px !important; -moz-border-radius-topright: 10px !important;
}
.vignette_0
{
background:#7f7f7f;
border-bottom:1px solid #7f7f7f;
color:#e5e5e5!important;
}
.vignette_1
{
background:#e5e5e5;
border-bottom:0px solid #e5e5e5;
padding-bottom:4px;
color:#7f7f7f !important;
}
.contenu_vignette
{
-moz-border-radius: 30px;
background-color:#e5e5e5;
border-top:1px solid #7f7f7f;
margin-top:-1px;
padding:5px;
display:none;
}

/************************* Where are the candies ? *************************/
#fond {
background:url('https://i22.servimg.com/u/f22/14/82/40/46/pabien10.png') no-repeat top center;
position:relative;
}

#contenu {
position:relative;
margin-left:407px;
width:350px;
}

#fond2 {
background:url('https://i22.servimg.com/u/f22/14/82/40/46/staff11.png') no-repeat top center;
position:relative;
}

#contenu2 {
position:relative;
margin-left:42px;
width:200px;
}

#fond3 {
background:url('https://i22.servimg.com/u/f22/14/82/40/46/nouvea11.png') no-repeat top center;
position:relative;
}

#contenu3 {
position:relative;
margin-left:144px;
width:200px;
}

#contenu3bis {
position:relative;
margin-left:253px;
width:170px;
}
tr.post .row1{

background-color: #cccccc;

}

.row1.browse-arrows {

background-color: #cccccc;

}

.row1.messaging.gensmall {

background-color: #cccccc;

}


Fichiers joints
Sans titre.png Image pour justifier mon problème :Vous n'avez pas la permission de télécharger les fichiers joints.(70 Ko) Téléchargé 1 fois

Chimei
Nouveau membre

Messages : 3
Inscrit(e) le : 05/05/2010

http://lgls7.jtkc.org/forum.htm
Chimei a été remercié(e) par l'auteur de ce sujet.

Résolu Re: position du titre des sujets dans un forum

Message par Final-Blonde le Mar 4 Oct 2011 - 18:14

Bonsoir Chimei,

A mon avis c'est dû à cette ligne dans le CSS :
a:hover {
text-decoration: none !important;
color:#ce0004;
text-transform:uppercase;
}
Ou bien à celles-ci qui ont 1 pixel de plus que sans le hover :
.navigation:hover {
background-image:url('https://i22.servimg.com/u/f22/14/82/40/46/fond510.png');
border-left: 3px solid #cccccc ;
border-right: 3px solid #cccccc ;

}

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: position du titre des sujets dans un forum

Message par Chimei le Mar 4 Oct 2011 - 18:35

Merci pour ta réponse, mais ça ne change rien,

text-transform:uppercase; sert a passé le titre en majuscule quand on passe la sourie dessus

Et pour
border-left: 3px solid #cccccc ;
border-right: 3px solid #cccccc ;

il semble que se soit l'épaisseur des traits autour des titres forum

Par contre j'ai essayé de retirer ceci pour voir :
Spoiler:
.postbody, td.row1 span.gensmall{
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}

et là plus de décalage, par contre du coup le texte dans les messages deviens centré en permanence, tout comme le Qeel, et ça ça me gène

Chimei
Nouveau membre

Messages : 3
Inscrit(e) le : 05/05/2010

http://lgls7.jtkc.org/forum.htm
Chimei a été remercié(e) par l'auteur de ce sujet.

Résolu Re: position du titre des sujets dans un forum

Message par Chimei le Mar 4 Oct 2011 - 18:58

J'ai réussis, j'ai enlevé :

Spoiler:
.postbody, td.row1 span.gensmall{
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}

Et pour le problème de centrage des textes dans les messages et dans le Qeel, j'ai supprimé :

Spoiler:
text-align:center;
tout en haut des css.

Ensuite il ne me restait plus qu'a centrer tous les messages qui accompagne les titres des forums

Merci a tout ceux qui ont essayé de m'aider

Chimei
Nouveau membre

Messages : 3
Inscrit(e) le : 05/05/2010

http://lgls7.jtkc.org/forum.htm
Chimei a été remercié(e) par l'auteur de ce sujet.

Résolu Re: position du titre des sujets dans un forum

Message par Final-Blonde le Mar 4 Oct 2011 - 19:04

Justement, le fait que ça rende le texte en majuscule par le hover, décale l'alignement.

Quant à ton dernier code, il me fait sauter les cellules des titres des sujets par le hover (ce qui est arrangé en supprimant la ligne du "display: block;") ,mais ne centre pas mon QEEL ni mes messages, je ne le vois pas non plus chez toi...
Tout ce que ça fait c'est le text-shadow.

D'autre part, avec l'identifiant .postbody tu touches aux posts comme son nom l'indique.
Et span.gensmall se retrouve presque partout sur le forum.

Essaie avec juste avec le td.row1 {
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}


EDIT : Ah et bien voilà ! Mr. Green

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde 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