Aligner plusieurs images

Bonjour à tous,

Je fais un site avec cmsms.
Comme je débute avec les css, j'ai encore du mal à positionner les éléments. Le site et le forum m'ont déjà bien aidé, mais je là je sèche !

Le bandeau du site se compose du logo et de 2 images cliquables, le tout aligné. J'ai réussi à les aligner mais il y a un toujours un espace entre le logo et la première image, que je n'arrive pas à faire disparaitre.

Voici la page d'essai:

http://assoc.ipa.free.fr/cmsmadesimple/

Avez-vous une idée? Merci d'avance!!

Voici une partie de la feuille de style:

div#header {
height: 116px;    /* adjust according your image size */
width: 1006px;
   background: ;
       
}

div#header h1 {
   float : left;
height: 116px;    /* adjust according your image size */
 width: 224px;
 padding: 0;
margin: 0;  
        
}

div#header h1 a {
/* you can set your own image here */
   background:  url(images/cms/information_allaitement.jpg) no-repeat; 
   display: block;
   height: 116px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */

}

div#blocgauche {
   float : left;
height: 116px;    /* adjust according your image size */   
width: 456px;
   padding: 0;
margin: 0;  
}

div#blocgauche a {
   background: url(images/cms/ressource_documentaire.jpg) no-repeat ; 
   display: block;
   height: 116px;             /* adjust according your image size */
width: 456px;
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */

}

div#blocdroit {
   float : left;
height: 116px;    /* adjust according your image size */   
width: 326px;
    padding: 0;
margin: 0;

}

div#blocdroit a {
   background:  url(images/cms/association_ipa.jpg) no-repeat; 
   display: block;
   height: 116px;             /* adjust according your image size */
width: 326px;

   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */

}

Modifié par Ipa (13 Jun 2008 - 16:45)

Bonjour et bienvenu à toi sur le Forum

En tant que modératrice, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).



Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important.
Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation
Modifié par Cygnus (13 Jun 2008 - 16:23)

Bonjour à tous,

après plusieurs modifs, le problème persiste... pourtant les 3 images sont de même largeur, je ne vois pas d'où vient le décalage entre le logo et les 2 autres images.

Auriez-vous une idée sur les positions? absolute ou float?

Merci d'avance,
Modifié par Ipa (18 Jun 2008 - 14:42)