J'ai un problème c'est que je voudrai que mes images ce touche pour faire un menu coller au titre mais il y a une marge entre. Le code est :

Code:

<img src="bouton2.gif" alt="bouton">
<img src="bouton4.gif" alt="bouton">
<img src="bouton4.gif" alt="bouton">
<img src="bouton4.gif" alt="bouton">
<img src="bouton4.gif" alt="bouton">
<img src="bouton3.gif" alt="bouton">
<br/>
<img src="titre.png" alt="Titre">

J'ai aussi essayé avec des :

Code:

<img src="bouton2.gif" alt="bouton" border="0">
<img src="bouton4.gif" border="0">
<img src="bouton4.gif" border="0">
<img src="bouton4.gif" border="0">
<img src="bouton4.gif" border="0">
<img src="bouton3.gif" border="0">
<br/>
<img src="titre.png" alt="Titre" border="0">

et en les mettant dans un div de css :

Code:

#bouton
{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

Et pourtant rien n'y fait. Quelqu'un aurait-il une explication et/ou une solution?
Merci :p_bye: :p_salut:
EDIT : php parce que je veux le mettre dans une fonction php include, mais que ca ne marche pas non plus directement dans le code de la page

Salut,
Tu peux essayer de mettre ça dans ton fichier CSS :

Code:

img {
    display: inline;
}

@++

Tiens, on me l'avais pas encore proposé. Ca ser a quoi? Désolé j'aime pas codé avec des trucs que je sais pas à quoi ça sert (vive la grammaire).
Et c'est "so strange" quand je met tous sur une ligne :
<img src="bouton2.gif" alt="bouton"><img src="bouton4.gif" alt="bouton"><img src="bouton4.gif" alt="bouton"><img src="bouton4.gif" alt="bouton"><img src="bouton4.gif" alt="bouton"><img src="bouton3.gif" alt="bouton">
Les boutons se touchent, par conter si on met le titre sur la même lienne sa ne touche pas non plus, toujours cette satané séparation horizontale. En fait entre temps j'ai téléchargé un kit graphique dont je me sert comme base. Donc c'est moins préssé, mais ça serait utile quand même...

mais non ! faut fermer tes img
<img src="monimage" alt="monimage0" />
ou
<img src="monimage" alt="monimage0" ></img>

ensuite tu fais :

CSS

Citation :

.haut {
margin : 0 ;
}

HTML

Citation :

<img src="monimage0" class="haut" />
<img src="monimage1" class="haut" />
<img src="monimage2" class="haut" />
<img src="monimage3" class="haut" />

lv3895 a écrit:

Tiens, on me l'avais pas encore proposé. Ca ser a quoi? Désolé j'aime pas codé avec des trucs que je sais pas à quoi ça sert (vive la grammaire).
Et c'est "so strange" quand je met tous sur une ligne :
<img src="bouton2.gif" alt="bouton"><img src="bouton4.gif" alt="bouton"><img src="bouton4.gif" alt="bouton"><img src="bouton4.gif" alt="bouton"><img src="bouton4.gif" alt="bouton"><img src="bouton3.gif" alt="bouton">
Les boutons se touchent, par conter si on met le titre sur la même lienne sa ne touche pas non plus, toujours cette satané séparation horizontale. En fait entre temps j'ai téléchargé un kit graphique dont je me sert comme base. Donc c'est moins préssé, mais ça serait utile quand même...

Le display: inline; sert à mettre toutes les images sur une ligne (display : affichage; inline : en ligne).