<!DOCTYPE html>
<html>
<link type="text/css" rel="stylesheet" media="all" title="CSS" href="style.css" />
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="MasterPageLib.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8">
<title>Cristiano Ronaldo</title>
<script type="text/javascript">
//<!--
//-->
</script>
<style type="text/css">
li
{
display:inline-flex;
cursor:pointer;
list-style:none;
position:relative;
font-family:Arial;
font-size:105%;
width:160px;
height:25px;
color:white;
padding:7px;
margin-top:15px;
border-radius:10px;
background-color:rgba(0,0,0,0.10);
margin-right: 2px;
margin-left: 2px;
text-decoration:none;
}
div.padding
{
background-color:#F9A41E;
padding-top:1px;
padding-bottom:0px;
padding-right:630px;
padding-left:5px;
position:absolute; top: 12%; left:0%;
height:10%;
}
li:hover
{
color:aqua;
background-color:#7562A2;
}
body
{
background:grey;
}
.main
{
color:black;
}
#contenu{
width: 140px;
height: 450px;
background: white;
border: 5px solid red;
border-radius:0px;
position:absolute; top:22%; left:0%;
}
#barre{
width: 1360px;
height: 57px;
background: yellow;
border: 0px solid yellow;
border-radius:0px;
position:absolute; top:101%; left:-4%;
}
div.deplacer
{
position:absolute; top:2%; left:54.5%;
}
</style>
</head>
<body> <!-- html-->
<ul class="main"><h1>CR7</h1>
<div class="padding">
<a href="/" style="text-decoration:none" ><FONT COLOR="#FFFFFF"><li>accueil</li></FONT></a>
<li>
</> pageX
</li>
<li>
</> pageY
</li>
<li>
</> pageZ
</li>
<div class="deplacer"><li>
</> images
</li></div>
</li>
</ul>
<nav id="contenu">
<nav id="barre">
</body>
</html>
