28173 sujets

CSS et mise en forme, CSS3

<div id="container">
<div class="menu_pos">
<ul id="menu">
    <li><a>M e n u</a>
        <ul>
            <li><a href="" title="">Choix</a></li>
	[...]
</li>
</ul>

<script type="text/javascript">
    initMenu();
</script>
</div>

<div id="topbar">
		CNTDF | 
[...]
</div>

  <div id="content">
	<div class="corps">
	      <form >




#container {
	height: 100%;
	height: 400px;
	width:100%;
	padding: 0px;
	background-color: #FFFFCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-width: 0px;
	border-color: #CC0000;
}
#content {
	margin-left:23px;
	background-color: #FFFFCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-width: 1px;
	border-color: #CC0000;
}
#topbar {
	height:20px;
	background-color: #FFFFCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-width: 1px;
	border-color: #CC0000;
	padding: 10px;
	display: block;
	font-size : large;
}
.corps {
	color: #404040;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	padding: 10px;
	text-align: left;
	line-height: 150%;
}
.menu_pos {
	float:left;	
}


.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:500px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:124px;
    /*margin:0;*/
    padding:0;
    }
    

.menu li ul{
    visibility:hidden;
    }

Modifié par lechewam (10 Jul 2006 - 09:54)