Espace entre les blocs

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

Résolu Espace entre les blocs

Message par Amyris le Ven 30 Oct 2015 - 12:36

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:
[img][/img]

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 remedier

voici 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">&nbsp;</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("http://img15.hostingpics.net/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("http://i21.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("http://i21.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("http://i21.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 Very Happy

Amyris
Nouveau membre

Messages : 15
Inscrit(e) le : 17/02/2010

http://graph-amyris.forumactif.com/
Amyris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre les blocs

Message par Feuilla' le Ven 30 Oct 2015 - 13:33


Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: Espace entre les blocs

Message par Amyris le Ven 30 Oct 2015 - 13:40

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 Very Happy

Amyris
Nouveau membre

Messages : 15
Inscrit(e) le : 17/02/2010

http://graph-amyris.forumactif.com/
Amyris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre les blocs

Message par Amyris le Sam 31 Oct 2015 - 10:31

Problème résolu Very Happy

j'ai trouvé comment faire

Amyris
Nouveau membre

Messages : 15
Inscrit(e) le : 17/02/2010

http://graph-amyris.forumactif.com/
Amyris 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