Forum CMS Made Simple FR
[Resolu] Header et css - Version imprimable

+- Forum CMS Made Simple FR (http://www.cmsmadesimple.fr/forum)
+-- Forum : Général (http://www.cmsmadesimple.fr/forum/forumdisplay.php?fid=3)
+--- Forum : Graphisme (http://www.cmsmadesimple.fr/forum/forumdisplay.php?fid=9)
+--- Sujet : [Resolu] Header et css (/showthread.php?tid=222)



[Resolu] Header et css - pascalm - 06/03/2010

Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS : 1.6.6
#~ Version du MLE si existante : mle
#~ Informations Système :
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
bonjour
j'ai juste un petit soucis avec mon header
j'ai une banniere composé de trois logos
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ée
Code :
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
http://www.chimie.univ-paris-diderot.fr/
la taille des images est bonne
je ne vois pas ou j'ai merdé...Wink
si une bonne ame peut m'aider

merci
@++


[Resolu] Header et css - bess - 06/03/2010

Code :
div#header1 {
float:left;
width:80px;
}

div#header2 {
float:left;
width:716px;
}
div#header3 {
float:left;
width:136px;
}
commence par ça et continue par une mise à jour de ton cms, ta version comprend une faille de sécu


[Resolu] Header et css - pascalm - 07/03/2010

merci pour la reponse
question concernant la mise a jour :
je suis avec la version mle
est ce que je peux mettre a jour directement ..??


[Resolu] Header et css - bess - 07/03/2010

non il te faut la version MLE et je ne sais pas quand il y aura une mise à jour d'ailleurs Sad


[Resolu] Header et css - pascalm - 09/03/2010

merci
cest ce que je pensais
@+++