diminuer l'espace

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

Résolu diminuer l'espace

Message par carousse le Ven 16 Nov 2012 - 12:09

Bonjour

est il possible de diminuer l'espace en rouge?



voici mon cdd

Code:
body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}
table.forumline {border:1px dotted;}a:hover{text-transform:uppercase;}

/* page à onglets */

/* .systab .tab => les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #C0E0DB;
  border: 1px solid #000;
  cursor: pointer;
}
/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
  background: #C0E0DB;
  color: #487f31;
  border-color: #487f31;
}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
  color: #ccc;
  background: #333;
}
/* .systab .contents => les conteneurs des contenus associés aux onglets  */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #000;
  background: #C0E0DB;
  border: 1px solid #000;
  padding: 10px;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
  float: left;
}



/* ------------------------------------ {QUI EST EN LIGNE} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{
padding: 8px;
background-color: #AECFCA;
border: 2px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
 
.groupes
{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px !important;
text-shadow: #fffcf6 1px 1px 0px;
background-color: #AECFCA;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
 
.qeel_align
{
background-color:#AECFCA;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 10px;
margin-right: 5px;
vertical-align: top;
}
 
.qeel_birth
{
background-color:#AECFCA;
padding: 0px;
background-color:;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
 
.qeel_texte
{
background-color:#AECFCA;
text-align: justify;
width: 330px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
 
.texte_qui
{
background-color:#AECFCA;
padding-left: 0px;
padding-right: 0px;
}




/* essai */

/* css de base NE PAS EFFACER */



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



#i_icon_mini_index
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/660385accueilnor.png);
}
#i_icon_mini_index:hover
{
background: url(http://img15.hostingpics.net/pics/506714accueiltouch.png);
}

#i_icon_mini_faq
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/129484FAQ.png);
}
#i_icon_mini_faq:hover
{
background: url(http://img15.hostingpics.net/pics/989888faqtouch.png);
}

#i_icon_mini_search
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/745319search.png);
}
#i_icon_mini_search:hover
{
background: url(http://img15.hostingpics.net/pics/202947searchtouch.png);
}

#i_icon_mini_members
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/567321membres.png);
}
#i_icon_mini_members:hover
{
background: url(http://img15.hostingpics.net/pics/541492membrestouch.png);
}

#i_icon_mini_groups
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/487748groupes.png);
}
#i_icon_mini_groups:hover
{
background: url(http://img15.hostingpics.net/pics/333654groupestouch.png);
}

#i_icon_mini_profile
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/417059profil.png);
}
#i_icon_mini_profile:hover
{
background: url(http://img15.hostingpics.net/pics/600409profiltouch.png);
}

#i_icon_mini_message
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/743496message.png);
}
#i_icon_mini_message:hover
{
background: url(http://img15.hostingpics.net/pics/585901messagetouch.png);
}

#i_icon_mini_new_message
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/846718neeeeewmessage.png);
}

#i_icon_mini_logout
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/464675Off.png);
}
#i_icon_mini_logout:hover
{
background: url(http://img15.hostingpics.net/pics/333122Offtouch.png);
}

#i_icon_mini_register
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/484698rejoindretouch.png);
}

#i_icon_mini_login
{
width: 100px;
height: 130px;
background: url(http://img15.hostingpics.net/pics/45890035On.png);
}
#i_icon_mini_login:hover
{
background: url(http://img15.hostingpics.net/pics/402099Ontouch.png);
}


#page-body
{
margin-top: 150px;
background-color: #d2edff;
border-top: 5px solid #081d18;
border-bottom: 5px solid #081d18;
border-left: 1px solid #081d18;
border-right: 1px solid #081d18;
box-shadow: 0px 0px 5px #081d18;
-moz-box-shadow: 0px 0px 5px #081d18;
-o-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
}

.bodylinewidth
{
width: 980px;
margin: auto;
}

.forumline
{
width: 95%;
margin-left: auto;
margin-right: auto;
background: url(http://i35.servimg.com/u/f35/12/75/86/48/fond10.png) top left repeat;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 20px;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #292222;
-moz-box-shadow: 0px 0px 4px #292222;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
}

table
{
width: 95%;
margin: auto;
}


.secondarytitle
{
letter-spacing: 2px;
font-family: courier;
font-variant: small-caps;
text-shadow: 1px 1px 0px #000000;
}

a.forumlink
{
display: block;
border-left: 5px solid #84969b;
border-bottom: 1px solid ;
padding-left: 10px;
margin-left: 10px;
font-size: 24px;
font-family: courier;
font-weight: bold;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.forumlink:hover
{
display: block;
border-left: 5px solid #c2e9f4;
border-bottom: 1px solid #c2e9f4;
font-style: italic;
padding-left: 100px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}



#page-footer
{
height: 180px;
background: url() bottom center no-repeat;
margin-bottom: -40px;
}

#page-footer a
{
font-size: 10px;
}





#qeel1
{
width: 850px;
margin-left: auto;
margin-right: auto;
height: 500px;
}
.onglet1, .onglet2, .onglet3
{
display: inline-block;
width: 120px;
height: 30px;
margin-left: 20px;
background: #d2edff;
border-top: 1px solid #1d1f1d;
border-left: 1px solid #1d1f1d;
border-right: 1px solid #1d1f1d;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-align: center;
}
.onglet1:hover, .onglet2:hover, .onglet3:hover
{
background: url(http://img4.hostingpics.net/pics/516061fondonglet.png) top repeat #365F7D;
}
.onglet1 a, .onglet2 a, .onglet3 a
{
display: block;
padding-top: 6px;
font-weight: bold;
text-decoration: none !important;
}
.onglet1 a:hover, .onglet2 a:hover, .onglet3 a:hover
{
color: #d7c99c !important;
text-shadow: 1px 1px 0px #282223;
}
.contenu
{
display: block;
height: 300px;
background: url(http://img4.hostingpics.net/pics/518598qeelfond4.jpg) center no-repeat #365F7D;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
}
#contenu1, #contenu2, #contenu3
{
display: none;
}
#qeel1:target #contenu1
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img4.hostingpics.net/pics/176231qeelfond1.jpg) center no-repeat #365F7D;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
#qeel2:target #contenu2
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img11.hostingpics.net/pics/882912qeelfond5.jpg) center no-repeat #365F7D;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
#qeel3:target #contenu3
{
display: block;
height: 300px;
overflow: hidden;
background: url(http://img4.hostingpics.net/pics/337749qeelfond3.jpg) center no-repeat #365F7D;
border: 1px solid #1d1f1d;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px #000000;
-o-box-shadow: 0px 0px 4px #000000;
-htm-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
font-size: 11px;
}
.qeel_content
{
width: 400px;
height: 260px;
overflow: auto;
margin: 10px;
padding: 6px;
font-size: 11px;
background: #d2edff;
border-top: 5px solid #28282a;
border-bottom: 5px solid #28282a;
border-left: 1px solid #28282a;
border-right: 1px solid #28282a;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
}
.qeel_content a
{
text-decoration: none !important;
}






.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

Merci d'avance

carousse


Dernière édition par carousse le Ven 16 Nov 2012 - 12:59, édité 1 fois

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: diminuer l'espace

Message par AenigmA le Ven 16 Nov 2012 - 12:48

Bonjour dans #page-body (css)
margin-top: 150px;

A régler, 150 c'est beaucoup trop

ps avec l'adresse c'est plus facile ...

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: diminuer l'espace

Message par carousse le Ven 16 Nov 2012 - 12:54

Veuillez m'excuser voici l'adresse du forum

http://hominum-revelio.lebonforum.com/

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: diminuer l'espace

Message par carousse le Ven 16 Nov 2012 - 12:58

niquel tous ça merci beaucoup

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse 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