Probleme méthodologie CSS

Marsh Posté le 13-03-2008 à 15:38:25

Bonjour,

Voilà, j'ai 4 blocs dans la partie "content" de mon site, et je n'arrive pas à les faire se positionner où je voudrais.
Je définie de id différents pour chaque bloc afin de spécifier les coordonnées, et une classe "bloc" où je réunis leur attributs communs.

CSS :

Code :

.bloc{position:relative;height:185px;width:202px; padding:5px;}
#bloc01 { background:url(img/bloc01.jpg) no-repeat; left: 283px; top: 253px;}
#bloc02 { background:url(img/bloc02.jpg) no-repeat; left: 283px; top: 276px;}
#bloc03 { background:url(img/bloc03.jpg) no-repeat; left: 554px; top: 253px;}
#bloc04 { background:url(img/bloc04.jpg) no-repeat; left: 556px; top: 276px;}

HTML :

Code :

<div id="bloc01" class="bloc"><h1>Le groupe</h1><p> fgfgrgr</p></div>
<div id="bloc02" class="bloc"><h1>Nos implantations</h1> <p> fgfgrgr</p></div>
<div id="bloc03" class="bloc"> <h1>Nos engagements</h1> <p> fgfgrgr</p></div>
<div id="bloc04" class="bloc"> <h1>Espace presse</h1> <p> fgfgrgr</p></div>

Mais ça marche po... est ce la méthode qui est mauvaise ? Ou alors il faut que je répète les attributs communs dans chaque id bloc mais, c'est de l'ANTI optimisation ça alors....

Quelqu'un pour m'aider s'il vous plait ?

Message cité 1 fois

Reply

Marsh Posté le 13-03-2008 à 15:38:25

Reply

Marsh Posté le 13-03-2008 à 15:41:35

Tu voudrais qu'ils soient disposé comment et tu obtiens quoi avec quel navigateur ?

Reply

Marsh Posté le 13-03-2008 à 15:43:49

Ils apparaissent tous en haut à droite les uns sur les autres, sur mozilla et ie

Reply

Marsh Posté le 13-03-2008 à 15:48:21

En position relative, ça va forcément poser quelques problèmes. Utilise plutôt de la position absolute

Reply

Marsh Posté le 13-03-2008 à 17:35:37

ouais merci, ca marche
Enfin à peu près car le pb c'est qu'ils ne s'affichent pas au même endroit sous ie et ss mozilla... auriez vous un lien vers "les étapes pour débugger une css" lol...
Je cherche mais je ne trouve pas grand chose...

Reply

Marsh Posté le 14-03-2008 à 10:35:36

sarahz a écrit :

Bonjour,

Voilà, j'ai 4 blocs dans la partie "content" de mon site, et je n'arrive pas à les faire se positionner où je voudrais.
Je définie de id différents pour chaque bloc afin de spécifier les coordonnées, et une classe "bloc" où je réunis leur attributs communs.

Il y quand même un moyen plus facile

Code :

#bloc01, #bloc02, #bloc03, #bloc04 {
position:absolute;height:185px;width:202px; padding:5px;
}

Et ainsi, plus besoin de class !

Reply

Marsh Posté le 14-03-2008 à 11:03:51

En effet, merci !

Reply

Probleme méthodologie CSS

Sujets relatifs:

Leave a Replay