Code :
<div id="header">
<div class="headerb">
<div id="header1"><h1>{cms_selflink ext="http://www.univ-paris-diderot.fr"} </h1>
</div>
<div id="header2"> <h1>{cms_selflink dir="start" text="$sitename"}</h1>
</div>
<div id="header3"><h1>{cms_selflink ext="http://www.cnrs.fr"}</h1>
</div>
<hr class="accessibility" />
</div>
</div>
avec une partie css liéeCode :
div#header {
/* adjust according your image size */
height: 140px;
/* you can set your own image here, will go behind h1 a image */
/* border just the bottom */
border-bottom: 1px solid #D9E2E6;
}
div.headerb {
margin: 0;
padding: 0;
}
div#header1 {float:left;
width:80px;
margin-left:0px;
margin-right:852px;
}
div#header3 {
width:136px;
margin-left:796px;
margin-right:0px;
}
div#header2 {width:716px;
margin-left:80px;
margin-right:136px;
}
div#header2 h1 a {
/* you can set your own image here */
background: url(uploads/ngrey/banniere_central.jpg) no-repeat top;
/* this will make the "a" link a solid shape */
display: block;
/* adjust according your image size */
height: 140px;
/* this hides the text */
text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
text-decoration: none;
}
div#header2 h1 {
margin: 0;
padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
line-height: 0;
font-size: 0;
/* this will keep IE6 from flickering on hover */
background: url(uploads/ngrey/banniere_central.jpg) no-repeat top;
}
div#header1 h1 a {
/* you can set your own image here */
background: url(uploads/ngrey/banniere_left.jpg) no-repeat top;
/* this will make the "a" link a solid shape */
display: block;
/* adjust according your image size */
height: 140px;
/* this hides the text */
text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
text-decoration: none;
}
div#header1 h1 {
margin: 0;
padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
line-height: 0;
font-size: 0;
/* this will keep IE6 from flickering on hover */
background: url(uploads/ngrey/banniere_left.jpg) no-repeat top;
}
div#header3 h1 a {
/* you can set your own image here */
background: url(uploads/ngrey/banniere_right.jpg) no-repeat top;
/* this will make the "a" link a solid shape */
display: block;
/* adjust according your image size */
height: 140px;
/* this hides the text */
text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
text-decoration: none;
}
div#header3 h1 {
margin: 0;
padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
line-height: 0;
font-size: 0;
/* this will keep IE6 from flickering on hover */
background: url(uploads/ngrey/banniere_right.jpg) no-repeat top;
}
a priori tout devrait coller mais mon troisieme logo n'apparait pas ou alors juste en dessous et pas collé à la suite dans le header => le petit "a" en dessous