File "acces03.html"

Full Path: /home/analogde/www/Bookmarks/CHESS_ON/acces03.html
File size: 2.4 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Message d'information :Interdiction</title>


<style type="text/css">

body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
}
 .error{
	border: 1px solid;
	//margin: 0 auto;
	width: 650px;
	height: 150px;
	 margin: 200px auto;
	//padding:15px 10px 15px 50px;
	//background-repeat: no-repeat;
	//background-position: 80px center;
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
	//background-image: url('images/error.png');
}

H1 { text-align: center }

.imgcenter {
            height: 345px;
            margin: 0 auto;
            //margin-top: -185px;
            //margin-left: -175px;
            position: absolute;
            top: 50%;
            left: 50%;
            width:400px;
			
			
.cadreImage {
    height: 300px;
    width: 250px;
    position: relative;
}

.cadreImage img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 200px;
    max-width: 150px;
}


    Appliquer au div conteneur de l'image la propriété CSS text-align: center;
    Ou appliquer à l'image,qui est naturellement de type inline, les propriétés 
	
.toto {	
	display:block; 
	text-align: center;
	margin:auto;
}

.centrer {
  margin-left : auto;
  margin-right : auto;
  width : 400px;
  text-align : left;  
}

</style>



</head>

<body>

<div class="centrer">
    <img src="images/cadena.jpg" />
</div>

<div class="error" >
	
 <h1>Vous devez être membre pour accéder à ce contenu. Loggez-vous !.</h1>
   

  <div class="centrer">
    <img src="images/cadena.jpg" />
</div>
	

</div>

<!--
	<img src="images/cadena.jpg" alt="restreint" />
	<div class="cadre_image">
    <img src="images/under_construction.png" />
</div>

<!--
<div class="error" >
        		
		  <h1>Vous devez être membre pour accéder à ce contenu. Loggez-vous !.</h1>
    
	
	<div class="imgcenter">
              
                <img src="images/cadena.jpg" alt="restreint" />
            </div>

            </div>
	-->		
<!--
<input type='button' value='Retour' name='bnom' onClick='javascript:history.back();'>		
-->
<!--<a href="javascript:history.back()">Retour au site</a>	
-->
<a href="acceuil.php">Retour au site</a>	


</body>
</html>