Arranger les décalages.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Arranger les décalages.
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.
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:
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%. ..
4) et finalement l'espacement entre les liens de forum lorsque nous sommes dans un forum:
alors voici mon css en cours:
Si vous avez besoin des templates modifier, suffit de le dire. Merci"!!!!
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.
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:
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%. ..
4) et finalement l'espacement entre les liens de forum lorsque nous sommes dans un forum:
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"!!!!
Re: Arranger les décalages.
Bonjour,
1 : faut être connecté je ne vois pas.
2 : il y a dans le CSS :
1 bis : Le nom du forum est à droite à cause du :
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>
1 : faut être connecté je ne vois pas.
2 : il y a dans le CSS :
- Code:
.gensmall {
padding-left: 22px;
padding-right: 10px;
}
1 bis : Le nom du forum est à droite à cause du :
- Code:
.nav {
padding-left: 25px;
}
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- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Arranger les décalages.
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..
Re: Arranger les décalages.
Index body.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum