Connexion | Inscription | FAQ
Anonymous

Problème images

+ Publier une réponse

2 messages Page 1 sur 1


Problème images

par servietsky777 » Mer Oct 20, 2010 10:39 am

Hello, j'ai créé un site html pour m'entrainer, et à un endroit de mon code, les images ont un problème, j'en ai rajouté quelques une pour faire des catégories et depuis que je les ai mise, toutes les autres images ne s'affichent plus sur IE par contre sur google chrome sa marche.



VOILA LE HTML


<!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" xml:lang="fr" >
<head>
<title>usefulsoft.com</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<!--********************************************ENTETE********************************************-->
<div id="entete">

</div>



<!--********************************************MENU********************************************-->

<div id="menu">
<div class="menu1">
<h3> MENU </h3>
<ul >
<li><a href="UsefulSoft.html" > Accueil </a></li>
<li><a href="Categorie.html" > Catégorie </a></li>
<li><a href="Aide.html" > Aide/Requète </a></li>
</ul>
</div>
<div class="menu2">
<h3> CATEGORIES </h3>
<ul >
<li><a href="categorie.bureautique.html" > Bureautique</a></li>
<li><a href="categorie.developpement.html" > Développement </a></li>
<li><a href="categorie.multimedia.html" > Multimédia </a></li>
<li><a href="categorie.internet.html" > Internet </a></li>
<li><a href="categorie.jeux.html" > Jeux </a></li>
<li><a href="categorie.utilitaires.html" > Utilitaires </a></li>
<li><a href="categorie.securite.html" > Sécurité </a></li>
</ul>
</div>
</div>
<!--********************************************CORP********************************************-->
<div id="corp">
<p> <h1> Catégories </h1> </p>
<p>
Hello, ici vous trouverez toutes les catégories

<ul>

<li><a href="categorie.bureautique.html" > Bureautique : <img src="images/bureautique.png" alt="bureautique" border="0"/> </a></li>
<li><a href="categorie.developpement.html" > Développement : <img src="images/developpement.png" alt="Developpement" border="0"/> </a></li>
<li><a href="categorie.multimedia.html" > Multimédia : <img src="images/multimedia.png" alt="Multimedia" border="0"/> </a></li>
<li><a href="categorie.internet.html" > Internet : <img src="images/internet.png" alt="Internet" border="0"/> </a></li>
<li><a href="categorie.jeux.html" > Jeux : <img src="images/jeux.png" alt="Jeux" border="0"/> </a></li>
<li><a href="categorie.utilitaires.html" > Utilitaires : <img src="images/utilitaires.png" alt="Utilitaires" border="0"/> </a></li>
<li><a href="categorie.securite.html" > Sécurité : <img src="images/securite.png" alt="Securite" border="0"/> </a></li>


</ul>

</p>
</div>
<!--********************************************FOOTER********************************************-->
<div id="footer">
<p> Copyright "Antoine's website" 2010, tous droits réservés</p>
</div>

</body>
</html>



VOILA LE CSS
/**********************DESIGN**************************/
body
{
width: 760px;
background-image: url("images/fond.png");
background-repeat: repeat-x;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: blue;
}
h1, h2, h3
{
color: white;
}
/****************************************************ENTETE********************************************************/
#entete
{
background-image: url("images/entete.png");
background-repeat: repeat-x;
height: 150px;
width: 760px;
margin-bottom: 10px;
border: 2px solid black;
}
/****************************************************MENU**********************************************************/
#menu
{
float: left;
width: 129px;
color: white;
}
#menu a
{
color: white;
text-decoration: none;
}
#menu :hover
{
font-size: 17px;
color: blue;
text-decoration: none;
}
#menu h3
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
#menu ul
{
list-style-image: url("images/puce.png");
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.menu1
{
border: 2px solid black;
margin-bottom: 20px;
background-image: url("images/menu.png");
}

.menu2
{
border: 2px solid black;
background-image: url("images/menu.png");
}
/****************************************************CORP**********************************************************/
#corp
{
margin-left: 140px;
padding: 5px;
border: 2px solid black;
margin-bottom: 20px;
background-image: url("images/corp.png");
}
#corp a
{
color: black;
text-decoration: none;
}

/****************************************************FOOTER********************************************************/
#footer
{
border: 2px solid black;
margin-left: auto;
margin-bottom: 20px;
background-image: url("images/corp.png");
text-align: center;
float: bottom;
clear: both;
}

Trouver vous l'erreur?
J'ai déjà vérifier toutes les sorte de fichier donc ce n'est pas un problèmes png/jpg/jpeg/JPG...
Merci d'avance
Avatar de l’utilisateur

servietsky777

  • Messages: 1
  • Inscrit le: Mer Oct 20, 2010 10:33 am

Re: Problème images

par HTML.net » Mer Oct 20, 2010 12:59 pm

Is it all images you can not see? Or is it background images?

[Est-ce toutes les images que vous ne pouvez pas voir? Ou est-il des images de fond?]

- Andreas, HTML.net
Avatar de l’utilisateur

HTML.net
Site Admin

  • Messages: 1194
  • Inscrit le: Sam Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.


+ Publier une réponse

Page 1 sur 1