28173 sujets

CSS et mise en forme, CSS3

Bonsoir,

sur ffox pas de problemes mais j'ai testé mon site sur IE 6.0 et tout ce qui est en float right va a gauche voir page historique, ce qui est en float left va en dessous voir photos.
Et les styles de lien classe .lienpageb prennent pas non plus. Smiley ohwell


Merci


CSS

div#header  {   
		  background-position: center top;
          width:100% ; padding: 2px 5px 0px 0px;
		  height:145px;repeat-x:no;
		  background: url(./images/header.jpg) ;
		  }

div#motor img{   
		  position: relative;
          padding: 0px 0px 0px 0px;
		  margin: 0px 0px 0px 0px;
		  width: 222px; height:136px;
		  float:right ; 
		  }
		  
div#headergal  {   
		  background-position: center top;
          width:100% ;  
		  height:92px;
		  background: url(./images/header_galerie.jpg) ;
		  margin: 0px 0px 0px 0px;
		  padding: 0px 0px 0px 0px;
		  }
			  
div#menugeneral  {border:0px ;
          position : relative;
          text-align:center;
          padding:0px 0px 0px 0px;
          margin:0px 0px 5px 245px;} 
 
div#bloctexte  { 
          width:760px ;
		  margin: 0 auto 0 auto; 
		  padding:  10px 5px 10px 5px;
		  background-color:#00FFFF;}
				
				/* Les titres de l'historique*/
       /* CLASSES*/

.floatleft {float:left;border:0; margin:5px 10px 0px 0px;}
.floatright0 {float:right;border:0; margin:0px 0px 0px 0px;}
.floatright {float:right;border:0; margin:5px 0px 0px 10px;}
.floatleftbottom {border:0; margin:11px 0px 0px 0px;}

.align {text-align:center;}

.inline {display:inline;}

.bloc {display:inline;font-size: 1.5em; 
       font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet"; }
  
.gall2005 img {margin:2px 2px 2px 2px;padding:0px 0px 0px 0px;}  

.justify   {text-align:justify; margin:0px 10px 0px 15px; padding:0px 0px 0px 0px;}                      
					 
					   /* BALISES*/
body {border:0; margin:0 0 0 0 ; padding:0 0 0 0 ;width:100%; height:100%;}

p {font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; 
   margin:0px 0px 0px 15px;}
    				
.citation    {    position:relative;
                 font-family:Verdana, Arial, Helvetica, sans-serif;
			     font-size:0.8em; 
			     left:190px;top:0px;
			     margin:2px 0px 2px 0px;
			     padding:0px 0px 0px 0px;} 
			 
.citationterme {     position:relative;
                    font-family:Verdana, Arial, Helvetica, sans-serif;
			        font-size:0.7em; 
			        left:190px;
			        top:0px;
		        	margin:0px 0px 6px 0px;
			        padding:0px 0px 0px 0px;} 
			 
.pheight {font-size:0.7em; 
          font-family:Verdana, Arial, Helvetica, sans-serif; 
          margin:15px 20px 26px 15px;
		  padding:0px 0px;
          line-height:1.2em;}
		  
#intro  {font-size:0.8em; 
         font-family:Verdana, Arial, Helvetica, sans-serif; 
         margin:15px 10px 26px 15px; 
         text-align:center;}

h1  {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; 
   margin:16px 15px 5px 15px;}
		  
strong   {color:black  ; 
         background-color:transparent;
		  font-size:11px ;}
		  
img  {border:0px ;
      margin:5px 5px 5px 5px;}

                      /* liens du menu*/  
/* lien non-visité */
a.menu:link {color: #13bc47; 
             text-decoration: none;
			 font-size: 15px; font: 0.9em Georgia, serif ;
			 background: url(./images/menu_background.gif);font-variant:small-caps ; 
			 margin:0px 0px 0px 0px;}
/* de base */
a.menu:visited { color: #13bc47 ; 
                  text-decoration: none; 
                  font-size: 15px ; font: 0.9em Georgia, serif ;
                   background: url(./images/menu_background_normal.gif);
				   font-variant:small-caps ; 
				   margin:0px 0px 0px 0px;} 
/* lien survolé */				   
a.menu:hover { color: #1a6c33; 
                text-decoration: underline;
                font-size: 15px;font: 0.9em Georgia, serif ;
                 background: url(./images/menu_background.gif);font-variant:small-caps ; 
				 margin:0px 0px 0px 0px;}
/* lien activé */
a.menu:active { color: #996633; 
                text-decoration: none;
                font-size: 15px;font: 0.9em Georgia, serif ;
                background: url(./images/menu_background.gif);font-variant:small-caps ; 
				margin:0px 0px 0px 0px;}
                        /*MON CADRE EXTENSIBLE */
.piedpage{;}						 	  
.img2  {border:0px ;
      text-align:justify;
	  margin-top:20px;} 	  
	  
.centrer {text-align:center;
            font-size:0.8em;
          font-family:Verdana, Arial, Helvetica, sans-serif;}

.italic { font-style:italic;}


                   /* justifié a droite ( ou pour page suivante...)*/
a.lienpageb:link {margin-right:20px; font-family:Georgia, Times, serif; color: #993333; text-decoration: none;  float:right; background:transparent;} /* lien non-visité */
a.lienpageb:visited { margin-right:20px; font-family:Georgia, Times, serif;  color: #993333; text-decoration: none; float:right; background:transparent; } /* de base */
a.lienpageb:hover { margin-right:20px; font-family:Georgia, Times, serif; color: #996666; text-decoration: underline;  float:right; background:transparent;} /* lien survolé */
a.lienpageb:active { margin-right:20px;font-family:Georgia, Times, serif;  color: #996666; text-decoration: none;  float:right; background:transparent;} /* lien activé */
  a.lienpageb { font-style: italic; font-size: 0.7em; font-variant:small-caps; }         
                               /* Haut de page*/
  a.lienpagec:link {margin-right:20px; font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet"; color: #993333; text-decoration: none;  float:right; background:transparent;} /* lien non-visité */
a.lienpagec:visited { margin-right:20px;font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet";  color: #993333; text-decoration: none; float:right; background:transparent; } /* de base */
a.lienpagec:hover { margin-right:20px; font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet"; color: #996666; text-decoration: underline;  float:right; background:transparent;} /* lien survolé */
a.lienpagec:active { margin-right:20px;font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet";  color: #996666; text-decoration: none;  float:right; background:transparent;} /* lien activé */
  a.lienpagec {  font-size: 0.65em;  } 
                                /* GALERIE PHOTOS MINIATURES*/
div#galerie{   
    width: 100% ;
	height: 600px;
	background-color:transparent ;
    padding: 10px ;
	margin: auto auto ;
	text-align: center ;
	font: 0.9em Georgia, serif ;}

ul#galerie_mini{   
    overflow:auto;
	width:350px; 
	height: 500px;
	margin: 10px 0 0 0 ;
	padding: 0 ;
	list-style-type: none ;}

ul#galerie_mini li{
                   float: left ; 
                   padding: 0px 0px 0px 0px;
				   margin: 0px 0px 0px 0px;}

ul#galerie_mini li a img {margin: 1px 1px 1px 1px ;}

dl#photo{float:right; margin: 0 auto ;}

dl#photo dt{font: italic 1em/1em Georgia, serif ;
            padding:0px 0px 0px 0px;
			margin:0px 15px 0px 0px;
            color: #dcb ;}

dl#photo dd{ top:0px;
             margin: 10px auto 0px auto ; 
             height: 480px; }

dl#photo img{margin:0px 0px 0px 0px;}

dd {text-align:center;}
	                    /* POP UP*/
#popcarte {
display: none;
position: absolute;
top: 1100px;
left:50%;
margin-left:-237px; 
z-index: 500;
cursor: pointer;
}

#popcarte h1  {font-size:1em; 
               font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet";
                margin:5px 5px 5px 5px; 
                 background-color:transparent;}