Accueil         Contactez-Nous    Sitemap  

 

Important : Exporter le blog ou Télécharger le modèle avant d'appliquer le moindre changement dans le code HTML de son blog.

 

Publier des images cote à cote

Libellés :
Publié par Othmane BENTALEB à 20:06
Bismillah. Bienvenue sur Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Lorsque l'on a plusieurs photos à présenter dans un article, souvent on a envie de varier la mise en page. Pourquoi ne pas publier des images côte à côte ?
Pour ce faire, il suffit de copier le code suivant (pour 2 colonnes et 3 lignes).
Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.
<table><tbody>
<tr><td>photo 1-1
</td><td>photo 1-2
</td></tr>
<tr><td>photo 2-1
</td><td>photo 2-2
</td></tr>
<tr><td>photo 3-1
</td><td>photo 3-2
</td></tr>
</tbody></table>

Ensuite, il ne restera plus qu'à intégrer les images dans les cellules des tableaux (à la place des photo 1-2, photo 2-2 etc selon l'endroit où on veut les positionner).
Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

Par rapport à l'exemple proposé, si vous avez besoin de moins de lignes (ou de plus), supprimez des lignes ou rajoutez en autant que nécessaire.

Outils Blogger http://www.outils-blogger.blogspot.com/ : Outils, Astuces, Widgets, Modèles, Adsense, Seo.

0 commentaires:

Laisser un commentaire

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Visiteurs

free counters