probléme centrer un menu CSS!!!
probléme centrer un menu CSS!!! - HTML/CSS - Programmation
Marsh Posté le 15-11-2005 à 02:11:56
#menu {
magin:auto;
top: 130px;
left: 0%;
z-index:100;
width: 100%;
height: 30px;
}
Sujets relatifs:
- Probleme de TextFormat
- Centrer photo
- Problème .htaccess
- [Resolu][CSS] Mozilla / IE - div et contenu
- Menu + autre fenêtre à gauche
- [CSS] - Pourquoi min-width ne marche pas ?
- Menu qui ne bouge pas
- Probleme boutons
- Probleme d'ouverture de pages jsp avec tomcat.
- problème d'affectation de style dans mes formulaire
Marsh Posté le 14-11-2005 à 17:36:43
Bonjour, voila je suis débutant et pour l'instant je m'amuse juste à étudier les comportements css etc....donc vous foutez pas trop de moi c'est normal je suis nul!
Voila le probléme:
http://perso.wanadoo.fr/psycog/
J'ai pris le CSS pour le menu dans le tutoriel de CSS créations.
J'ai plusieurs questions:
1)Bizarrement mon site marche sur le 1024-768 en config écran mais je voudrais tout mettre mon site en valeur absolue pour que quelque soit la config ça marche et s'adapte!
2) Comment centrer ce menu,je trouve pas,avec align center? j'ai essayé mais pas réussi!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>PSYCOG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
margin-left: 5%;
margin-right: 5%;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 130px;
left: 0%;
z-index:100;
width: 100%;
height: 30px;
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
.Style1 {
color: #333333;
font-size: 100%;
}
body,td,th {
font-size: 80%;
}
.Style2 {font-size: 100%}
-->
</style>
</head>
<body>
<p> </p>
<div id="menu">
<dl class="Style2">
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl class="Style1">
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>
<dl class="Style2">
<dt onmouseover="javascript:montre();"><a href="">Menu 2</a></dt>
</dl>
<dl class="Style2">
<dt onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
<dl class="Style2">
<dt onmouseover="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>
</div>
<div align="center">
<p align="center"><img src="LOGO.gif" width="468" height="60"></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="justify"> Tandem venit amor, qualem texisse pudori quam nudasse alicui sit mihi fama magis.Exorata meis illum Cytherea Camenis adtulit in nostrum deposuitque sinum.Exsolvit promissa Venus: mea gaudia narret,dicetur siquis non habuisse sua.Non ego signatis quicquam mandare tabellis,ne legat id nemo quam meus ante, velim,sed peccasse iuvat, vultus conponere famae taedet: cum digno digna fuisse ferar. </p>
<p align="justify">Tandem venit amor, qualem texisse pudori quam nudasse alicui sit mihi fama magis.Exorata meis illum Cytherea Camenis adtulit in nostrum deposuitque sinum.Exsolvit promissa Venus: mea gaudia narret,dicetur siquis non habuisse sua.Non ego signatis quicquam mandare tabellis,ne legat id nemo quam meus ante, velim,sed peccasse iuvat, vultus conponere famae taedet: cum digno digna fuisse ferar. </p>
<p align="justify">Tandem venit amor, qualem texisse pudori quam nudasse alicui sit mihi fama magis.Exorata meis illum Cytherea Camenis adtulit in nostrum deposuitque sinum.Exsolvit promissa Venus: mea gaudia narret,dicetur siquis non habuisse sua.Non ego signatis quicquam mandare tabellis,ne legat id nemo quam meus ante, velim,sed peccasse iuvat, vultus conponere famae taedet: cum digno digna fuisse ferar. </p>
<p align="justify">Tandem venit amor, qualem texisse pudori quam nudasse alicui sit mihi fama magis.Exorata meis illum Cytherea Camenis adtulit in nostrum deposuitque sinum.Exsolvit promissa Venus: mea gaudia narret,dicetur siquis non habuisse sua.Non ego signatis quicquam mandare tabellis,ne legat id nemo quam meus ante, velim,sed peccasse iuvat, vultus conponere famae taedet: cum digno digna fuisse ferar. </p>
<p align="justify">Tandem venit amor, qualem texisse pudori quam nudasse alicui sit mihi fama magis.Exorata meis illum Cytherea Camenis adtulit in nostrum deposuitque sinum.Exsolvit promissa Venus: mea gaudia narret,dicetur siquis non habuisse sua.Non ego signatis quicquam mandare tabellis,ne legat id nemo quam meus ante, velim,sed peccasse iuvat, vultus conponere famae taedet: cum digno digna fuisse ferar. </p>
<p align="justify">Tandem venit amor, qualem texisse pudori quam nudasse alicui sit mihi fama magis.Exorata meis illum Cytherea Camenis adtulit in nostrum deposuitque sinum.Exsolvit promissa Venus: mea gaudia narret,dicetur siquis non habuisse sua.Non ego signatis quicquam mandare tabellis,ne legat id nemo quam meus ante, velim,sed peccasse iuvat, vultus conponere famae taedet: cum digno digna fuisse ferar. </p>
<p align="justify">Tandem venit amor, qualem texisse pudori quam nudasse alicui sit mihi fama magis.Exorata meis illum Cytherea Camenis adtulit in nostrum deposuitque sinum.Exsolvit promissa Venus: mea gaudia narret,dicetur siquis non habuisse sua.Non ego signatis quicquam mandare tabellis,ne legat id nemo quam meus ante, velim,sed peccasse iuvat, vultus conponere famae taedet: cum digno digna fuisse ferar. </p>
<p align="justify">Tandem venit amor, qualem texisse pudori quam nudasse alicui sit mihi fama magis.Exorata meis illum Cytherea Camenis adtulit in nostrum deposuitque sinum.Exsolvit promissa Venus: mea gaudia narret,dicetur siquis non habuisse sua.Non ego signatis quicquam mandare tabellis,ne legat id nemo quam meus ante, velim,sed peccasse iuvat, vultus conponere famae taedet: cum digno digna fuisse ferar. </p>
</div>
</body>
</html>
Merci