- Statut : non résolu
- Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par TGM, le il y a 14 années et 11 mois.
-
AuteurMessages
-
13 février 2010 à 23 h 59 min #479111
Bonjour, ou bonsoir, c’est selon 🙂
Ma configuration WP actuelle
– Version de WordPress : 2.9.1
– Version de PHP/MySQL : 5
– Thème utilisé : Classic en personnalisation
– Extensions en place : aucune
– Nom de l’hebergeur : local
– Adresse du site : localProblème(s) rencontré(s) : Je rencontre un ptit soucis au niveau de ma mise en page. Je suis en train de faire des ajustements au niveau de mon CSS pour mettre en place des « metadata » en fin d’article. j’ai crée la div dans mon index.php et j’ai décidé d’y afficher plusieurs infos dont le nom de la categorie correspondante, et des infos que le blog ira chercher suivant un plugin.
Dans mon CSS, j’ai donc crée la class pour y mettre mes infos, (un border bottom et top) mais rien ne s’affiche au niveau de la page…
J’ai donc essayé de retourner le probleme dans tout les sens et rien n’y fait… Si quelqu’un a une idée 🙂
Je vous met ci joint, la doc (screen et fichier css et php)
/* Body */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{text-decoration: none;}
a img{border: none; }
body{ text-align:center; font-family: Arial; font-size:12px; }body{background-repeat: repeat; background-image: url(images/bg.jpg);}
/* Header*/
.contenu{width:1000px; margin:0 auto; text-align:left; position:relative; }
#header{background:url(images/bg.png) repeat-x; height:100px;}
#header #logo{position:absolute; top:15px; left:20px; }
#header #navigation{position:absolute; top:25px; right:0; }
#header #navigation ul{margin:0; padding:0; }
#header #navigation ul li{float:left; margin: 0; padding:10px; }/* Maincontent */
#main{ width:1000px; margin:0 auto; text-align: left;}
#col21{width:705px; margin-left:20px; }
#col21 .post-top{background: url(images/posttop.png) top left no-repeat; position: relative; height:17px;}
#col21 .post-top h1{text-align:left; font-family:Arial; font-size:38px; font-weight: bold; text-transform: inherit; height:50px; line-height:55px; padding:5px 20px;}
#col21 .post-top .post-cat{position:absolute; top:0px; left:20px;}
#col21 .post-top .post-date{position:absolute; top:50px; right:60px; font-family: Arial; font-size:30px; font-weight:bold; color:#bfc3cb;}
#col21 .post-top h1 a,#col21 .post-cat a{color:#636363;}
#col21 .post-top .comments a{font-family:Arial; font-weight:bold; font-size:20px; color:white; text-align:center;}
#col21 .post-top .comments span{height:31px; width:23px; background:url(images/comment-bubble.png); float:right; margin-top:-5px; margin-right:20px;}
#col21 .post-content{background: url(images/content-bg.png)repeat-y; color:#454547; padding:70px 20px 0;}
#col21 .post-bot{height:17px; width:705px; background:url(images/postbottom.png); top left; margin-bottom:20px;}
#col21 #metadata{border-bottom:1px #D5D5D5; border-top:1px #D5D5D5;}/**
* @package WordPress
* @subpackage Classic_Theme
*/
get_header();
?>id= »post-« >‘); ?>14 février 2010 à 7 h 44 min #714719Auto ou moto ?
Mer ou montagne ?
Blonde ou brune ?Faut toujours faire un choix et beh là c’est pareil.
id ou class ? (mais pas les 2)
14 février 2010 à 15 h 21 min #7147201-Auto
2-Montagne
3-BruneId ou class ? ca veut dire en somme que je ne peux pas melanger les id et les class dans mes fichiers sous peine de voir ne rien s’afficher ?
J’avoue qu’apres sur mon images j’ai mis « class » et je voulais mettre « id ». Mais j’aimerais au moins connaitre le bien fondé de ce choix pour ne pas avoir a refaire la meme betise plus tard et qui m’evitera une perte capillaire avancée 🙂
Donc qu’ai je mal fait ?14 février 2010 à 16 h 35 min #714721J’ai résolu le probleme en lisant quelques doc sur l’importance de l’utilisation des id et des class dans le css, et hop comme par magie, tout fonctionne !
En fait, j’utilisais trop de class sur des éléments auquel j’aurais du mettre un id, j’ai modifié en conséquence et tout est rentré dans l’ordre ! Je vais pouvoir intégré mes meta en bas de post !
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.