affichages IE, Firefox, Chrome

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateurs : chinon37, Kazé, bobo

Ecam
Gecko
Messages : 69
Enregistré le : 06 déc. 2011, 21:25

affichages IE, Firefox, Chrome

Message par Ecam » 26 mars 2012, 17:21

Bonjour,
J'ai des petit.....heu, gros soucis d'affichage de mes pages web lors de mes aperçus. Surtout sur IE qui me met un chantier pas possible notamment sur mes images.
Je travail sur Mozilla, google chrome me fait pas trop de modif où très léger, mais IE, je suis déjà à moitié chauve à force de m'arracher les cheveux, et je ne vous parle pas des anciennes versions^^
Existe t-il des méthodes pour arranger ça ?

Avatar du membre
chriss..
Varan
Messages : 1139
Enregistré le : 13 nov. 2011, 23:15

Re: affichages IE, Firefox, Chrome

Message par chriss.. » 26 mars 2012, 19:47

bonjour,
peut tu nous donner la page web si ce n,est pas en privé?
--
Christian....

Ecam
Gecko
Messages : 69
Enregistré le : 06 déc. 2011, 21:25

Re: affichages IE, Firefox, Chrome

Message par Ecam » 26 mars 2012, 20:58

Je donne une des pages, car j'en ai pas mal, je fournis celle où il y a le plus d'images :

Code : Tout sélectionner

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>






  
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>Sponsors.html</title>
  

  
  
  <link rel="stylesheet" href="Images/styles" type="text/css"></head><body style="margin-left: 96px; width: 1149px; color: rgb(0, 0, 0); background-color: rgb(215, 215, 215);" alink="#000099" link="#000099" vlink="#990099">
<div style="border-style: outset; width: 80px; float: left; text-align: center; margin-top: 0px; height: 1348px;" id="gauche">ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>

</div>

<div style="text-align: center; width: 80px; height: 1348px;" id="droite">ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>
ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>
<br>

ECAM<br>

</div>

<div style="margin-left: 160px; width: 1095px;" id="entete">
<div style="text-align: center; margin-left: 0px; width: 1090px;"><img title="ECAM" src="Images/logoecam.jpg" style="width: 247px; height: 150px;" alt="ECAM"><img src="Images/Equipe%202011.jpg" style="border: 0px solid ; width: 335px; height: 150px;" alt="Equipe 2011"><img title="Arbent" src="Images/arbent1.jpg" style="width: 109px; height: 150px;" alt="Arbent"></div>
<br>
<div style="text-align: center; margin-top: 16px; height: 100px; margin-left: 1px; width: 1085px;"><br>
<img src="Images/axaa.jpg" style="width: 85px; height: 45px;" alt="Axa"><img src="Images/dilullo.JPG" style="width: 80px; height: 45px;" alt="DiLullo"><img src="Images/froidetmachine.JPG" style="width: 80px; height: 45px;" alt="Froid&machine"><img src="Images/geantc.jpg" style="width: 80px; height: 45px;" alt="G&eacute;ant"><img src="Images/look.JPG" style="width: 80px; height: 45px;" alt="Look"><img src="Images/poralumenui.jpg" style="width: 80px; height: 45px;" alt="Michel Fleurs"><img src="Images/poralu.JPG" style="width: 80px; height: 45px;" alt="Poralu"><img src="Images/poralucharpente.jpg" style="width: 80px; height: 45px;" alt="Poralu"><img src="Images/evanessence.jpg" style="width: 80px; height: 45px;" alt="RG Plastique"><img src="Images/xrider.jpg" style="width: 90px; height: 45px;" alt="X Rider"><br>
<span style="font-weight: bold; color: rgb(204, 0, 0);"></span><br>
<br>
<table style="text-align: left; width: 600px; margin-left: auto; margin-right: auto; background-color: rgb(255, 153, 0); color: rgb(204, 0, 0); font-weight: bold; font-style: italic;" border="2" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="vertical-align: middle; width: 274px; background-color: rgb(255, 153, 0); text-align: center;">
      <marquee> L'ECAM
vous souhaite une bonne ann&eacute;e 2012 - Site en
d&eacute;veloppement </marquee>
      </td>
    </tr>
  </tbody>
</table>
</div>
</div>

<form name="form1">
  <ul style="margin-top: 90px; height: 16px; margin-left: 299px; width: 831px;" id="menu">
    <big> </big>
    <li><big> <a href="Accueil.html">Accueil</a> </big></li>
    <big> </big>
    <li><big> <a href="#">L'ECAM</a> </big>
      <ul>
        <big> </big>
        <li><big><a href="Team.html">Team</a></big></li>
        <big> </big>
        <li><big><a href="Tenue.html">Tenue</a></big></li>
        <big> </big>
        <li><big><a href="#">Sponsors</a></big></li>
        <big> </big>
      </ul>
      <big> </big></li>
    <big> </big>
    <li><big> <a href="Agenda.html">Agenda</a> </big>
   
      <big> </big></li>
    <big> </big>
    <li><big> <a href="#">Phototheque</a> </big>
	<ul>
        <big> </big>
        <li><big><a href="photos.html">Photos</a></big></li>
        <big> </big>
        <li><big><a href="Articles.html">Articles</a></big></li>
        <big> </big>
      </ul>
	</li>
    <big> </big>
    <li><big> <a href="#">Utilitaires</a> </big>
      <ul>
        <big> </big>
        <li><big><a target="_blank" href="Forum.html">Forum</a></big></li>
        <big> </big>
        <li><big><a href="Nouscontacter.html">Nous contacter</a></big></li>
        <big> </big>
        <li><big><a href="Divers.html">Divers</a></big></li>
        <big> </big>
      </ul>
      <big> </big></li>
    <big> </big>
  </ul>
  <div style="text-align: center;"> </div>
  <div id="texte" style="text-align: left; margin-left: 154px; width: 1095px; margin-top: 83px; height: 559px;">
  <big><a target="_blank" href="http://www.axa.fr/"><img style="border: 0px solid ; width: 310px; height: 170px;" alt="AXA" title="AXA" src="Images/axaa.jpg"></a>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;  </big><a href="http://www.dilullo.fr/dilullo/Cycles_dilullo.html" target="_blank"><img style="border: 0px solid ; width: 310px; height: 170px;" alt="Di Lullo" title="Di Lullo" src="Images/Logo%20Di%20Lullo%20r2.jpg"></a><big>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <a href="http://www.froid-et-machines.fr/" target="_blank"><img style="width: 310px; height: 170px;" alt="Froid&Machine" title="Froid&Machine" src="Images/froid&machine.jpg"></a><br>
  <br>
  <br>
  <br>
  <br>
  <a href="http://www.geant.tn/Fr/accueil_46_32#?" target="_blank"><img style="width: 310px; height: 170px;" alt="G&eacute;ant" title="G&eacute;ant" src="Images/geantc.jpg"></a> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;  <a href="http://www.lookcycle.com/fr/all.html" target="_blank"><img style="width: 310px; height: 170px;" alt="Look" title="Look" src="Images/look.jpg"> </a>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;  <a href="http://www.poralu.fr/" target="_blank"><img style="width: 310px; height: 170px;" alt="Poralu" title="Poralu" src="Images/poralu.jpg"></a>
  <br>
  <br>
  <br>
  <br>
  <img style="width: 310px; height: 170px;" alt="Evanessence" title="Evanessence" src="Images/evanessence.jpg"> &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;  <a href="http://www.lunettes-xrider.com/" target="_blank"><img style="width: 310px; height: 170px;" alt="X Rider" title="X Rider" src="Images/xrider.jpg"></a>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <br>
  </big><br>
  <br>
&nbsp;&nbsp;&nbsp;&nbsp; <font color="#0000ff"><strong><em></em></strong></font>
  </div>
  <font color="#0000ff"><strong><br>
  <br>

  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  </strong></font>
  <div style="text-align: center; margin-left: 180px; width: 1030px; margin-top: 110px; height: 40px;" id="Pieds">&nbsp; <a name="Haut_de_page"></a><a href="#entete"><img src="Images/Haut.jpg" title="Retour en haut de page" style="border: 0px solid ; width: 40px; height: 36px;" alt="Haut de page"></a>&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;<a href="mailto:xxx@.yyy"><span style="text-decoration: underline;"><img src="Images/arobas.jpg" style="border: 0px solid ; width: 40px; height: 36px;" alt="Envoyer un mail" title="Nous envoyer un mail"></span></a> </div>
</form>

</body></html>

Avatar du membre
chriss..
Varan
Messages : 1139
Enregistré le : 13 nov. 2011, 23:15

Re: affichages IE, Firefox, Chrome

Message par chriss.. » 26 mars 2012, 21:35

bonjour,

au moins déjà une erreur dans cette ligne:

Code : Tout sélectionner

<link rel="stylesheet" href="Images/styles" type="text/css">
tu as oublié l'extension du fichier styles.CSS
Ou tu as oublié de donner le nom du fichier (styles étant ton dossier) :?:
--
Christian....

Avatar du membre
chriss..
Varan
Messages : 1139
Enregistré le : 13 nov. 2011, 23:15

Re: affichages IE, Firefox, Chrome

Message par chriss.. » 26 mars 2012, 21:44

est-ce que ton copié/collé est bon ???
parce qu,il manque " < " devant !DOCTYPE

EDIT: ton site n'est pas encore en ligne ? pourrait tu le mettre ou moins une partie?
--
Christian....

Ecam
Gecko
Messages : 69
Enregistré le : 06 déc. 2011, 21:25

Re: affichages IE, Firefox, Chrome

Message par Ecam » 26 mars 2012, 21:56

chriss.. a écrit :bonjour,

au moins déjà une erreur dans cette ligne:

Code : Tout sélectionner

<link rel="stylesheet" href="Images/styles" type="text/css">
tu as oublié l'extension du fichier styles.CSS
Ou tu as oublié de donner le nom du fichier (styles étant ton dossier) :?:

Pour le <DOCTYPE, erreur de ma part sur le copier/coller.
pour le style, le nom de fichier s'appelle juste "style", j'ai rajouté le css, ça ma tout enlevé.

Pour la mise en ligne je ne peux pas sans l'accord de mon président.
Une impression ecran pourrait faire l'affaire ?

Avatar du membre
chriss..
Varan
Messages : 1139
Enregistré le : 13 nov. 2011, 23:15

Re: affichages IE, Firefox, Chrome

Message par chriss.. » 26 mars 2012, 22:06

Il serait préférable en ligne pour voir les erreurs de codage :twisted:
Si il existe déjà un site, mets le dans un répertoire provisoire en nous donnant l,adresse... à moins que ce site soit privé
--
Christian....

Ecam
Gecko
Messages : 69
Enregistré le : 06 déc. 2011, 21:25

Re: affichages IE, Firefox, Chrome

Message par Ecam » 26 mars 2012, 22:11

Pas le droit de toucher à la mise en ligne pour l'instant :?

A la base, j'ai mes 3 images alignées sur 1 ligne. Et ce sur 3 lignes, comme un morpion si tu préfères :mrgreen:

Sur IE, Elles sont disposées n'importe comment, comme si j'appuyais sur "entrée" après chaque image, mais pas du tout alignée...

Avatar du membre
chriss..
Varan
Messages : 1139
Enregistré le : 13 nov. 2011, 23:15

Re: affichages IE, Firefox, Chrome

Message par chriss.. » 26 mars 2012, 22:17

Ecam a écrit :Pas le droit de toucher à la mise en ligne pour l'instant :?

A la base, j'ai mes 3 images alignées sur 1 ligne. Et ce sur 3 lignes, comme un morpion si tu préfères :mrgreen:

Sur IE, Elles sont disposées n'importe comment, comme si j'appuyais sur "entrée" après chaque image, mais pas du tout alignée...
et le code CSS? tu peut le copier ?
--
Christian....

Ecam
Gecko
Messages : 69
Enregistré le : 06 déc. 2011, 21:25

Re: affichages IE, Firefox, Chrome

Message par Ecam » 26 mars 2012, 22:24

Code : Tout sélectionner

h3 {
  border-style: none;
  color: #cc0000;
  line-height: 0%;
  font-size: large;
  font-style: oblique;
  text-align: center;
  font-weight: bold;
  border-right-color: #33ccff;
}
body, p, li {
  text-align: center;
}
#droite {
  border-style: outset;
  border-color: black;
  font-weight: bold;
  font-style: oblique;
  text-align: center;
  color: #cc0000;
  background-color: #ff9900;
  float: right;
  margin-right: -17%;
}
#gauche {
  border-style: outset;
  border-color: black;
  font-weight: bold;
  font-style: oblique;
  text-align: center;
  color: #cc0000;
  background-color: #ff9900;
  float: left;
  margin-left: 5%;
}
#Pieds {
  border-style: double;
  border-color: black;
  background-color: #ff9900;
}
#menu {
  border-color: #cc0000;
  text-align: center;
  font-style: oblique;
  font-weight: bold;
  color: #cc0000;
  margin-top: 30%;
}
#entete {
  background-color: #dadada;
}
#menu, #menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: 21px;
  text-align: center;
}
#menu {
  font-weight: bold;
  font-family: Arial;
  font-size: 15px;
}
#menu a {
  padding: 0;
  background: #ff8c00 none repeat scroll 0% 50%;
  display: block;
  color: #8b0000;
  text-decoration: none;
  width: 150px;
}
#menu li {
  border-right: 1px solid #ffffff;
  float: left;
}
html > body #menu li {
  border-right: 1px solid transparent;
}
#menu li ul {
  position: absolute;
  width: 144px;
  left: -999em;
}
#menu li ul li {
  border-top: 1px solid #ffffff;
}
html > body #menu li ul li {
  border-top: 1px solid transparent;
}
#menu li ul ul {
  border-left: 1px solid #ffffff;
  margin: -22px 0 0 144px;
}
html > body #menu li ul ul {
  border-left: 1px solid transparent;
}
#menu a:hover {
  background: #ffffff none repeat scroll 0% 50%;
  color: #000000;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
  left: auto;
  min-height: 0;
}
body {
}

Avatar du membre
chriss..
Varan
Messages : 1139
Enregistré le : 13 nov. 2011, 23:15

Re: affichages IE, Firefox, Chrome

Message par chriss.. » 26 mars 2012, 22:39

pas facile à lire.... :?

tu devrais mettre les styles qui sont dans la page HTML dans celle CSS.
comme je ne peut voir les images. envoie les 2 impressions d'écran
--
Christian....

Ecam
Gecko
Messages : 69
Enregistré le : 06 déc. 2011, 21:25

Re: affichages IE, Firefox, Chrome

Message par Ecam » 26 mars 2012, 22:47

Pour le css, dsl kompozer me marque ça comme ça.

Comment insérer une impression écran ? Je ne peux rien mettre dans les balises "images" et on me refuse les pièces jointes :"quotas remplis"

Avatar du membre
chriss..
Varan
Messages : 1139
Enregistré le : 13 nov. 2011, 23:15

Re: affichages IE, Firefox, Chrome

Message par chriss.. » 26 mars 2012, 23:01

désolé, je ne sais quoi te dire...
Pas facile de trouver les erreurs.
essaye de faire un code propre, cela seras plus facile à corriger pour toi.
--
Christian....

Ecam
Gecko
Messages : 69
Enregistré le : 06 déc. 2011, 21:25

Re: affichages IE, Firefox, Chrome

Message par Ecam » 26 mars 2012, 23:05

Je ne sais pas trop quoi modifier. Le code est fait automatiquement par kompozer.
Merci quand même :)

Avatar du membre
chriss..
Varan
Messages : 1139
Enregistré le : 13 nov. 2011, 23:15

Re: affichages IE, Firefox, Chrome

Message par chriss.. » 26 mars 2012, 23:06

ceci m'avait echappé
Ecam a écrit : Pour le <DOCTYPE, erreur de ma part sur le copier/coller.
pour le style, le nom de fichier s'appelle juste "style", j'ai rajouté le css, ça ma tout enlevé.
ok, donc pour le DOCTYPE
pour le CSS bizarre.... :?: pas d,erreur sur le nom du fichier??
--
Christian....

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 6 invités