Arranger les décalages.

2 participants

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

Résolu Arranger les décalages.

Message par Kiowa Ven 5 Aoû 2011 - 2:14

Bonjour, alors voilà j'ai fait un thème pour un forum qui et j'ai quelques problème technique tout particulièrement au niveau d'espacement et de décalage de d,autre partie.

Le forum en question est celui-ci: http://vampireknight-1.forum-actif.net/

1) Vous verrez en premier lieu le décalage entre les deux ligne "Dernière visite le Jeu 4 Aoû - 17:37
La date/heure actuelle est Jeu 4 Aoû - 19:57" J'aimerais notamment que la date/heure[...] se retrouve aligné avec Dernière[...] et donc aligné par la gauche. ainsi que la partie qui se trouve en bas du forum que vous retrouverez sur l'image devrait être tous aligné par la droite.

Arranger les décalages.  Alignement1

2) Le second problème viens des liens de sous-forum, qui ont un espacement entre eux, chose qui n'a pas lieu d'être. Voici le visuel:

Arranger les décalages.  Sousfow

3) Ensuite, au niveau de la tchatbox, comme tout mon forum est à 95% de leur espace, la CB elle non et déborde, et de toute évidence j'essaie mais n'arrive pas changer le 100% par 95%. ..

Arranger les décalages.  Reduction95

4) et finalement l'espacement entre les liens de forum lorsque nous sommes dans un forum:

Arranger les décalages.  Espaceindsirer

alors voici mon css en cours:

Code:
/***************MISE EN PAGE ET HEADER***************/

body {
background-attachment: scroll;
background-color: #000000;
background-image: url(http://img829.imageshack.us/img829/8708/headercws.png);
background-repeat: no-repeat;
background-position: center top;
}

.gensmall {
padding-left:22px;
padding-right:10px;
}
.espace_bodyline {
height:87px
}

.bodyline {
width: 840px;
background-color:#172d3f;
background-image: url(http://img3.imageshack.us/img3/8728/fondbodyline.png);
position:absolute;
z-index:auto;

}

.bodylinewidth {
width: 860px;
}

.menu {
padding-top:153px;
}

.news_mess {
width:200px;
padding-top: 55px;
font-size:9px;
margin-left: 35px;
}

.the_news {
width:490px;
padding-left:65px;
padding-top: 50px;
font-size:10px;
text-align:top;
text-align:center;

}
.block_3 {
width:250px;
padding-left:90px;
padding-bottom:5px;
font-size:7px;
text-align:center;
}

a.mainmenu img {
display:none;
}

.forumline {
margin:auto;
border:1px solid #000;
}

.nav {
padding-left:25px
}

.nav_2 {
clear: both;
padding-left:5px
}

a {
text-decoration: none !important;
outline: none;
}

a:hover {
text-decoration: none !important;
}

.cat
{
background-color: #000;
background-image: url(http://img715.imageshack.us/img715/1323/catimg.png);
background-repeat: no-repeat !important;
width: 820px;
height: 20px;
}


#footer_img {

background-image: url(http://img217.imageshack.us/img217/615/footercvj.png);
background-repeat: no-repeat;
background-position: center bottom;
height:125px;
}

.partenaire {
padding-top:45px;
width:1150px;
margin:auto;
}

.postdetails.poster-profile a img{
background-color:#172d3f;
border: 3px solid #000; /*La bordure*/
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-box-shadow: 0px 3px 3px black;
margin-top: -25px;

}

.rang {
position:relative;
z-index: 1;
}

.mystats_fa{
padding: 3px;
float:right;
font-family: verdana;
font-size: 10px;
font-weight: bold;
}

/***************AUTRES***************/

.attention {
background-color:#00231f;
border: 1px #B2C62B solid;
-moz-border-radius : 5px 5px 5px 5px;
height:90px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:11px;
color:#B2C62B;
text-align:center-justify;
margin:auto;
text-decoration: none !important;
-moz-border-radius: 15px; /* Bordure Arrondie de 15px */
-webkit-border-radius: 15px; /* Bordure Arrondie de 15px IE */
border-radius: 15px; /* Bordure Arrondie de 15px */
box-shadow: 0 0 5px #000000; /* Ombre Portée */
-moz-box-shadow: 0 0 5px #000000; /* Ombre Portée */
-webkit-box-shadow: 0 0 5px #000000; /* Ombre Portée IE */}

.forumline {
background-color:#172d3f;
-moz-border-radius: 15px; /* Bordure Arrondie de 15px */
-webkit-border-radius: 15px; /* Bordure Arrondie de 15px IE */
border-radius: 15px; /* Bordure Arrondie de 15px */
box-shadow: 0 0 5px #000000; /* Ombre Portée */
-moz-box-shadow: 0 0 5px #000000; /* Ombre Portée */
-webkit-box-shadow: 0 0 5px #000000; /* Ombre Portée IE */
padding: 3px; /* 3px entre le texte et le contour */
}

th { /* Laissez tel quel */
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
padding: 3px;
margin: 9px !important;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { /* Laissez tel quel */
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
padding: -3px;
}

.row1,.forumline .row2,.forumline .row3,.forumline .row3Right { /* Laissez tel quel */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 8px;
box-shadow: 0 0 2px #000000;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
margin-top: 9px !important;
}

/***************PROPRIÉTÉS CSS DES STATS (WIO)***************/
.statistiques {
width:70%;
margin:auto;
border: solid #000 2px;
background-color:#172d3f;
-moz-border-radius: 15px; /* Bordure Arrondie de 15px */
-webkit-border-radius: 15px; /* Bordure Arrondie de 15px IE */
border-radius: 15px; /* Bordure Arrondie de 15px */
box-shadow: 0 0 5px #000000; /* Ombre Portée */
-moz-box-shadow: 0 0 5px #000000; /* Ombre Portée */
-webkit-box-shadow: 0 0 5px #000000; /* Ombre Portée IE */
padding: 3px; /* 3px entre le texte et le contour */}

.groupes{
background-color:#0e1d27;
border: 1px #000 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}

/***************FICHE 2011***************/
.mep_tinfos {
   background-color:#172d3f;
   color:#B2C62B;
   border-right: 5px solid #000;
   border-Left: 5px solid #000;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   font-size: 14px;
   text-align:center;
   margin-bottom: 5px;
   padding:1px;
   font-variant: small-caps;
   letter-spacing: 2px;
   -moz-border-radius: 0px 0px 14px 14px ;
   text-shadow: 0px 0px 3px black;
font-weight: bold;
}
.mep_tinfos1 {
   background-color:#172d3f;
   color:#B2C62B;
   border-right: 5px solid #000;
   border-Left: 5px solid #000;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   font-size: 12px;
   text-align:center;
   margin-bottom: 1px;
   padding:1px;
   font-variant: small-caps;
   -moz-border-radius: 14px 14px 0px 0px;
   font-weight: bold;
   text-shadow: 0px 0px 3px black;
}

.mep_tinfos2 {
   background-color:#172d3f;
   color:#B2C62B;
   border-right: 5px solid #000;
   border-Left: 5px solid #000;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   font-size: 11px;
   text-align:center;
   margin-bottom: 5px;
   padding:1px;
   font-style: italic;
   -moz-border-radius: 0px 0px 14px 14px ;
}

.mep_timg {
}

.mep_tuto {
}

.mep_sinfos {
   background-color:#172d3f;
   color:#B2C62B;
   border-right: 5px solid #000;
   border-Left: 5px solid #000;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   font-size: 12px;
   margin-bottom: 1px;
   padding:1px;
   padding-left:25px;
   font-variant: small-caps;
   -moz-border-radius: 14px 14px 0px 0px;
   font-weight: bold;
   text-shadow: 0px 0px 3px black;
}

.mep_sinfos2 {
   background-color:#172d3f;
   color:#B2C62B;
   border-right: 5px solid #000;
   border-Left: 5px solid #000;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   font-size: 11px;
   text-align:justify;
   margin-bottom: 5px;
   padding:1px;
   font-style: italic;
   -moz-border-radius: 0px 0px 14px 14px ;
}

Si vous avez besoin des templates modifier, suffit de le dire. Merci"!!!!

Kiowa

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arranger les décalages.

Message par Ea Ven 5 Aoû 2011 - 2:53

Bonjour,


1 : faut être connecté je ne vois pas.

2 : il y a dans le CSS :

Code:
.gensmall {
padding-left: 22px;
padding-right: 10px;
}
Ces liens étant de code <a class="gensmall">nom du sous-forum</a> ils se reçoivent la propriété et ont une marge intérieur à droite de 10px et à gauche de 22px.

1 bis : Le nom du forum est à droite à cause du :

Code:
.nav {
padding-left: 25px;
}
Le dernière visite date/heure actuelle subissent un coup des marges du .gensmall également.

3 : mettre un <div style="width:95%;margin:auto"><div> autour ?

4: la marge du .nav car ce sont des liens <a class="nav" ...>nom</a>
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Arranger les décalages.

Message par Kiowa Ven 5 Aoû 2011 - 3:42

Etana a écrit:Bonjour,

Le dernière visite date/heure actuelle subissent un coup des marges du .gensmall également.

3 : mettre un <div style="width:95%;margin:auto"><div> autour ?

4: la marge du .nav car ce sont des liens <a class="nav" ...>nom</a>



Sinon pour la Div.. oui d'Accord mais ouù? car je ne trouve même pas dans quel templates..
Kiowa

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arranger les décalages.

Message par Ea Ven 5 Aoû 2011 - 11:02

Index body.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea 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