Sujets similaires

Bonsoir ! Me revoilà avec un nouveau problème
Par ici pour voir !

Donc j'aimerais bien que sur une ligne il y ait deux images (avec un petit espace entre les deux.)

Voilà le code de l'endroit sur la page d'accueil :

Code:: <td class="cellule4" style="vertical-align: top;"><center>
<div class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></div>
<div class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></div>

<div class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></div>
<div class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></div>

</center>
</td>

Et le CSS :

Code:: .cellule4 {
background-color: #dbd9a7;
border: 1px solid #83825e;
width: 178px;
height: 150px;
padding-top: 10px;
padding-bottom: 10px;
}

Merci pour votre aide Very Happy

!

Bonsoir !

Code:: <td class="cellule4" style="vertical-align: top;"><center>
<table><tr><td><div class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></div></td>
<td> <div class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></div></td></tr>

<tr><td> <div class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></div> </td>
<td> <div class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></div></td></tr></table>

</center>
</td>

Ça marche comme ça ?

Bonsoir !
Ca marche ^__^ ! Mais maintenant j'ai un autre problème :
Par ici >.>
J'ai un gros blanc au-dessus de la première ligne des logos, comment l'enlever ?

Merci de t'occuper de moi u_u !

C'est la div qui fait faire un saut de ligne à tes images.
Essaie ce code-ci:

Code:: <td class="cellule4" style="vertical-align: top;"><center>
<span class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></span>
<span class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></span><br>

<span class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></span>
<span class="opacity"><a href="LIEN"><img src="http://i46.tinypic.com/ji2u0h.jpg"></a></span>

</center>
</td>

À la place de mettre des balises div pour les images, j'ai mit des balises span, et tout vas à merveille.

EDIT: Un gros blanc? Je n'ai pas compris ça ._.

Coucou ^o^

Un gros blanc = un gros vide
Que tu as résolu à la vitesse de l'éclair Very Happy

!!

Donc en fait que j'apprenne un peu quelque chose, la balise DIV et la balise SPAN ont les mêmes propriétés ? Sauf que DIV fait faire un saut à la ligne ? ^^.

Merci beaucoup d'avoir résolu mon problème (une fois de plus XD)

QUOI LOL JE L'AI RÉSOLU?!
*trop forte XD*
La balise div est une balise de type bloc (ou quelque chose du genre) et la balise span, une balise du type inline. Puisque je suis nulle pour expliquer des trucs du genre, voici une citation mise dans un truc de code (XD) du Site du Zéro~:

Code:: En XHTML, on distingue 2 types de balises :

* Les balises de type inline : ce sont des balises que l'on utilise à l'intérieur d'un paragraphe. C'est le cas notamment des balises <strong>, <em>, <q> etc...
* Les balises de type bloc : ces balises servent à structurer la page en plusieurs "blocs". La première qu'on a apprise, c'est la balise <p>, mais il y a aussi les balises de titre <h1>, <h2>, <blockquote>...Vous ne devez PAS mettre de titre ou de citation longue à l'intérieur d'un paragraphe. Chacune de ces balises constitue un bloc séparé.

Je crois que c'est pour ça que div fait des sauts de ligne mais pas span, parce que div constitue un bloc et span est utilisé dans un paragraphe.

Oooh, super Very Happy

!
Merci beaucoup ! Calins

De rien =D
Je classe ton sujet~

[résolu]Images les unes à côté des autres sur la page d'accueil

[résolu]Images les unes à côté des autres sur la page d'accueil

Sujets similaires

Sujets similaires

Partenaires Or