Probleme méthodologie CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme méthodologie CSS

sarahz

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

Publicité

LePhasme

Les Belges domineront le monde

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

sarahz

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

FlorentG

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

sarahz

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...

David Boring

sarahz a écrit :

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 !

sarahz

En effet, merci !

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme méthodologie CSS

Sujets relatifs
Problème de sauvegarde d'un add-on pour word	Un problème de -\| ...
Comment faire un menu deroulant ?	Qt probleme affichage
Problème de date en francais	Probleme connexion localhost sous VISTA
probleme compatibilité php et SSI server side include	Problème que je n'arrive pas a réssoudre HELP
[Résolu][HTML/CSS] Selecteur d'elements pere-fils + table	Petit problème trivial avec les tableaux
Plus de sujets relatifs à : Probleme méthodologie CSS

Page générée en 0.062 secondes