Problème mise en page internet explorer ???
doussinett
-
doussinett -
doussinett -
Bonjour,
je suis en pleine construction de mon site et j'ai un souci ! quand je visualise mes pages sur internet explorer, j'ai deux menus déroulants (zones réactives de l'image) qui s'affichent bizarrement, alors que sur firefox aucun souci... de plus cela ne semble pas le faire chez tout le monde..
autre souci : chez une amie j'ai pu voir aussi que mes images n'étaient pas toutes centrées alors que chez moi elles le sont... cela dépend des réglages d'écran sans doute mais comment faire pour contrer tout cela et que tout s'affiche bien chez tout le monde???
merci de m'aider. je suis débutante, je travaille avec dremaweaver 8.
voici le site si vous voulez vous rendre compte : www.revodeco-faire-part-cartes-deco.fr
je suis en pleine construction de mon site et j'ai un souci ! quand je visualise mes pages sur internet explorer, j'ai deux menus déroulants (zones réactives de l'image) qui s'affichent bizarrement, alors que sur firefox aucun souci... de plus cela ne semble pas le faire chez tout le monde..
autre souci : chez une amie j'ai pu voir aussi que mes images n'étaient pas toutes centrées alors que chez moi elles le sont... cela dépend des réglages d'écran sans doute mais comment faire pour contrer tout cela et que tout s'affiche bien chez tout le monde???
merci de m'aider. je suis débutante, je travaille avec dremaweaver 8.
voici le site si vous voulez vous rendre compte : www.revodeco-faire-part-cartes-deco.fr
A voir également:
- Problème mise en page internet explorer ???
- Internet explorer - Guide
- Internet explorer 11 - Télécharger - Navigateurs
- Internet explorer 8 - Télécharger - Navigateurs
- Internet explorer 10 - Télécharger - Navigateurs
- Mise en forme conditionnelle excel - Guide
9 réponses
A pardon non mais chez moi c'est le texte qui n'est pas centrez aussi =)
Alors comment faire la est la question ?!
C'est quoi que tu utilise pour faire ce site ?
Alors comment faire la est la question ?!
C'est quoi que tu utilise pour faire ce site ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Normalement, faut la positionner, donc depuis la marge gauche mettre la moitié du Div moins la moitié de l'image (vu que c'est le côté gauche qui est pris en considération).
Ou,
dans le code html :
<img src="urlimage" alt="alternativtext" />
et dans le code css :
img {
display: block;
margin: 0 auto;
height: XXXpx; /* spécifiez la hauteur de l'image, une bonne attitude à prendre */
width: XXXpx; /* spécifiez la largeur de l'image, une bonne habitude à prendre */
}
une autre façon d'afficher une image avec le css qui peut être intéréssant dans le cas ou l'on veut absolument séparer le graphisme du code html, il s'agit tout simplement de créer un div et d'y foutre un arrière-plan.
dans le code html :
<html>
<body>
<!-- quelque part dans le code -->
<div id="bandeau"></div>
<!-- quelque part dans le code -->
</body>
</html>
dans le code css :
#bandeau {
/* Dans cette methode inutile d'ajouter display: block un div est block par defaut mais vous le pouvez */
background : transparent url("lien image") no-repeat;
height : XXXpx;
width : XXXpx;
margin : 0 auto;
}
Encore une autre façon de centrer une image sans la balise <img /> et sans le div c'est le span :
dans le code html :
<span class="bandeau"></span>
dans le code css :
span.bandeau
{
background : transparent url("lien image") no-repeat;
height : 49px;
width : 163px;
margin : 0 auto;
display : block; /* trés important ici car le span n'est pas un block par defaut */
}
Petit rappel :
pour modifier un élément html quelqu'il soit par le biais de l'attribut <balise class="classification" /> il faut dans le css :
balise.classification
{
bla bla bla.
}
***
pour modifier un élément html quelqu'il soit par le biais de l'attribut <balise id="identification" /> il faut dans le css :
#identification /* on stylise la balise par son id */
{
bla bla bla.
}
Ou,
dans le code html :
<img src="urlimage" alt="alternativtext" />
et dans le code css :
img {
display: block;
margin: 0 auto;
height: XXXpx; /* spécifiez la hauteur de l'image, une bonne attitude à prendre */
width: XXXpx; /* spécifiez la largeur de l'image, une bonne habitude à prendre */
}
une autre façon d'afficher une image avec le css qui peut être intéréssant dans le cas ou l'on veut absolument séparer le graphisme du code html, il s'agit tout simplement de créer un div et d'y foutre un arrière-plan.
dans le code html :
<html>
<body>
<!-- quelque part dans le code -->
<div id="bandeau"></div>
<!-- quelque part dans le code -->
</body>
</html>
dans le code css :
#bandeau {
/* Dans cette methode inutile d'ajouter display: block un div est block par defaut mais vous le pouvez */
background : transparent url("lien image") no-repeat;
height : XXXpx;
width : XXXpx;
margin : 0 auto;
}
Encore une autre façon de centrer une image sans la balise <img /> et sans le div c'est le span :
dans le code html :
<span class="bandeau"></span>
dans le code css :
span.bandeau
{
background : transparent url("lien image") no-repeat;
height : 49px;
width : 163px;
margin : 0 auto;
display : block; /* trés important ici car le span n'est pas un block par defaut */
}
Petit rappel :
pour modifier un élément html quelqu'il soit par le biais de l'attribut <balise class="classification" /> il faut dans le css :
balise.classification
{
bla bla bla.
}
***
pour modifier un élément html quelqu'il soit par le biais de l'attribut <balise id="identification" /> il faut dans le css :
#identification /* on stylise la balise par son id */
{
bla bla bla.
}
Désoler je ne posséde pas un site moi mais je fait de mon mieux pour essayer de te mettre sur une bonne piste =)
