Titre: Probleme de mise en page
Posté par: johnnini62 le le 13-01-2012 a 20:13:28
Bonjour,
Pour commencer meilleurs voeux a tous et merci a ceux qui pourront m'éclaircir.
En gros je suis en train de refaire mon site entièrement avec Dreamweaver cs4 et je rencontre un souci au moment de placer les balises <li> </li> Enfin je ne pence pas que le problème vient de la mais je vous avoues que je suis en galère depuis 18H dessus.
L'idée étant de recréer le menu de ce template => www.dreamsanimations.com
Pour le moment le code que j'ai rentrer fonctionne sous IE mais je n'arrive pas a avoir le resultat positif sous Google Chrome! www.dreamsanimations.com/maquette.html
Je vous met le code ma futur page "tout au moins le projet" ci-dessous .
Merci d'avance a tous et a toutes.
Jonathan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dreams Animations Sono Marck Calais , Animation Baptêmes communion mariages anniverssaire soirée dansante </title>
<link rel="shortcut icon" href="images/icon.gif" >
<style type="text/css">
<!--
#header {
height: 130px;
width: 760px;
margin-right: auto;
margin-left: auto;
background-color: #33C;
}
#logo {
float: left;
height: 130px;
width: 380px;
background-color: #0C3;
}
#menu {
background-color: #099;
float: right;
height: 120px;
width: 340px;
padding: 10px 0 0 40px;
}
#header #menu ul {
margin: 0;
list-style: none;
}
}
#header #menu ul li {
display: block;
float: left;
width: 140px;
padding: 0 0 5px 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
-->
</style>
</head>
<body>
<div id="header">
<div id="logo">
<h1></h1>
<h2></h2>
</div>
<div id="menu">
<ul>
<li>
<a href= "http://dreamsanimations.com/"> Accueil</a>
</li>
<li>
<a href= "http://dreamsanimations.com/"> Photos </a>
</li>
<li>
<a href= "http://dreamsanimations.com/"> Vidéos </a>
</li>
<li>
<a href= "http://dreamsanimations.com/"> Contacts </a>
</li>
<li>
<a href= "http://dreamsanimations.com/"> Forum</a>
</li>
<li>
<a href= "http://dreamsanimations.com/"> Partenaires </a>
</li>
<li>
<a href= "http://dreamsanimations.com/"> Livre d'or</a>
</li>
<li>
<a href= "http://dreamsanimations.com/"> Devis </a>
</li>
</ul>
</div>
</div>
</body>
</html> |
Titre: Re:Probleme de mise en page
Posté par: FOTOTEK le le 13-01-2012 a 20:53:50
SAlut,
Déjà, à la ligne 33 tu as une erreur : il y a deux } pour fermer #header #menu ul {
Ensuite, si tu mets un display:block à #menu { ça va résoudre ton problème... |
Titre: Re:Probleme de mise en page
Posté par: johnnini62 le le 13-01-2012 a 22:55:57
SAlut,
Déjà, à la ligne 33 tu as une erreur : il y a deux } pour fermer #header #menu ul {
Ensuite, si tu mets un display:block à #menu { ça va résoudre ton problème...
|
|
Merci
Probleme Resolu ^^ |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|