La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Probleme de mise en page
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Probleme de mise en page  (Lu 2392 fois)
Probleme de mise en page
« sur: le 13-01-2012 a 20:13:28 »
johnnini62
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

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>

Rapporter au modérateur  

Re:Probleme de mise en page
« Répondre #1 sur: le 13-01-2012 a 20:53:50 »
FOTOTEK
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 483



Je veille...

Voir le Profil
Répondre avec citation

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...

Rapporter au modérateur  
Re:Probleme de mise en page
« Répondre #2 sur: le 13-01-2012 a 22:55:57 »
johnnini62
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

Citation de: 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...

Merci
Probleme Resolu ^^

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg