Probleme affichage image header

maxxou56 Messages postés 53 Date d'inscription jeudi 28 février 2008 Statut Membre Dernière intervention 15 février 2010 - 16 avril 2008 à 00:29
maxxou56 Messages postés 53 Date d'inscription jeudi 28 février 2008 Statut Membre Dernière intervention 15 février 2010 - 16 avril 2008 à 21:15
Boujour a tous, en fait j'ai un petit probleme que je ne parviens pas a résoudre.
Lorsque je teste une page web avec le naviguateur internet explorer, l'image en background de mon header apparait, mais pas avec Mozilla Firefox

Voilà un extrait de mon code:

(ma feuille css)

#header {
width: 954px;
height: 183px;
margin: 0 auto;
background: url(images/img02.jpg) no-repeat;
}



et ma page php


echo"";
echo"
";
echo"
";

Voilà ma question serait de savoir si vous avez une explication a cette difference d'affichage et sil existe une solution.

11 réponses

neigedhiver Messages postés 2480 Date d'inscription jeudi 30 novembre 2006 Statut Membre Dernière intervention 14 janvier 2011 19
16 avril 2008 à 01:20
Salut,

As-tu pensé à respecter le standard HTML ?
Les attributs des balises doivent être placés ente guillemets doubles, et non simples.

Je vois que ça, parce que quand même, un code aussi basique, ça devrait fonctionner... C'est quand même pas bien compliqué...

<hr size="2" width="100%" />Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...
0
malalam Messages postés 10839 Date d'inscription lundi 24 février 2003 Statut Membre Dernière intervention 2 mars 2010 25
16 avril 2008 à 08:06
Hello,

les éléments HTML doivent tout être fermés. Sur ton code, ils ne le sont pas.
0
neigedhiver Messages postés 2480 Date d'inscription jeudi 30 novembre 2006 Statut Membre Dernière intervention 14 janvier 2011 19
16 avril 2008 à 08:09
Ho... C'est pas juste un extrait qu'il a mis ?

<hr size="2" width="100%" />Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...
0
malalam Messages postés 10839 Date d'inscription lundi 24 février 2003 Statut Membre Dernière intervention 2 mars 2010 25
16 avril 2008 à 08:16
Sait-on jamais.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
maxxou56 Messages postés 53 Date d'inscription jeudi 28 février 2008 Statut Membre Dernière intervention 15 février 2010
16 avril 2008 à 12:39
Si il s'agit que d'un extrait je me suis dit que cela ne servait pas à grand chose de mettre tout le code
0
maxxou56 Messages postés 53 Date d'inscription jeudi 28 février 2008 Statut Membre Dernière intervention 15 février 2010
16 avril 2008 à 12:42
Avec les double guillemets cela ne fonctionne pas non plus
0
neigedhiver Messages postés 2480 Date d'inscription jeudi 30 novembre 2006 Statut Membre Dernière intervention 14 janvier 2011 19
16 avril 2008 à 12:51
En fait, c'est aussi valable pour les CSS :

background: url(images/img02.jpg) no-repeat;

=>

background: url("images/img02.jpg") no-repeat;

http://www.w3.org/TR/CSS21/colors.html#propdef-background-image

<hr size="2" width="100%" />Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...
0
maxxou56 Messages postés 53 Date d'inscription jeudi 28 février 2008 Statut Membre Dernière intervention 15 février 2010
16 avril 2008 à 13:52
Je viens de modifier mon css, mais malheureusement cela ne fonctionne toujours pas enfin avec Mozilla Firefox
0
neigedhiver Messages postés 2480 Date d'inscription jeudi 30 novembre 2006 Statut Membre Dernière intervention 14 janvier 2011 19
16 avril 2008 à 17:59
Bon ben montre nous ton code en entier, qu'on puisse essayer...

<hr size="2" width="100%" />Neige

N'hésitez pas à lire la doc de PHP avant de poser des questions triviales...
0
maxxou56 Messages postés 53 Date d'inscription jeudi 28 février 2008 Statut Membre Dernière intervention 15 février 2010
16 avril 2008 à 21:14
Voila ma page d'index:

<?php
session_start();
require_once('INC/connect.php');
require_once('INC/mesfonctions.php');
include('INC/veriflogin.php');
?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns= 'http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<title></title>
<meta name='keywords' content='' />
<meta name='description' content='' />
<link href='default.css' rel='stylesheet' type='text/css' />
</head>

HyperGlass

By NodeThirtyThree + Free CSS Templates

<li class='active'> Home|</li>
<?php
   //affichage d'un menu personnel lorsque l'on est connecté
    if(isset($_SESSION['valid'])){
    $l=$_SESSION['valid'];
   echo"<li> Mon profil|</li>";
   echo"<li> Modifier Mon profil|</li>";
   echo"<li>Mes photos|</li>";
         echo"<li> Deconnexion|</li>";
   }
   echo"<li> Contact</li>";
 echo"
";
echo"
";
echo"
";
 echo"
";
      echo"
";
                echo"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Les 6 dernières inscriptions
";
                $reqq="SELECT login,avatar FROM client ORDER BY dateinsc DESC LIMIT 0,6";
                $ress=mysql_query($reqq,$cnx);
                $lignee=mysql_fetch_assoc($ress);


                //on boucle dabord les avatars
                echo"\";
                echo\"----
\";
                while($lignee){
                echo (\", \");
                $lignee=mysql_fetch_assoc($ress);
                }
                echo\"\";

                //puis on reboucle pour les pseudos.
                $req2=\"SELECT login,avatar FROM client ORDER BY dateinsc DESC LIMIT 0,6\";
                $res2=mysql_query($req2,$cnx);
                $ligne2=mysql_fetch_assoc($res2);

                while($ligne2){
                echo (\" <center>".$ligne2['login']."</center> |\");
                $ligne2 =mysql_fetch_assoc($res2);
                }
                echo"
";
           echo"
";


                    //selon le genre on include la page demandée
                    if (isset($_REQUEST['genre']))
                    {
                    $genre= $_REQUEST['genre'];


switch($genre){


 case "recherche":
 include("INC/recherche.php");
 break;


 case "message":
 include("message.php");
 break;


 case "mescoms":
 include("mescoms.php");
 break;


 case "envoicom":
 include("envoicom.php");
 break;


 case "profilphoto":
 include("profilphoto.php");
 break;


 


 case "connectes":
 include("INC/connectes.php");
 break;


 
 case "search":
 include("chercher.php");
 break;




 case "envoimess":
 include("envoimess.php");
 break;




 case "photos":
 include("photos.php");
 break;


 case "profil":
 include("profil.php");
 break;
 
 case "modifprofil":
 include("modifprofil.php");
 break;
 
 
 case "demande":
 include("demande.php");
 break;
 
 
 case "deco":
 include("deco.php");
 break;


 
 case "login":
 include("login.php");
 break;
 
 case "inscription":
 include("inscription.php");
 break;




 
}




}


else{
    echo"PHPMyCommunity !
";
    echo"Monday, April 7, 2008
";
    echo"
";
echo"DERNIERES MAJ's :
-New design ! vous en pensez quoi ?
-Vous pouvez maintenant ajouter des photos à votre galerie personnelle !

-Vous pouvez maintenant envoyer des com's et consulter ceux des autres membres !
-Recherche approfondie activée !
";
echo", \";
echo\"Site optimisé Mozilla firefox téléchargez le en cliquant sur l'image.
(résolution 1024*768 et plus)
";
echo"Bienvenue sur PhpMyCommunity !   ce site est encore un site test et non un vrai site de rencontre.Cependant le site prend rapidement forme et c'est avec plaisir
que je prévois très bientôt de l'héberger complètement lorsque celui ci sera baptisé comme il se doît.Vous pouvez vous inscrire sans crainte, les données
sont sauvegardées et je pourrais bien entendu les restaurer en cas de changement.

";
echo"Profitez en donc pour communiquer avec des personnes dont les comptes sont existants pour voir le fonctionnement du site et vous familiariser avec celui-ci.

";
echo"MISES A JOUR ! :

";
echo"-Nouveau design !

-Envoi de commentaires et non pas seulement de messages persos.

-Ajout d'une galerie photo personnelle.

-Affichage des messages sur plusieurs pages (10 par pages environ).

-Les smileys sont maintenant disponibles dans la description et les messages.

";
echo"A VENIR ! :

";
echo"-Ajout d'une messagerie instantanée (aussi appelée CHAT).

-Plus de choix dans l'orientation de son profil afin de mieux pouvoir vous définir en tant que personne.

-Recherche approfondie des membres.

-Liste des connectés.

-Age et liste des anniversaires des membres.

-Classement et notes sur plusieurs critères à définir et compatibilité entre les membres.

";
echo"Je sais il y a encore beaucoup de travail à fournir lol ... Sachez cependant que ce site a entièrement été conçu au bloc note...

";
echo"Enfin vous pouvez également me contacter via le formulaire de contact pour tout renseignements et/ou remarques vous m'enverrez directement un message.

";
echo"°°° Le webmaster °°°

";
echo"

<hr>";
    } 
    echo"
";
   echo"
";
  echo"
";
  echo"
";
   echo"
";
    echo"About this Site
";
    echo"Quisque eu sem sed lacus tincieu, consectetuer et eget, tempus eget dolore. Blandit sed etiam dolore nullam dolore.

";
   echo"
";
   echo"";
    echo"<li>";
     echo"Identifiant et mot de passe
";
     echo"";
 echo"<hr>";
//zone de gauche
     if(isset($_SESSION['valid'])){
       
        $l =$_SESSION['valid'];
        $requ="SELECT avatar from client where login='$l'";
        $resu=mysql_query($requ,$cnx);
        $lignee=mysql_fetch_assoc($resu);
       
        echo"";
       
        echo"
";
    
      
       
        echo"".$_SESSION['valid']."
";
        echo"<hr>";
       
        echo"&nbsp; .::Deconnexion::.";
        }
     else{
    
    
       //sinon on demande l'authentification
echo"<form method='post' action='index.php'>";
echo"\";
echo\", \";
echo\", \";
echo\"----
";
echo"
</form>";
echo"<hr>";
          
     }
    
    
    //menu general et recherche


 echo"<hr>";
 echo"<li>&nbsp; .::Home::. </li>";
 echo"<li>&nbsp; .::S'inscrire::. </li>";
    echo"<li>&nbsp; .::Nous contacter::.</li>";  
    echo"<hr>";
    echo"<form action='index.php?genre=search' method='post'>";
    echo"<li>&nbsp; .::Rechercher::. </li>";
     echo"";
     echo"";
  echo"<select name='type'>";
     echo"<option selected value='pseudo'>Pseudo</option>";
     echo"<option value='ville'>Ville</option>";
     echo"<option value='prenom'>Prénom</option>";
     echo"</select>";
     echo"</form>";
     echo"<hr>";
        echo"";
echo"
";    
  echo"
";
  echo"
";
echo"<hr />";
echo"
";
echo"
";
 echo"(c) 2007 YourSite.com. All rights reserved. Design by NodeThirtyThree and Free CSS Templates.

";
echo"
";
?>

</html>
0
maxxou56 Messages postés 53 Date d'inscription jeudi 28 février 2008 Statut Membre Dernière intervention 15 février 2010
16 avril 2008 à 21:15
Voila mon css (default.css):

body {
 margin: 0;
 padding: 0;
 background: #F4FBFF url(images/img01.jpg) repeat-x;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #405A67;
}




h1, h2, h3 {
 margin: 0;
 font-weight: normal;
 color: #4F6977;
}


h1 {
 letter-spacing: -1px;
 font-size: 44px;
}


h2 {
 font-size: 28px;
}


h3 {
 font-size: 16px;
}


p, ul, ol {
 margin: 0 0 1.5em 0;
 line-height: 1.5em;
 text-align: justify;
}


p {
}


blockquote {
 font-style: italic;
}


ul {
}


ol {
}


a {
 color: #38B5F1;
}


a:hover {
 text-decoration: none;
}


small {
}


hr {
 display: none;
}


img {
 border: none;
}


img.left {
 float: left;
 margin: 0 15px 0 0;
}


img.right {
 float: left;
 margin: 0 0 0 15px;
}


/* Header */


#header {
 width: 954px;
 height: 183px;
 margin: 0 auto;
 background: url("images/img02.jpg") no-repeat;
}


/* Logo */


#logo {
 float: left;
}


#logo h1, #logo h2 {
 float: left;
 text-transform: lowercase;
 color: #FFFFFF;
}


#logo h1 {
 padding: 115px 0 0 50px;
 font-weight: bold;
}


#logo h2 {
 padding: 143px 0 0 8px;
 font-size: 14px;
 font-weight: bold;
}


#logo a {
 text-decoration: none;
 color: #FFFFFF;
}


/* Menu */


#menu {
 float: right;
}


#menu ul {
 margin: 0;
 padding: 140px 20px 0 0;
 list-style: none;
 line-height: normal;
}


#menu li {
 display: inline;
}


#menu a {
 padding: 0 28px 0 0;
 text-transform: lowercase;
 text-decoration: none;
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
}


/* Page */


#page {
 width: 954px;
 margin: 0 auto;
 background: #FFFFFF url(images/img03.jpg) repeat-y;
}


#bg {
 background: url(images/img06.jpg) no-repeat left bottom;
}


/* Content */


#content {
 float: left;
 width: 680px;
 background: url(images/img04.jpg) no-repeat;
}


/* Posts */


.post {
 width: 606px;
 padding: 30px 0 0 48px;
}


.post .title {
 padding: 0 0 0 12px;
}


.post .title a {
 color: #4F6977;
}


.post .date {
 margin: -26px 25px 15px 0;
 text-align: right;
 color: #79AFCD;
}


.post .entry {
 padding: 25px 20px 0 12px;
 background: url(images/img07.jpg) no-repeat;
}


.post .meta {
 padding: 15px 12px;
 background: url(images/img08.jpg) no-repeat left bottom;
}


.post .meta b {
 display: none;
}


.post .more, .post .comments {
 padding: 0 30px 0 20px;
}


.post .more {
 background: url(images/img09.gif) no-repeat left center;
}


.post .comments {
 background: url(images/img10.gif) no-repeat left center;
}


/* About Box */


#about-box {
 width: 185px;
 height: 162px;
 padding: 70px 37px 0 35px;
 background: url(images/img11.jpg) no-repeat left bottom;
}


#about-box h2 {
 margin-bottom: 25px;
 font-size: 18px;
 font-weight: normal;
}


#about-box p {
 font-size: 12px;
}


/* Sidebar */


#sidebar {
 float: right;
 width: 274px;
 background: url(images/img05.jpg) no-repeat;
}


#sidebar ul {
 width: 206px;
 margin: 0;
 padding: 0 0 0 30px;
 list-style: none;
}


#sidebar li {
}


#sidebar li ul {
 width: auto;
 padding: 0 15px 0 10px;
}


#sidebar li li {
 padding: 5px 0 5px 0;
 background: url(images/img13.gif) repeat-x;
}


#sidebar li li.first {
 padding-top: 0;
 background: none;
}


#sidebar li h2 {
 font-size: 18px;
 padding: 30px 0 40px 10px;
 background: url(images/img12.jpg) no-repeat left bottom;
}


/* Footer */


#footer {
 padding: 30px 0;
}


#footer p {
 text-align: center;
 font-size: 12px;
 color: #83B3CE;
}


#footer a {
 color: #83B3CE;
}
0