Problème avec ce cher I.E.

Résolu/Fermé

scrivatura24 Messages postés 3 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 16 juillet 2008 - 16 juil. 2008 à 10:19
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 16 juil. 2008 à 13:45

Bonjour,
voilà mon problème. Je suis entrain de reconfigurer mon site, mais j'ai quelque probleme avec
Internet Explorer qui ne veut pas afficher mes pages comme sur Mozilla Fire fox.
En bref, j'aimerai que, dans mes menus, mes liens ne soient pas espacés à chaque fois d'un
centimètres.
Est-ce que quelqu'un aurait une solution ?
Merci d'avance.

A voir également:

Problème avec ce cher I.E.
Forfait mobile pas cher - Accueil - Guide opérateurs et forfaits
Office pas cher - Guide
Amazon le moins cher d'europe - Accueil - Commerce
Windows 10 pas cher - Accueil - Installation
Smartphone pas cher - Accueil - Guide téléphones

2 réponses

Réponse 1 / 2

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
16 juil. 2008 à 10:31

salut,

peux-tu nous montrer les codes sources (HTML/CSS) des balises incriminées ou encore mieux nous montrer une version en ligne.
merci.

scrivatura24 Messages postés 3 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 16 juillet 2008
16 juil. 2008 à 11:00

Bonjour,
merci pour ta réponse rapide. Je n'ai pas encore mis la nouvelle version en ligne car il faut encore que je la peaufine, mais voici le code d'une page :
(on m'a conseillé aussi de mettre des "hack", mais comme je ne sais pas ce que c'est... à moins que tu ais une réponse là aussi? )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta name="verify-v1" content="pa10VH7CQA4RYtV4Q0k+A2kCFIrpeYmdNAhJttNG1w8=" />
<title>Bienvenue sur le site de la librairie L'OEIL ECOUTE !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#en_tete
{
width: 960px;
height: 185px;
background-repeat: no-repeat;
background-image: url("fresque.jpg");
margin-bottom: 10px;
line-height: 0px;
padding-left: 1px;
}
#menu
{
float: left;
width: 200px;
background-color: white;
margin : 9px;
}
#corps
{
width: 675px;
margin-left: 228px;
padding-left: 0px;
padding-right: 10px;
color: black;
border: 2px solid red;
background-color: white;
}
#pied_de_page
{
width: 90px;
margin-left: 240px;
padding-left: 10px;
padding-right: 10px;
color: black;
border: 2px dashed red;
background-color: rgb(212,24,0);
} h1
{
text-align: center;
color: red;
font-family: times new roman;
background-color: white;
} h2
{
text-align: center;
color: white;
font-family: times new roman;
background-color: rgb(212,24,0);
font-size: 19px;
border: 8px outset red;
margin: 10px;
height: 18px;
} h3
{
text-align: center;
color: white;
font-family: times new roman;
background-color: rgb(212,24,0);
font-size: 19px;
border: 2px dashed white;
margin: 10px;
height: 18px;
}
h4
{
text-align: center;
color: rgb(212,24,0);
font-family: times new roman;
background-color: white;
}
h5
{

text-align: center;
color: black;
font-family: times new roman;
background-color: white;
height: 25px;
margin: 0px;
line-height: 8px;
}
h6
{
text-align: left;
color: rgb(212,24,0);
font-family: times new roman;
background-color: white;
font-size: 15px;
line-height: 30px;
}
p
{
text-align: justify;
font-family: times new roman;
margin: 0px;
text-indent: 20px;
font-size: 14px;
}
ul
{
background-color: rgb(212,24,0);
margin: 10px;
padding: 5px;
padding-left: 25px;
}
li
{
margin: 3%;
text-indent: 20px;
text-align: justify;
font-family: times new roman;
background-color: rgb(212,24,0);
margin-left: -25px;
}
table
{
margin: auto;
}
a
{
text-decoration: underline;
color: white;
background-color: rgb(212,24,0);
}
td
{
text-align: center;
}
.imageflottante
{
float: left;
}
.nom
{
color: navy;
}
.auteur
{
color: purple;
}
.barre
{
text-decoration: line-through;
}
body
{
width: 920px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: rgb(212,24,0);
}
</style>
</head>
<body>
<div id="en_tete">

</div>
<div id="menu">
<h2>Menu principal</h2>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="agenda.html">Agenda</a></li>
<li><a href="selection_du_mois.html">Sélection du mois</a></li>
<li><a href="promotions_du_mois.html">Promotions du mois</a></li>
<li><a href="coeur.html">Nos lectures</a></li>
<li><a href="pepite.html">Nos pépites</a></li>
<li><a href="archives.html">Les archives</a></li>
<li><a href="clin_doeil.html">Le clin d'oeil</a></li>
</ul>
<h2>Meilleures Ventes</h2>
<ul>
<li><a href="meilleures_ventes.html">de la semaine</a></li>
<li><a href="meilleures_ventes_par_rayon.html">par rayon</a></li>
</ul>
<h2>A propos de...</h2>
<ul>
<li><a href="presentation.html">Présentation</a></li>
<li><a href="magasin.html">Accès et horaires</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="notre_equipe.html">Notre équipe</a></li>
<li><a href="inscription_a_la_newsletter.html">Newsletter</a></li>
<li><a href="liens.html">Liens</a></li>
<li><a href="catalogues_editeurs.html">Catalogues éditeurs</a></li>
</ul>
</div>
<div id="corps">
<h3 id="agenda">Agenda</h3>
<p>Aucun événement pour le moment.</p>
</div>
</body>
</html>

Réponse 2 / 2

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
16 juil. 2008 à 11:08

les hacks sont des techniques de codes qui permettent de masquer certaines règles de style à certains navigateurs.
je te le déconseille fortement, d'autant plus que la plupart du temps on peut s'en passer.

dis nous quel est ton problème d'affichage, c'est long de se faire une version locale pour chaque demande d'aide.
comment doit se présenter ton menu ? (horizontale, verticale, centré ou pas…)

pour ton problème ce doit être une marge ou un espacement par défaut qui traine quelque part.
tu peux essayer d'ajouter

* {
margin:0;
padding:0;
}

ou alors de faire la même chose à chaque balise utilisée dans le menu.

pour la prochaine fois, mets le code en forme avec ce bouton, merci !

scrivatura24
16 juil. 2008 à 12:43

Le menu est vertical et à gauche.
J'ai essayé avec le padding et margin, mais ça ne donne rien.
Je te recopie le code comme tu me l'as indiqué (désolée, je suis nouvelle sur le site).
Merci pour ton aide.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
<meta name="verify-v1" content="pa10VH7CQA4RYtV4Q0k+A2kCFIrpeYmdNAhJttNG1w8=" />
       <title>Bienvenue sur le site de la librairie L'OEIL ECOUTE !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
#en_tete
{
   width: 960px;
   height: 185px;
   background-repeat: no-repeat;
background-image: url("fresque.jpg");
   margin-bottom: 10px;
line-height: 0px;
padding-left: 1px;
}
#menu
{
float: left;
width: 200px;
background-color: white;
margin : 9px;
}
#corps
{
   width: 675px;
   margin-left: 228px;
   padding-left: 0px;
   padding-right: 10px;
   color: black;
border: 2px solid red;
background-color: white;
}
#pied_de_page
{
width: 90px;
   margin-left: 240px;
   padding-left: 10px;
   padding-right: 10px;
   color: black;
border: 2px dashed red;
background-color: rgb(212,24,0);
}
h1
{
text-align: center;
color: red;
font-family: times new roman;
background-color: white;
}
h2
{
text-align: center;
color: white;
font-family: times new roman;
background-color: rgb(212,24,0);
font-size: 19px;
border: 8px outset red;
margin: 10px;
height: 18px;
}
h3
{
text-align: center;
color: white;
font-family: times new roman;
background-color: rgb(212,24,0);
font-size: 19px;
border: 2px dashed white;
margin: 10px;
height: 18px;
}
h4
{
text-align: center;
color: rgb(212,24,0);
font-family: times new roman;
background-color: white;
}
h5
{

text-align: center;
color: black;
font-family: times new roman;
background-color: white;
height: 25px;
margin: 0px;
line-height: 8px;
}
h6
{
text-align: left;
color: rgb(212,24,0);
font-family: times new roman;
background-color: white;
font-size: 15px;
line-height: 30px;
}
p
{
text-align: justify;
font-family: times new roman;
margin: 0px;
text-indent: 20px;
font-size: 14px;
}
ul
{
background-color: rgb(212,24,0);
margin: 10px;
padding: 5px;
padding-left: 25px;
}	
li
{
margin: 3%;
text-indent: 20px;
text-align: justify;
font-family: times new roman;
background-color: rgb(212,24,0);
margin-left: -25px;
}
table 
{
   margin: auto;
}
a
{
text-decoration: underline;
color: white;
background-color: rgb(212,24,0);
}
td
{
text-align: center;
}
.imageflottante
{
float: left;
}
.nom
{
color: navy;
}
.auteur
{
color: purple;
}
.barre
{
   text-decoration: line-through;
}
body 
{
   width: 920px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
background-color: rgb(212,24,0);
}
       </style>
   </head>
   <body>
<div id="en_tete">


</div>
<div id="menu">
<h2>Menu principal</h2>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="agenda.html">Agenda</a></li>
<li><a href="selection_du_mois.html">Sélection du mois</a></li>
<li><a href="promotions_du_mois.html">Promotions du mois</a></li>
<li><a href="coeur.html">Nos lectures</a></li>
<li><a href="pepite.html">Nos pépites</a></li>
<li><a href="archives.html">Les archives</a></li>
<li><a href="clin_doeil.html">Le clin d'oeil</a></li>
</ul>
<h2>Meilleures Ventes</h2>
<ul>
<li><a href="meilleures_ventes.html">de la semaine</a></li>
<li><a href="meilleures_ventes_par_rayon.html">par rayon</a></li>
</ul>
<h2>A propos de...</h2>
<ul>
<li><a href="presentation.html">Présentation</a></li>
<li><a href="magasin.html">Accès et horaires</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="notre_equipe.html">Notre équipe</a></li>
<li><a href="inscription_a_la_newsletter.html">Newsletter</a></li>
<li><a href="liens.html">Liens</a></li>
<li><a href="catalogues_editeurs.html">Catalogues éditeurs</a></li>
</ul>
</div>
<div id="corps">
<h3 id="agenda">Agenda</h3>
<p>Aucun événement pour le moment.</p>
</div>
   </body>
</html>

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > scrivatura24
16 juil. 2008 à 12:50

regarde, j'ai fait une mise en page pour un autre fil en cours.
ça doit ressembler à ce que tu veux.

et dans ta CSS, il y a des marges aux items de la listes, ce ne serait pas ça ton espacement gênant ?

li
{
margin: 3%;
text-indent: 20px;
text-align: justify;
font-family: times new roman;
background-color: rgb(212,24,0);
margin-left: -25px;
}

scrivatura24 Messages postés 3 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 16 juillet 2008 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
16 juil. 2008 à 13:20

MERCI!!!! C'était bien le margin 3% qui n'allait pas.

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > scrivatura24 Messages postés 3 Date d'inscription mercredi 16 juillet 2008 Statut Membre Dernière intervention 16 juillet 2008
16 juil. 2008 à 13:45

je coche "résolu".

bon courage pour la suite !
-;o)

Discussions similaires

Fumer moins cher la grosse blague

arnaque sur tabac pas cher.com

Abonnements IPTV moin chère

Site fiable pour achter des tn