> Tous les forumsForum des Webmasters

 Aide CSS ( oui encore )
Statut du sujet : NON RESOLU Imprimer
 Kirika
  Posté le 28/07/2006 @ 21:43  
 Petite astucienne

375 Messages
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]
 Afficher le profil de Kirika Envoyer un message privé à Kirika
 
 
Publicité
 elle  Posté le 28/07/2006 à 22:30  
  Maîtresse astucienne


15897 Messages
Salut, Tu as essayé en mettant des marges?
Afficher le profil de elle Voir la configuration de elleEnvoyer un message privé à elle
 Revenir en haut de la page
 Kirika  Posté le 28/07/2006 à 22:33  
Petite astucienne

375 Messages
Bonsoir Elle des marges pour le problèmes des cadre ? Si c'est le cas , non , puisque j'ignore comment on s'y prend
Afficher le profil de Kirika Voir la configuration de KirikaEnvoyer un message privé à Kirika
 Revenir en haut de la page
Haut de la page 
Inscrivez-vous !
- Posez vos questions

- Résolvez vos problèmes

- Aidez les autres

- Participez et créez vos discussions

- Dialoguez en privé avec d'autres membres

- Suivez vos sujets préférés

- Affichez les signatures des membres

TOUT EST GRATUIT !

Je crée mon compte



Vous avez besoin d'aide ?
Des centaines d'experts sont à votre disposition sur les forums PC Astuces pour vous aider gratuitement, 24h/24, 7j/7.

Les derniers sujets résolus !
 

 > Tous les forumsForum des Webmasters

 
Forum PC Astuces© 1997-2008 WebastucesAller en haut de la page