Hallo,
ich hoffe hier kann mir jemand helfen.
Mein Menü soll wie auf folgender Seite ausklappen.
http://www.rolandgarros.com/en_FR/index.html
Wie mache ich das ?
CSS Code ohne Style Tags:
/* Nullformatierung für alle Browser */
*{padding: 0px; margin: 0px; }
/* Werbung positioniert */
table[height="102"] {
position: absolute;fixed;
left: 50%;
top: 8px;
margin-left: -255px; }
/* Hintergrund hinter Design */
body {
background-color: #eeeeee;
background-image: url(http://img.webme.com/pic/f/fairplay-open/test2.jpg);
font-family: arial;
font-size: 14px;
color: #000000; }
/* Design-Container */
#container {
width: 1000px;
background-color: ;
background-image: ;
margin: 10px auto;
overflow: hidden; }
/* Headerfeld für Logo 269 x 269 */
#header_container {
width: 140px;
height: 130px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/f/fairplay-open/tcg_logo.jpg);
border: 0px solid #c9c9c9; }
/* Titel im Headerfeld entfernt */
h1#header {display: none; }
/* Feld der Navigation */
#nav_container {
width: 1000px;
height: 40px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #c9c9c9; }
/* Titel über Navigation entfernt */
#nav_heading {display: none; }
/* Aufzählungspunkte in Navi entfernt */
ul#nav {
list-style-type: none; }
/* Navi-Buttons */
li.nav_element {
width: 120px;
height: 40px;
float: left;
text-align: center;
border-right: 1px solid #c9c9c9;
background-color: #FFFFFF;
background-image: url(); }
/* Hover Navi-Button */
li.nav_element:hover { background-color: #ff0000; }
/* Linktexte in Navigation */
li.nav_element a {
display: block;
font-size: 15px;
color: #000000;
line-height: 40px;
text-decoration: none; }
/* Hover Linktexte Navigation */
li.nav_element a:hover { color: #FFFFFF; }
/* Zweites Headerfeld */
#pre_content {
width: 998px;
height: 178px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/f/fairplay-open/head3.jpg);
border: 0px solid #c9c9c9; }
/* Seiteninhalt rechts platziert */
#content {
float:right;
width: 665px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
background-image: url(h);
border: 1px solid #c9c9c9;
overflow: hidden; }
/* Titel Seiteninhalt + Titel über Box */
h2#title , #sidebar_heading {
padding: 5px 0px 5px 20px;
margin: -20px -20px 15px -20px;
background-color: #ff0000;
color: #000000;
font-size: 14px;
font-weight: normal; }
/* Link im Seiteninhalt */
#content a {color: #000080; }
/* Hover Link im Seiteninhalt */
#content a:hover {color: #008080; }
/* Rechte Box links platziert */
#sidebar_container {
float: left;
width: 250px;
min-height: 457px;
padding: 00px 00px 00px 00px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/f/fairplay-open/links1.jpg);
border: 1px solid #c9c9c9;
overflow: hidden; }
/* Liste in rechter Box */
#sidebar_content ul {
list-style-type: square;
margin: 15px 0px 15px 25px; }
/* Linktexte in Box */
#sidebar_content ul li a {
color: #000000;
font-size: 14px;
text-decoration: none; }
/* Hover Linktexte Box */
#sidebar_content ul li a:hover { color: chocolate; }
/* Feld unter dem Design */
#footer {
width: 920px;
padding: 20px 20px 20px 20px;
margin: auto;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #c9c9c9; }
/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}
