Aller au contenu

navigateur(s)

sharnalk

Par sharnalk
dans (X)HTML et CSS

 Partager

Sujets conseillés

sharnalk

sharnalk

Posté
Posté

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 ?

Lien vers le commentaire
Partager sur d’autres sites
sharnalk

sharnalk

Posté
  • Auteur
Posté

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 ^^

Lien vers le commentaire
Partager sur d’autres sites
Dudu

Dudu

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites
Monique

Monique

Posté
Posté

Bonjour,

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

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.

Lien vers le commentaire
Partager sur d’autres sites
sharnalk

sharnalk

Posté
  • Auteur
Posté

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

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

<html xmlns=&quot;http://www.w3.org/1999/xhtml">

<meta name="sharnalk" content="Jean-Paul Sartre" />

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />

<meta http-equiv="Content-Language" content="fr" />

<meta name="keywords" lang="fr" content="manga,culture japonaise,forum" />

<title> mangaiken.com </title>

<style type="text/css"> <!--

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:

Lien vers le commentaire
Partager sur d’autres sites
Sarc

Sarc

Posté
Posté

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 ;)

Lien vers le commentaire
Partager sur d’autres sites
Sarc

Sarc

Posté
Posté

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.. :P

Lien vers le commentaire
Partager sur d’autres sites
Xavier

Xavier

Posté
Posté

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::P

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...