Afficher deux images côte à côte sur une Page HTML
Je suis en train de placer deux images de la même taille side-by-side. Si j'utilise un table
alors je suis capable d'afficher deux images côte-à-côte. Mais dans ma feuille de style CSS, je suis en utilisant un format personnalisé pour la table et les affiche sur la page contenant les images, trop.
Je veux juste afficher les deux images sans aucune arrière-plan personnalisé, bordure, etc.
J'ai essayé d'utiliser div
, span
, ul
& li
(etc.) mais a échoué dans chaque cas.
- Comment puis-je placer deux images (de la même taille) en une seule ligne, sans l'aide d'un
table
? - Si je dois utiliser
table
pour le même, alors comment puis-je utiliser deux (ou plus) des formats différents pour mes tables à l'aide de CSS?
chaque solution varie dépendra de votre besoin. Donc postez votre code jusqu'à ce que vous avez essayé la chose. Nous venons de le rappeler.
OriginalL'auteur LalitBarik | 2010-05-15
Vous devez vous connecter pour publier un commentaire.
Vous pouvez faire comme:
Merci pour le code, il fonctionne, et résout le problème des images qui ne sont pas affichées côte à côte.
OriginalL'auteur Sarfraz
Utilisation
float:left;
vous dire que vous êtes de trouver un peu de marge de gauche, donc vous pouvez essayer cettece qui peut être cause de marge ou de rembourrage. ou vous devez utiliser la balise body comme
alors vous n'avez pas besoin d'écrire
margin:0; padding:0;
.OriginalL'auteur Kali Charan Rajput
float:left
?Ok, modifier votre question et montre-nous ton code HTML
OriginalL'auteur nc3b
Généralement, la table est le seul moyen qui fonctionne dans toutes les situations. Selon l'endroit où les deux images sont en vous HTML, il peut y avoir une meilleure façon, mais cela dépend. Est-il un élément qui contient les deux images déjà? Ce sont de cet élément propriétés de mise en page.
Feuille de style CSS qui modifie les propriétés de la table est une mauvais chose. On ne devrait définir les propriétés d'une classe de tables (à l'aide de la table.className) ou un tableau (à l'aide du tableau n ° id). Si vous ne pouvez pas modifier la feuille de style, vous devez annuler les dégâts qu'il fait à votre table.
Pour faire, savoir quelles sont les propriétés de la feuille de style a changé sur vous, et revenir par la délivrance d'une règle CSS pour votre table (de la règle de la table.nom de la classe ou du tableau n ° id remplace une règle plus générale) (préférable) ou à coder en dur la propriété en HTML à l'aide de styles en ligne (amende pour une solution rapide si vous avez seulement une paire).
OriginalL'auteur buti-oxa
Vous pouvez utiliser
float:left
.html:
css:
Violon
OriginalL'auteur Maarten Peels
Viens de le faire:
Il affiche les images
inline
par défaut. Si non, ajouter:OriginalL'auteur JoostS
Ce que vous avez à faire est de mettre votre les deux source de l'image des balises à côté de l'autre dans une seule ligne de code. Comme cette.
OriginalL'auteur Jake