pourquoi un espace entre les images ?

pourquoi un espace entre les images ? Sujet résolu

Ajouter un message à la discussion

selen

Posté le 18/10/2007 @ 18:29

Maîtresse astucienne

bonjour,

je me tourne vers vous car je ne trouve pas ... j'ai bien cherché pourtant ...

il y a un espace entre les images (ce sont des liens derrière une image) et je voudrais qu'elles soient collées côte à côte sans séparation.

j'ai déjà mis des margin 0 et padding 0 à tout...

d'où viennent ces espaces et comment s'en débarrasser ??

ICI par exemple, les images sont bien acolées !

le bout de code:

<style type="text/css">
#menubar{width: 800px;margin: 20px auto;text-align: center;}
img{border: 0;margin: 0; padding: 0;}
a{margin: 0; padding:0;}
td{text-align: left;}
</style>
<div id="menubar">
<a href="#"><img src="images/icon_mini_index_fr.jpg" /></a>
<a href="#"><img src="images/icon_mini_faq.jpg" /></a>
<a href="#"><img src="images/icon_mini_search_fr.jpg" /></a>
<a href="#"><img src="images/icon_mini_members_fr.jpg" /></a>
<a href="#"><img src="images/icon_mini_profile_fr.jpg" /></a>
<a href="#"><img src="images/icon_mini_message_fr.jpg" /> </a>
<a href="#"><img src="images/icon_mini_register_fr.gif"/></a>
<a href="#"><img src="images/icon_mini_logout_fr.jpg" /></a>
</div>

si quelqu'un a une idée ? merci d'avance !

elle

Posté le 18/10/2007 à 18:33

Grande Maîtresse astucienne

Essaie de coller les liens dans ton code les uns à la suite des autres pour voir?

Dreamer

Posté le 18/10/2007 à 18:36

Une autre approche ......Mets un fond de la couleur des boutons !!

Cela te le fait avec tous les navigateurs ?

Malcolm

Posté le 18/10/2007 à 19:35

mets un attribut style="border:0;" dans tes images (au passage, tu poourrais spÚcifier width, height et surtout le alt) et je rejoins ce que dit "Elle" : il ne fat pas mettre une image par ligne dans le code source, mais toutes Ó la suite.

selen

Posté le 18/10/2007 à 20:49

Maîtresse astucienne

salut elle, dreamer et malcolm

merci pour les réponses : c'est effectivement les mettre bout à bout qu'il fallait faire !

curieux car je n'avais jamais rencontré de différence dûe à des espaces blancs dans le code... maintenant je saurai que ça peut jouer.

grand merci à tous et bonne soirée

elle

Posté le 18/10/2007 à 20:53

Grande Maîtresse astucienne

selen

Posté le 18/10/2007 à 21:10

Maîtresse astucienne

au fait, il n'existerait pas un truc pour pouvoir quand même mettre des retours chariot dans le code sans que ça compte pour un espace ? (pour la lisibilité du code)

je croyais que l'instruction css : white-space: nowrap aurait pu servir à cela, mais ça ne fonctionne pas...

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !

Les bons plans du moment PC Astuces

Tous les Bons Plans

Boîtier SSD M.2 NVMe UGREEN USB 3.2 Type C à 17,99 €
17,99 € ~~27,99 €~~ -36% @Amazon

Amazon fait une promotion sur le boîtier SSD M.2 NVMe UGREEN USB 3.2 Type C qui passe à 17,99 € au lieu de 27,99 € grâce à un coupon de réduction à activer sur la page du produit. Ce boîtier vous permettra de transformer en SSD externe un SSD interne au format M.2 KEY (2280, 2260, 2242 et 2230) récupéré dans un ordinateur après un upgrade de capacité par exemple.

Ce boitier en aluminium permet de dissiper la chaleur, prend en charge le TRIM et offre des débits jusqu'à 900 Mo/s grâce à l'USB 3.2 GEN2. Fourni avec câble USB C.

Voir le bon plan

Smartphone 6.28 pouces Xiaomi 12X (AMOLED 120 Hz, 5G, Snapdragon 870, 256Go, 8Go, Android 12) à 399,90 €
399,90 € ~~508 €~~ -21% @Amazon

Amazon fait une promotion sur le smartphone 6.28 pouces Xiaomi 12X qui passe à 399,90 € au lieu de 508 €. Ce smartphone très bien équipé est compatible 5G, possède un processeur Snapdragon 870 à 8 coeurs, un écran FHD+ (2400x1080) AMOLED à 120 Hz, 256 Go de stockage, 8 Go de ram, 3 capteurs photos 50 mégapixels + 13 mégapixels + 5 mégapixels et une caméra avant à 32 mégapixels une batterie haute capacité 4500 mAh et la charge rapide à 67W.

Voir le bon plan

Manette Microsoft Xbox sans fil + adaptateur pour PC à 55,99 €
55,99 € ~~69 €~~ -19% @Amazon

Amazon fait une promotion sur la nouvelle manette Microsoft Xbox sans fil + adaptateur pour PC qui passe à 55,99 € alors qu'on la trouve ailleurs à partir de 69 €. Sur Xbox, la connexion se fera directement sans fil et sur PC, il vous suffira de brancher l'adaptateur Bluetooth fourni pour en profiter aussi sans fil.

Voir le bon plan

Boîtier SSD M.2 NVMe/SATA Orico USB 3.2 Type C à 15,24 €
15,24 € ~~25 €~~ -39% @Amazon

Amazon fait une promotion sur le boîtier SSD M.2 NVMe Orico USB 3.2 Type C qui passe à 15,24 € au lieu de 25 €. Ce boîtier vous permettra de transformer en SSD externe un SSD interne au format M.2 KEY (2280, 2260, 2242 et 2230) NVMe ou SATA récupéré dans un ordinateur après un upgrade de capacité par exemple.

Ce boitier en aluminium permet de dissiper la chaleur, prend en charge le TRIM et offre des débits jusqu'à 1000 Mo/s en NVMe grâce à l'USB 3.2 GEN2 (450 Mo/s en SATA). Câble USB C -> USB C fourni.

Pour en savoir plus sur son utilisation, vous pouvez consulter notre dossier pratique Transformer un SSD M.2 en lecteur externe.

Voir le bon plan

Opération BD Eté 2023 : sélection de bandes dessinées à 3,50 €
3,50 € @Amazon

Amazon participe à l'opération BD Eté 2023 où une sélection de bandes dessinées vous est proposée à 3,50 €. Vous trouverez des Lucky Luke, Tuniques Bleues, Agent 212, Gaston, Boule & Bill, Cédric, Spirou, Kid Paddle, Game Over, ...

Voir le bon plan

Manette Xbox Series sans fil à 44,99 €
44,99 € ~~59,99 €~~ -25% @Amazon

Amazon fait une promotion sur la manette Xbox Series sans fil qui passe à 44,99 € au lieu de 59,99 €. Vous pouvez l'utiliser également sans fil sur PC grâce au Bluetooth (ou en filaire avec un câble USB C).

Voir le bon plan