navigateur(s)

sharnalk · 8 Août 2005

voila grace a vos nombreux conseil et aux liens que vous avez donner, jai réussi

a faire une page daccueil potable :lol:

MAIS le grand probleme reste les navigateurs, en effet avec firefox la page

est tres bien rendu, mais avec internet explorer cest un vrai désastre.

comment palier a ce probleme ?

**Portekoi** · 8 Août 2005

Un petit lien peut être?

sharnalk · 8 Août 2005

un liens ? pôur mon site ? il est pas encore en ligne -__-

**Portekoi** · 8 Août 2005

Euh.. j'ai peut être pas tout compris mais comment corriger ta page si on ne la voit pas... ?

:fou: :lol:

sharnalk · 8 Août 2005

XD jai jamais demander de corriger ma page -__-

mon probleme : avec firefox la page safiche crrectement, mais pas avec

internet explorer.

etant donné que personne n'utilise le meme navigateur web.

je voudrais savoir si il avait un moyen de faire en sorte que mon site (en xhtml)

soit correctement rendu par tout les navigateurs

Sarc · 8 Août 2005

bah oui, il y a un moyen : changer le code pour qu'il soit plus compatible avec IE.

sharnalk · 8 Août 2005

pas plus dindication ? juste changer le code pour qu'il soit compatible

y aurait pas un tutorial dessus ? je suis pas un pro lol

Dudu · 8 Août 2005

Salut,

Lance de la poudre de corne de rhinocéros sur l'écran et Explorer rendra la page correctement Tu verras çà marche.

Blague à part, on ne pourra pas te renseigner sans pouvoir visualiser ton travail, c'est évident

Bon courage.

Monique · 8 Août 2005

Bonjour,

Tu as tout à fait raison, sharnalk, nous ne sommes pas là pour faire le travail à ta place

Par contre nous pourrions t'aider à trouver les détails qui déplaisent à IE mais cela, sans voir le code c'est impossible : il y a des quantités de causes possibles pour un mauvais affichage.

sharnalk · 8 Août 2005

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<title> mangaiken.com </title>

body {

background-color:#7A8299; */ couleur de font */

font-family: Verdana, Arial, helvetica, sans-serif;

font-size: small;

margin: 0;

pading: 0;

}

#header {

height: 49px;

background-color: #CC0000;

}

a.bouton:link{

width:150px;

height:30px;

text-decoration:none;

color:white;

text-align:center;

font-weight:bold;

background-color:#CC0000;

padding:5px}

a.bouton:visited{

width:150px;

height:30px;

text-decoration:none;

color:white;

text-align:center;

font-weight:bold;

background-color:#CC0000;

padding:5px}

a.bouton:hover{

width:150px;

height:30px;

text-decoration:none;

color:white;

text-align:center;

font-weight:bold;

background-color:#CC0000;

background-image:url(aqua.jpg);

padding:5px }

display:block ;

.bouton{text-align:left;padding:5px;}

a.menu1 {

text-decoration:none ; /* supprime le soulignement des liens */

display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */

background-color:#CC0000; /* couleur du bouton */

color:white ; /* couleur du texte */

font-size:17px ; /*taille du texte */

margin:0.9px ; /* la marge extérieur autour des boutons est =0 (les boutons se touchent) */

padding:4px; /* la marge intérieur autour des boutons est de 4 pixels*/

border:2px solid; /* il y a une bordure solide de 1 pixel autour de chaque bouton */

border-color:red,black,white,red,black; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */

border-width:3px;

border-style:outset;

text-align:center; /* centre le texte de chaque bouton */

width:140px } /* fixe la largeur de chaque bouton à 200 pixel */

a.menu1:hover {

border-top:2px solid brown; /* change la couleur et l'épaisseur de la bordure haute lors du survol par la souris */

border-bottom:2px solid #CC0005 ; /* change la couleur et l'épaisseur de la bordure basse lors du survol */

padding:3px 4px 3px 4px } /* diminue la marge intérieure haute et basse du bouton survolé, pour compenser l'augmentation de la taille de la bordure */

table {

border-style:solid;

border-width:1px;

border-color:black;

width:10%;

height:350px;

}

td {

border-style:solid;

border-width:1px;

border-color:black;

width:30%;

}

.white {

border-style: outset;

border-width: 13px;

border-color:silver;

background-color: white;

margin-left:300px;

padding:100px;

position: absolute;

left: 0px;

top:125px

}

.none {

border-style:none;

}

a.bouton2:link{

width:140px;

height:30px;

text-decoration:none;

color:white;

text-align:center;

font-weight:bold;

background-color:#CC0000;

padding:5px;

border-style:outset;

border-width:4px;

border-color:red,black,white,red,black}

a.bouton2:visited{

width:150px;

height:30px;

text-decoration:none;

color:white;

text-align:center;

font-weight:bold;

background-color:#CC0000;

padding:5px;

border-style:outset;

border-width:2px;

border-color:silver}

a.bouton2:hover{

width:150px;

height:130px;

text-decoration:none;

color:white;

text-align:center;

font-weight:bold;

background-color:#7A8299;

background-image:url(aqua.jpg);

padding:5px;

border-style:outset;

border-width:2px;

border-color:silver}

.bouton2{text-align:center;padding:5px;}

</style>

</head>

comme je pense que cest juste un probleme de mise en page

jai juste mis le css :whistling:

Sarc · 8 Août 2005

Ca ne nous aidera pas plus, il est beau ton CSS mais bon, ça ne nous dit pas où est le problème, comment IE interprète ta page etc... Mets ta page en ligne, avec le CSS, ça ira beaucoup mieux

sharnalk · 8 Août 2005

cest que....je peux pas mettre en ligne , jai fait un screenshoot

ca vous va ?

http://sharnalk.skyblog.com/pics/198843752.jpg

Dudu · 8 Août 2005

Préviens-nous quand ta page sera en ligne, pour l'instant je répète qu'on ne pourra pas t'aider, même avec une capture d'écran miniature

Au plaisir.

sharnalk · 8 Août 2005

alors je crois que vous pourez attendre quelques mois encore ...

(cest une screen de ce qu'interprete IE )

Sarc · 8 Août 2005

Bon ben... Nous attendrons, nous sommes patients ! Pourquoi tu ne veux pas mettre en ligne en fait, un problème éthique, de religion, moral, technique ?

Bref je partage l'avis de Dudu, sans code nous ne sommes rien ("without code, we are nothing.." hum)

Donc désolé de pas t'aider là d'un coup de baguette magique..

Xavier · 8 Août 2005

Mouarf, en plus avec une micro capture comme celle-ci :fete:

Quelques pistes :

C'est de l'XHTML, IE ne supporte pas le XHTML (m'enfin je pense que si tu le vois c'est que tu le "vends" comme du HTML en text/html...)
Il y a des height et des width, or IE les supporte très mal (comme des min-width et min-height en fait)
Quand tu as
```
border-style:solid;
border-width:1px;
border-color:black;
```
tu peux résumer en
```
border: 1px solid black
```
mais ça n'a rien à voir avec IE, c'est juste pour simplifier
Tu as défini plein de padding, IE a quelques bugs à ce sujet (il ne tient compte que de l'externe je crois... bref il a un bug là dessus

T'en dire plus relèverait du mirâcle, et comme on n'est pas Dieu... :rolleyes:

sharnalk · 8 Août 2005

marchi a tous

:lol:

Connexion

navigateur(s)

Sujets conseillés

sharnalk

Portekoi

sharnalk

Portekoi

sharnalk

Sarc

sharnalk

Dudu

Monique

sharnalk

Sarc

sharnalk

Dudu

sharnalk

Sarc

Xavier

sharnalk

Veuillez vous connecter pour commenter

Parcourir

Activité