Background ne s'affiche pas sous IE8 et Maxthon

**leboss38** · 20/09/2010, 15h31

Bonjour à tous,

J'ai un souci que je ne m'explique, je travail sous Mac et j'ai un hébergement chez ovh avec le CMS Joomla et un template que je suis entrain de finaliser.

En attendant, j'ai mis en ligne une simple page HTML généré avec Dreamweaver CS4 pour mettre en ligne notre menu au format PDF, J'ai utilisé un jpg comme background qui s'affiche bien sous Safari et FF (toujours sous Mac). Par contre quand je visualise ma page sur IE8 et Maxthon j'ai mon background qui ne s'affiche pas (fond blanc).

Voici le lien de la page http://www.theias.fr

ainsi que le code utilisé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Menu Theias</title>
<style type="text/css">
<!--
body {
        background-image: url(Images/Fond.jpg);
        background-repeat: repeat;
}
/*body p strong {
        color: #FFF;
}*/
body {
        font-family: Verdana, Geneva, sans-serif;
}
body p {
        color: #FFF;
}
-->
</style></head>
 
<body>
<p align="center"><img src="Images/Flyer.jpg" alt="" width="600" height="600" align="middle" /></p>
<p>&nbsp;</p>
<p align="center">Pour découvrir notre carte de la semaine, cliquer sur l'icone PDF ci-dessous</p>
<p align="center"><a href="carte.pdf"><img src="Images/iconePDF.png" width="114" height="86" alt="" /></a></p>
<p align="center">&nbsp;</p>
<p><br />
</p>
</body>
</html>

Qu'en pensez vous?

Une autre chose comment cela se fait que mon icone PDF qui en PNG apprait avec un encadré sur IE et FF alors que sous Safari niet?

Merci d'avance pour votre aide.

**BLJ.CHAUVIN** · 20/09/2010, 16h17

Salut leboss38,

Pour ton icône PDF le cadre vient du fait que c'est une ancre, pas de rapport avec le format de l'image. Tu devrais définir dans ton css (essaies de faire un fichier css séparé plutôt que de l'inclure dans ta page html) une sorte de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

a img {border:0;}

Peut être seras tu obligé d'ailleurs d'en déclarer les différents états:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

a:hover img, a:visited img, a:link img {border:0;}

Tiens moi au courant du résultat.

**10_GOTO_10** · 20/09/2010, 16h17

Le problème semble venir de l'image elle-même (Non compatible ? Erreur de format ? ). Essaye de l'ouvrir avec un logiciel de dessin et de la réenregistrer.

**leboss38** · 20/09/2010, 18h50

Effectivement, cela venait bien de l'image, en réalité, j'ai juste réenregistré l'image sous photoshop pour le web et périphérique, depuis ça passe bien.

L'ancienne était je pense trop lourde (environ 270 ko alors que celle§ci fait 8 ko

)

Je vais regarder pour l'icone pdf.

Background ne s'affiche pas sous IE8 et Maxthon

HTML

Vue hybride

Discussions similaires

Partager

Partager