Discussion :

[claire34]

Bonsoir ou bonjour tout le monde,

Je travaille actuellement sur un site internet et j'essaye actuellement d'intégrer les photos découpés de mon menu fait avec photoshop. Le problème est très simple --> rien ne s'affiche...

Voici le code qui me parait pourtant juste :s

Code :

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

1
2
3
4
5
6
7
8
9
10
<table cellpadding="0" cellspacing="0" border="0" align="left" width="1250px" height="100px" >
	<tr>
		<td width="250" height="100" background="images/debut.gif"></td>
		<td><a href=""><img src="images/debut.gif" width="97" height="70" border="0"</a></td>
		<td><a href=""><img src="images/accueil.gif" width="100" height="70" border="0" </a></td>
		<td><a href=""><img src="images/portfolio.gif" width="100" height="70" border="0" </a></td>
		<td><a href=""><img src="images/contact.gif" width="100" height="70" border="0" </a></td>
		<td width="28" height="70" background="images/fin.gif"></td>
	</tr>
</table>

Je n'arrive vraiment pas à comprendre d'ou vient le problème car j'arrive à afficher du texte dans les balises <td> mais impossible de faire afficher une photo :s

Merci par avance pour votre aide

[Aur25]

Bonjour,

Essaie de remplacer background par background-image.

Si tu fais pas de lien sur tes images tu peux enlever les balises href, car la balise est mal fermée.

J'ai corrigé, donc essaie pour voir si ça marche.

Code :

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

1
2
3
4
5
6
7
8
9
10
<table cellpadding="0" cellspacing="0" border="0" align="left" width="1250px" height="100px" >
	<tr>
		<td width="250" height="100" background-image="images/debut.gif"></td>
		<td><a href=""><img src="images/debut.gif" width="97" height="70" border="0"></a></td>
		<td><a href=""><img src="images/accueil.gif" width="100" height="70" border="0"></a></td>
		<td><a href=""><img src="images/portfolio.gif" width="100" height="70" border="0"></a></td>
		<td><a href=""><img src="images/contact.gif" width="100" height="70" border="0"></a></td>
		<td width="28" height="70" background-image="images/fin.gif"></td>
	</tr>
</table>

[claire34]

Bonjour et merci tout d'abord d'avoir pris le temps de me répondre

Alors j'ai testé ton code et même en enlevant les href ca ne fonctionne toujours pas, rien ne s'affiche sur ma page web concernant ce menu...

C'est fou étant donné que dans mon code plus haut j'arrive à insérer une image mais à l'aide du css...

Mon code html:

Code :

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

<div id="banniere"> </div>

Et mon code css qui permet de m'afficher ma bannière:

Code CSS :

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

1
2
3
4
5
#banniere_haut{
width : 1250px ;
height : 250px ;
background : #393b3c url(../images/banniere.gif) no-repeat;
}

Ce dernier code me permet bien de voir ma bannière, je suis perdue là si vous avez d'autres idées pouvant résoudre mon petit problème je suis toute ouïe.

Merci

[Aur25]

ok... Sinon tu peux mettre toutes tes images dans un css, ce qui fait plus propre :

Fichier html :

Code :

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

1
2
3
4
5
6
7
8
9
10
<table cellpadding="0" cellspacing="0" border="0" align="left" width="1250px" height="100px" >
	<tr>
		<td id="content"></td>
		<td id="img1"><img src="images/debut.gif"/></td>
		<td><a href=""><img src="images/accueil.gif" width="100" height="70" border="0"></a></td>
		<td><a href=""><img src="images/portfolio.gif" width="100" height="70" border="0"></a></td>
		<td><a href=""><img src="images/contact.gif" width="100" height="70" border="0"></a></td>
		<td width="28" height="70" background-image="images/fin.gif"></td>
	</tr>
</table>

Fichier CSS : (j'ai pas fait avec toutes les balises, c'était juste pour te montrer un exemple)

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
#content{
background-image: url("images/debut.gif");
width: 250px;
height: 100px;
}
 
#img1{
width: 97px;
height: 70px; 
border: none;
}

Vérifie bien le chemin de tes images.

[claire34]

Merci problème résolu