voila
j'ai assemblé plusieurs plusieurs script (en autre inséré une page en php avec du ccs, un menu déroulant) et ma mise en page est devenue impossible
de plus y'a aussi un pb avec mes couleurs (je veux le menu prene les couleurs du site par defaut (bleu clair, et bleu foncé quand c'est un lien) rien de plus...)
[code]
</head>
<script type="text/javascript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #133C77; }
a:hover { text-decoration: underline; color : #5493B4; }
hr { height: 0px; border: solid #133C77 0px; border-top-width: 1px;}
body {
margin: 0;
padding:0;
position:absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
}
.haut {
width: auto;
height: 240px;
padding: 10px;}
.conteneur {
height: 350px;
width: 100%;
}
.gauche {
position: absolute;
left: 0px;
width: 200px;
height: 220px;
top: 200px;}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0px;
left: 7px;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px ;
height: 20px;
line-height: 20px;
text-align: center;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
.frame {
margin-left: 280px; /* on place ce bloc à droite du bloc menu de 180px de large */
width: auto;
height: 220px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
background-color: #FFFFFF;
scrollbar-arrow-color: #286988;
scrollbar-3dlight-color: #C3E0ED;
scrollbar-highlight-color: #FFFFFF;
scrollbar-face-color: #AAD3E5;
scrollbar-shadow-color: #6DB5D6;
scrollbar-darkshadow-color: #21546B;
scrollbar-track-color: #FFFFFF;
font-size: 14px;}
.bas {
width: auto;
height: 100px;
font-size: 12px;
padding: 10px;
color: #006699;}
.smenu {font-size: 12px}
.menu {font-size: 14px}
-->
</style>
<body>
<div class="haut">
<p align="center">
<img src="bandeau.gif" width="650" height="15"></p>
<div align="center">
<p><img src="logdef.gif" width="645" height="88"></p>
<p>
<img src="pixel04.gif" width="650" height="8">
</p>
</div>
<p align="center"><img src="bandeau.gif" width="100%" height="15"> </div>
<div class="gauche">
<dl id="menu">
<dt onclick="javascript:montre();"><a href="index3.php?page=accueil"><img src="images/btaccueil.gif" width="108" height="18" border="0"></a></dt>
<dt onclick="javascript:montre('smenu2');"><img src="images/btservice.gif" width="108" height="18"></dt>
<dd id="smenu2">
<ul>
<li><a href="#">Guide de Nice </a></li>
<li><a href="#">Forum de Nice </a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');"> <img src="images/btsinformer.gif" width="108" height="18"></dt>
<dd id="smenu3">
<ul>
<li><a href="index3.php?page=accueil">Associations</a></li>
<li><a href="index3.php?page=presentation">Téléphones utiles </a></li>
<li> <a href="pacs_grenoble.html">Démarches</a> </li>
<li>Le Rainbow Flag</li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');"><img src="images/btsedivertir.gif" width="108" height="18"></dt>
<dd id="smenu4">
<ul>
<li>Restaurants</li>
<li>Cafés et Bars</li>
<li>Discothèques</li>
<li>Commerces</li>
<li>Autres</li>
<li></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');"><img src="images/btsecultiver.gif" width="108" height="18"></dt>
<dd id="smenu5">
<ul>
<li>Télévision</li>
<li>Cinéma</li>
<li>Livres</li>
<li>Musique</li>
</ul>
</dd>
</dl>
</div>
</div>
<div class="frame">
<?php
$pages=array(
'accueil'=>'accueil.htm',
'presentation'=>'presentation.htm',
'suite'=>'suite',
'fin'=>'fin'
);
if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
include $pages[$_GET['page']];
else
include 'accueil.htm';
?>
</div>
<div class="bas">
<div align="center"> <img src="pixel04.gif" width="100%" height="18"> </p>
<img src="bandeau.gif" width="100%" height="30"><br>
© Tous droits réservés 2007<br>
<img src="pixel04.gif" width="100%" height="18"></div> </div>
</body>
</html>
[/code]
d'avance merci...
mettre mon code a jour...
