Bonsoir ,
je suis encore face a un "problème" au niveau de mon CSS ( ya rien à faire , j'ai beau lire et relire tout les modes d'emplois dessus , ça reste du chinois pour moi [boom] )
Enfin bref , pour en revenir à mon problème , voici mon blog
[url]http://img78.imageshack.us/my.php?image=blogxa1.jpg[/url]
Et j'aimerai :
* espacer
"Articles Recents" de mon en-tête ainsi que la
date du titre de l'article publier
* mettre un espace aussi entre la ligne
"publier par .. commentaires , recommander .." de la fin de l'article
* et pour finir , enlever les "restes" des cadres
"calendrier" et
"recherche"
mon CSS
[code]/*fichier de structure général externe*/
@import url("/css/commonstruct1.css");/*ne pas enlever cette ligne qui permet l'evolution des css personnalisés*/
/***************************************/
/* ---------- Elements Principaux ------------- */
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#ffffff; background-image: url(
http://lakinoa.free.fr/layout2.gif);}
#top { background-image: url(
http://lakinoa.free.fr/bienvenue%20blog%20gif.gif);width: 1280px;
margin: auto;height: 185px; }
h1 { color: #5675A4; font-size: 20px; } /*titre des pages*/
h2 { color: #5675A4; font-size: 15px; }
h3 { color: #5675A4; font-size: 12px; }
a { text-decoration:underline; color:#ffffff; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#00000}
legend { color:#5675A4; padding-left:5px; padding-right:5px;}
li { list-style-type:none; }
img { border:0px; } /* image */
input { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */
/* ---------- Structure ------- */
/* La class main correspond à la structure global du blog
/* le numéro après 'main' correspond au type de structure (1 2 ou trois colonne) */
/* Pour les stuctures avec 2 colonnes */
#main1 { text-align: left; margin: 0px auto 50px auto; }
#main1 #rightnav { padding:10px; width:210px; }
#main1 #leftnav { padding:10px; width:210px; }
#main1 #content { padding:10px; }
#main1 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }
/* Pour les stuctures avec une colonne à droite */
#main2 { text-align: left; margin: 0px auto 50px auto; }
#main2 #rightnav { padding:10px; width:220px; }
#main2 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main2 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }
/* Pour les stuctures avec une colonne à gauche */
#main3 { text-align: left; margin: 0px auto 50px auto; }
#main3 #leftnav { padding:10px; width:220px; }
#main3 #content { padding: 10px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; }
#main3 h2 { margin:0px 0px 10px 0px; padding:0px; font-size:130%; }
#MainTab { margin:0px; width:100%; }
#MainTab td { vertical-align:top; }
/* Bas de page */
#footer { clear:both; color: #333; border-top: 1px solid gray; }
#footer p { margin:0px; padding: 10px; background:#ddd; }
.basLien { }
.basLien:hover { }
.cleaner {clear:both;}
/* ---------- Box ---------- */
/* correspond au block des modules */
.box { width:100%; margin-bottom:10px; }
.box h2 { font-family: Fine Hand; color: white;}}
.box-top { background:transparent url(/modele/2/pics/box-top-center.png) repeat-x scroll top left; }
.box-left { }
.box-right { }
.box-bottom { }
.box-topLeft { }
.box-topRight { }
.box-bottomLeft { }
.box-bottomRight { }
.box-content { overflow:auto; padding:0px 10px 15px 5px; color: #5675A4; }
.box-content p { margin:5px 0px 5px 15px; padding:0px; }
.box-content ul { margin:5px 0px 5px 15px; padding:0px; }
.box-content li { list-style:square; color:#FFFF99; margin:5px; padding:0px; }
#ArticleRecent {
background-image: url(
http://lakinoa.free.fr/fond.png);
background-position: -5px -17px
}
#Categorie { background-image: url(
http://lakinoa.free.fr/fond%20categories.png); background-position: -4px -7px }
#Album { background-image: url(
http://lakinoa.free.fr/fond%20album%20photo.png); background-position: -4px -7px }
#Presentation { background-image: url(
http://lakinoa.free.fr/fond%20presentation.png); background-position: -4,7px -1px }
#Calendrier { background-image: url(
http://lakinoa.free.fr/fond%20calendrier.png); background-position: 2px 1px }
#Recherche { background-image: url(
http://lakinoa.free.fr/fond%20recherche.png); background-position: 1,5px 2px }
/* ---------- Recherche --- */
#Recherche { padding:0px; }
#WForm { margin:0px; border:solid 1px #D8D7D7; padding:10[/code]
Un grand merci pour votre aide [bigsmile]