Discussion :

[argon]

Bonjour tout le monde

Je souhaite créer de boutons onglet, voici les codes.

Code css:

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
 
 
ul{
 
margin: 0;
padding: 0;
list-style-type: none;
height: 20px;
}
 
li{
 
margin: 0 5px 0 0;
padding: 0;
float: left;
 
background: url("./image/fond.jpeg") no-repeat top right;
 
}
 
a{
 
display: block;
font-size: 0.9em;
text-decoration: none;
color: black;
padding: 0 1em;
 
background: url("./image/fonde.jpeg") no-repeat top left;
 
}

code html:

Code :

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

1
2
3
4
5
 
<ul>
 <li><a href="javascript:afficheCible('cible1')">Ajouter média</a></li>
<li><a href="javascript:afficheCible('cible2')">Afficher média</a></li>
</ul>

Mon soucis est que les images ne s'affichent pas.

A +

[Bisûnûrs]

Sans doute un problème de chemin ...

Si ton arborescence ressemble à ça :

Code x :

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

1
2
3
4
5
6
7
~root
   css/
      style.css
   image/
      image1.jpg
      image2.jpg
   index.html

Alors ton chemin dans ton fichier CSS doit être :

Code :

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

"../image/fond.jpeg"

[argon]

Bonjour tout le monde

Je pense que mon problème vient des fichiers jpeg

Je les joins au message.

A+

[Bisûnûrs]

C'est des fichiers avec l'extension .jpg et non .jpeg ....

En plus, tes images sont unies, tu as plus d'intérêt à utiliser background-color plutôt qu'une image.