Soucis d'affichage

SopalinBlanc Messages postés 22 Date d'inscription Statut Membre Dernière intervention -
SopalinBlanc Messages postés 22 Date d'inscription Statut Membre Dernière intervention - 21 avril 2011 à 10:43

Bonjour,

Je suis une grande débutante et je crée actuellement un site sur Dreamweaver

J'ai commencé a placer quelque éléments mais quand j'affiche ma page sur internet (quelque soit le navigateur) ça devient n'importe alors que sur Dreamweaver c'est nickel.

Peut-être cela vient-il de mon code..?

_________________________________________________________________________
Voici mon HTML

<!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>Olivier Lathoumetie sculpteur</title>
<style type="text/css">

</style>
<link href="style-site.css" rel="stylesheet" type="text/css" media="screen"/>
</head>

<body>
<div id="conteneur">

<img src="images/N1.jpg" />

<div id="Nom">Olivier Lathoumetie sculpteur</div>

<div id="chemin">Présentation</div>

<div id="menu">
<ul>
<li>Présentation</li>
<li>Galerie</li>
<li>Exposition</li>
<li>Atelier</li>
<li>Article</li>
<li>Contact</li>
</ul>
</div>

</div>

</body>
</html>

_________________________________________________________________________

ET MON CSS

#image {
float: left;
width: 95px;
height: 562px;
padding: 0px;
background-repeat: no-repeat;
margin-top: 14px;
margin-right: 0px;
margin-bottom: 24px;
margin-left: 9px;
position: relative;
background-color: #0F6;
}
#Nom {
font-family: Arial, Helvetica, sans-serif;
font-size: 44px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -30px;
float: left;
position: absolute;
width: 720px;
}
#menu ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
list-style-type: none;
padding: 0px;
height: 0px;
margin: 0px;
float: none;
letter-spacing: 0pt;
word-spacing: 0pt;
line-height: 32px;
}
#menu {
margin-top: 200px;
width: 0px;
margin-left: -55px;
float: none;
position: absolute;
clear: both;
}
#chemin {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
margin-top: 100px;
margin-left: -25px;
position: absolute;
}
#conteneur {
width: 800px;
}

________________________________________________________________________

VOILA
Si vous voyez un truc qui cloche dites moi!

Merci d'avance pour votre aide

Afficher la suite

A voir également:

Soucis d'affichage
Affichage double ecran - Guide
Windows 11 affichage classique - Guide
Problème affichage fenêtre windows 10 - Guide
Pinterest problème affichage ✓ - Forum Réseaux sociaux
Affichage youtube trop grand ✓ - Forum YouTube

10 réponses

Réponse 1 / 10

Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention 84

Salut,
Je pense que ton CSS à vraiment à revoir.
Pour ta div nom tu fais :

#Nom {
font-family: Arial, Helvetica, sans-serif;
font-size: 44px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -30px;
float: left;
position: absolute;
width: 720px;
}

Tu met un :

margin-left: -30px;

Alors normal que le "O" d'Olivier soit mordu.
pareil pour ton menu avec :

margin-left: -55px;

après ce qui est de l'empilement de tes menus vires le height qui te sert strictement à rien :

#menu ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
list-style-type: none;
padding: 0px;
margin: 0px;
float: none;
letter-spacing: 0pt;
word-spacing: 0pt;
line-height: 32px;
}

Réponse 2 / 10