Espace entre les blocs
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
Espace entre les blocs
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui
Lien du forum : http://graphamyris.forumgratuit.org/
Description du problème
Bonjour voilà j'ai mis des images en haut et en bas depuis les templates et css mais je n'arrive pas a avoir un espace entre chaque blocs ils sont collés existe t'il un code pour y remediervoici mon index-box
- Spoiler:
- <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="TitreCategorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3" align="center" valign="middle" height="50">
<div class="gensmall NbTopics">{catrow.forumrow.TOPICS} sujets</div>
</td>
<td class="row2" align="center" valign="middle" height="50">
<div class="gensmall NbPosts">{catrow.forumrow.POSTS} messages</div>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<div class="gensmall LastPost">{catrow.forumrow.LAST_POST}</div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="0" height="0" width="0" /><div width="100%" class="img_bas"> </div><!-- END tablefoot --><!-- END catrow -->
et mon css
- Spoiler:
- /*PA - Pub City - Libre service*/
@font-face {
font-family: 'AR DARLING';
font-style: normal;
font-weight: 400;
src: local('Nosifer Caps Regular'), local('NosiferCaps-Regular'), url(http://themes.googleusercontent.com/static/fonts/nosifercaps/v2/5Vh3eVJZ2pCbwAqfFmh1F3hCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
table#en_tete {
width: 800px;
height: 450px
font-size: 15px;
background: transparent;
}
table#en_tete td {
border: 2px solid #ff9424;
vertical-align: top;
font-family: ARIAL;
padding: -10px;
text-shadow: 2px 2px 2px #;
color: #ff9424;
}
h1.titrepa {
margin-top: -20px;
font-size: 19px;
color: #ff9424;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px 2px #;
font-family: ARIAL;
}
h2.titrepa {
margin-top: -20px;
font-size: 15px;
color: #ff9424;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px 2px #;
font-family: ARIAL;
}
.infobulle {
position:relative;
color:Maroon;
font-family:ARIAL;
font-variant:small-caps;}
/*FIN PA - LS - Pub City*/
.bodyline {
border-width : 3px;
border:2px solid #ff9424;
}
.body{
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.mainmenu{
position: absolute center;
top: 0px ;
width: 100%;
border-radius:10px;
font-size:18px;
background-color: #080202;
border: 3px solid #;
color:#ff9424;
text-shadow: 2px 0px 0px 0px ;
font-variant: small-caps;}
a.mainmenu{
text-decoration: none;
color : #ff9424;
text-align: center;
}
a.mainmenu:hover{
text-decoration: underline;
color :#ff9424;
}
/* TITRES DES CATEGORIE */
.forumdescription{
align: center;
border:5px;
font-size:12px;
text-align:center;
-moz-border-radius: 20px 0px 20px 0px; /*pour les arrondis*/
-webkit-border-radius: 20px 0px 20px 0px;
-border-radius: 20px 0px 20px 0px;
margin-left:80px;
margin-right: 80px;
margin-bottom: 6px;
margin-top: 5px;
color:#ffffff;
text-align: center;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
overflow: auto;
width : 80%;
height: auto;
padding:5px;
background-color : #ff9424;
font-variant: small-caps;
display: block;
line-height: 17px;
-moz-box-shadow: 3px 3px 20px rgb(0, 0, 0);
font-variant: small-caps;
}
a.forumlink:link, a.forumlink:visited {
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 6px;
margin-top: -2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 0px 0px 10px 10px;
border-bottom: 2px solid #fdeeba;
color:#fdeeba;
text-shadow: 2px 2px 2px #;
font-variant: small-caps;
}
a.forumlink:hover {
text-decoration: underline;
color : #fdeeb9;
text-decoration: none !important;
letter-spacing: 2px;
font-variant: small-caps;
font-weight: bold;
}
.row1 over {
background-color: #fdeeb9; /*code couleur*/;
}
td.row1, td.row2, td.row3, td.row4 th {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
color:#ff9424;
border: 2px solid ;
}
a { text-decoration: none; }
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
/*-- Deco des sujets --*/
.titredeco {
width : 700px ;
padding-bottom:3px;
-moz-border-radius-:15px;
border : 2px solid #fdeeb9;
background-color :#ff9424 ;
font-size: 20px;
text-align: center;
letter-spacing: 1px;
margin:auto;
color:#fdeeb9;
}
hr { border: 2px #080202 solid;}
.formu {
font-weight: bold;
color: #fdeeb9;
font-variant: small-caps;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 200px;
height: 320px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 200px;
height: 320px;
}
.profilentour{
background: #;
border: 2px solid #ff9424 ;
padding: 6px;
text-align: center;
-moz-border-radius: 5px; /* les coins en arrondis*/
font-family:Arial;
font-size:14px;
}
.spoiler_closed{ /*lorsque le spoiler est masqué*/
border: 2px solid #ff9424; /*pour la bordure*/
-moz-border-radius: 2px 2px 2px 2px; /*pour les arrondis*/
-webkit-border-radius: 2px 2px 2px 2px;
-border-radius: 2px 2px 2px 2px;
padding : 10px;
height: 2px; /* hauteur du spoiler lorsqu'il est caché*/
}
.spoiler_content{/*lorsque le spoiler est ouvert*/
border: 2px solid #ff9424;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-border-radius: 2px 2px 2px 2px;
color: #DEDCE3; /*couleur de la police*/
background: #;/* couleur du fond*/
padding : 5px;
}
.secondarytitle {
color: #fdeeb9 ; /*code couleur*/
font-family: ; /*police1, police2, police3;*/
font-size: 13px; /*taille en px*/
}
.forumline {
border:2px solid #080202;
border-radius: 0px ;0px ;10px ;10px;
-webkit-border-radius:0px ;0px ;10px; 10px;
-moz-border-radius:0px ;0px; 10px; 10px;
}
.bodyline {
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Chrome, Safari, Opera */
border-radius: 30px solid; /* Chrome et format standard */
}
.sousforum {
font-size:13px;
color:#fdeeb9;
padding:1px;
border: 2px solid #080202;
}
body {
background-image:url("https://2img.net/r/hpimg15/pics/872842fondhallowen.png")
background-size: 100% auto;
}
a.info {
position:relative;
z-index:24;
color:#000000;
text-decoration:none
}
a.info:hover {
z-index:25;
background-color:#FFFFFF
}
a.info span {
display: none
}
a.info:hover span {
display:block;
position:absolute;
top:2em;
left:2em;
width:15em;
border:1px solid #000000;
background-color:#FFFFFF;
color:#000000;
font-weight:none;
padding:5px;
}
/* --------------------------------- SELECTEUR DE CODE NE PAS TOUCHER --------------------------------- */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/* --------------------------------- FIN SELECTEUR DE CODE NE PAS TOUCHER --------------------------------- */
/************** CODE REDIMENSIONNEMENT AVATAR********************/
.avatar_mess img {
min-width: 200px !important;
min-height: 320px !important;
}
**************FIN CODE REDIMENSIONNEMENT AVATAR********************/
.secondarytitle h2 {
text-align: center; /*alignement du texte par rapport au bloc qui le contient */
letter-spacing:2px; /* espacement entre les lettres */
font-variant:small-caps; /* texte en petites majuscules */
color:#000000; /* couleur du texte */
font-family: Geneva, Tahoma, Verdana, sans-serif;
font-size:16px;
}
/* Mise en forme du "bloc" qui contient le titre */
.TitreCategorie {
background: #; /*fond*/
background-image:URL("https://i.servimg.com/u/f21/14/64/77/88/barre11.png");
/* Des coins arrondis */
border-radius:50px 50px 0 0;
-moz-border-radius:50px 50px 0 0;
-wekbit-border-radius:50px 50px 0 0;
width: 1000px; /*largeur à modifier selon vos goûts*/
height:45px;
margin:auto; /* on centre le bloc */
padding:2px; /*espace entre la bordure et le texte*/
border:2px solid #000000;
border-bottom:0px;
}
/* mise en forme du titre lui-même */
.TitreCategorie h2 {
margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
text-align: center; /*alignement du texte par rapport au bloc qui le contient */
letter-spacing:2px; /* espacement entre les lettres */
font-variant:small-caps; /* texte en petites majuscules */
color:#fdeeb9; /* couleur du texte */
font-family: Geneva, Tahoma, Verdana, sans-serif;
font-size:16px;
}
/* Largeur de la cellule du nombre de sujets */
.NbTopics { width:60px; }
/* Largeur de la cellule du nombre de messages */
.NbPosts { width:80px; }
/* Largeur de la cellule du dernier message posté */
.LastPost { width:100px; }
.titreqeel {
background-image: url("https://i.servimg.com/u/f21/14/64/77/88/barre11.png");
background-repeat: repeat;
background-color: transparent;
height:45px;
width:1000px;
padding:2px; /*espace entre la bordure et le texte*/
border:2px solid #000000;
border-bottom:0px;
border-radius:50px 50px 0 0;
-moz-border-radius:50px 50px 0 0;
-wekbit-border-radius:50px 50px 0 0;
text-align: center; /*alignement du texte par rapport au bloc qui le contient */
color:#fdeeb9;
text-align: center;
letter-spacing:2px;
font-family: Geneva, Tahoma, Verdana, sans-serif;
font-size:16px;
}
.qeeltitre
{
margin:0;
color:#fdeeb9;
text-align: center;
letter-spacing:2px;
font-family: Geneva, Tahoma, Verdana, sans-serif;
font-size:16px;
}
.img_bas{background: url("https://i.servimg.com/u/f21/14/64/77/88/barre11.png");
background-repeat: repeat;
background-color: transparent;
height:45px;
width:1000px;
margin:0;
padding:2px;
border:1px solid #000000;
border-radius:0px 0px 50px 50px;
-moz-border-radius:0px 0px 50px 50px;
-wekbit-border-radius:0px 0px 50px 50px;
}
merci de votre aide
Re: Espace entre les blocs
Bonjour,
ceci pourra sûrement aider :
https://forum.forumactif.com/t266905-espacer-mes-categories#2387829
https://forum.forumactif.com/t279287-plus-d-espace-entre-les-blocs-comprenant-les-categories-et-les-forums#2482698
Bonne journée !
ceci pourra sûrement aider :
https://forum.forumactif.com/t266905-espacer-mes-categories#2387829
https://forum.forumactif.com/t279287-plus-d-espace-entre-les-blocs-comprenant-les-categories-et-les-forums#2482698
Bonne journée !
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Espace entre les blocs
Bonjour,
j'ai essayer les deux mais cela me crée un espace en tre mon image du bas et mon bloc,ce que je souhaite c'est un espace entre l'image du bas et le bloc suivant
j'ai essayer les deux mais cela me crée un espace en tre mon image du bas et mon bloc,ce que je souhaite c'est un espace entre l'image du bas et le bloc suivant
Re: Espace entre les blocs
Problème résolu
j'ai trouvé comment faire
j'ai trouvé comment faire
Sujets similaires
» Plus d'espace entre les blocs comprenant les catégories et les forums
» Distance entre les blocs messages
» Espace entre les titres ?
» Espace entre le logo et le forum en lui-même avec un Panel entre les Deux
» espace entre messages et entre chaque categorie
» Distance entre les blocs messages
» Espace entre les titres ?
» Espace entre le logo et le forum en lui-même avec un Panel entre les Deux
» espace entre messages et entre chaque categorie
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