Page 1 sur 3
affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 17:21
par Ecam
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 ?
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 19:47
par chriss..
bonjour,
peut tu nous donner la page web si ce n,est pas en privé?
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 20:58
par Ecam
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é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ée 2012 - Site en
dé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> </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> <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éant" title="Géant" src="Images/geantc.jpg"></a> <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> <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"> <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>
<br>
</big><br>
<br>
<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"> <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>
<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>
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 21:35
par chriss..
bonjour,
au moins déjà une erreur dans cette ligne:
tu as oublié l'extension du fichier
styles.CSS
Ou tu as oublié de donner le nom du fichier (styles étant ton dossier)
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 21:44
par chriss..
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?
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 21:56
par Ecam
chriss.. a écrit :bonjour,
au moins déjà une erreur dans cette ligne:
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 ?
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 22:06
par chriss..
Il serait préférable en ligne pour voir les erreurs de codage
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é
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 22:11
par Ecam
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
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...
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 22:17
par chriss..
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
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 ?
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 22:24
par Ecam
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 {
}
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 22:39
par chriss..
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
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 22:47
par Ecam
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"
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 23:01
par chriss..
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.
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 23:05
par Ecam
Je ne sais pas trop quoi modifier. Le code est fait automatiquement par kompozer.
Merci quand même
Re: affichages IE, Firefox, Chrome
Publié : 26 mars 2012, 23:06
par chriss..
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??