[code]<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles2.css">
<style type="text/css">
<!--
.Style1 {color: #FFFF00}
-->
</style>
</head>
<body>
<div id="menu_1">
<div id="menu_coin1"></div>
<div id="menu_test">
<div id="menu_haut_centre1"></div>
<div class="Style1" id="menu_centre1">Test</div>
<div id="menu_bas_centre1"></div>
</div>
<div id="menu_centre2"></div><div id="menu_centre3"></div><div id="menu_centre4"></div><div id="menu_centre5"></div>
<div id="menu_coin2"></div>
<div id="news">
<div id="menu_gauche"></div>
<div id="menu_news"><span class="Style1">POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA</span></div>
<div id="menu_droite"></div>
</div>
<div id="tableau_bas">
<div id="menu_coin3"></div>
<div id="menu_bas"></div>
<div id="menu_coin4"></div>
</div>
</div>
</body>
</head>
</html>
[/code]
CSS :
div {
text-align:center;
}
div#menu_1 {
float:left;
width:506px;
height:37px;
}
div#menu_coin1 {
float:left;
width:26px;
height:37px;
background-image: url(images/coin1.jpg);
background-repeat: no-repeat;
}
div#menu_haut_centre1 {
float:left;
width:100px;
height:7px;
background-image: url(images/haut_centre1.jpg);
background-repeat: repeat-x;
}
div#menu_centre1 {
float:left;
width:100px;
height:18px;
background-image: url(images/centre_noire.jpg);
background-repeat: repeat-x;
}
div#menu_bas_centre1 {
float:left;
width:100px;
height:12px;
background-image: url(images/bas_centre1.jpg);
background-repeat: repeat-x;
}
div#menu_test {
float:left;
width:100px;
height:37px;
}
div#menu_centre2 {
float:left;
width:15px;
height:37px;
background-image: url(images/centre2.jpg);
background-repeat: no-repeat;
}
div#menu_centre3 {
float:left;
width:100px;
height:37px;
background-image: url(images/centre3.jpg);
background-repeat: repeat-x;
}
div#menu_centre4 {
float:left;
width:37px;
height:37px;
background-image: url(images/centre4.jpg);
background-repeat: no-repeat;
}
div#menu_centre5 {
float:left;
width:200px;
height:37px;
background-image: url(images/centre1.jpg);
background-repeat: repeat-x;
}
div#menu_coin2 {
float:left;
width:28px;
height:37px;
background-image: url(images/coin2.jpg);
background-repeat: no-repeat;
}
div#menu_gauche {
float:left;
width:12px;
height:100px;
background-image: url(images/gauche.jpg);
background-repeat: repeat-y;
}
div#menu_news {
float:left;
width:480px;
height:auto;
background-color:#000000;
}
div#menu_droite {
float:left;
width:14px;
height:100px;
background-image: url(images/droite.jpg);
background-repeat: repeat-y;
}
div#news {
width:506px;
height:auto;
}
div#menu_coin3 {
float:left;
width:16px;
height:14px;
background-image: url(images/coin3.jpg);
background-repeat: no-repeat;
}
div#menu_bas {
float:left;
width:471px;
height:14px;
background-image: url(images/bas.jpg);
background-repeat: repeat-x;
}
div#menu_coin4 {
float:left;
width:19px;
height:14px;
background-image: url(images/coin4.jpg);
background-repeat: no-repeat;
}