× Plantage du forum 28/03/2023 - Perte de messages - A lire
 > Tous les forums > Forum des Webmasters
 pourquoi un espace entre les images ?Sujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
selen
  Posté le 18/10/2007 @ 18:29 
Aller en bas de la page 
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 !
Publicité
elle
 Posté le 18/10/2007 à 18:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

De rien!
selen
 Posté le 18/10/2007 à 21:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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...

Page : [1] 
Page 1 sur 1

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

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Enceinte connectée Amazon Echo Dot (5ème génération) avec assistant Alexa et capteur de température à 34,99 €
34,99 € 59,99 € -42% @Amazon

Amazon fait une promotion sur l'enceinte Amazon Echo Dot (5ème génération) qui passe à 34,99 € (au lieu de 59,99 €). L'appareil piloté par la voix fonctionne avec Alexa, l’intelligence artificielle développée par Amazon. Vous pourrez avec elle écouter de la musique, interagir avec vos appareils domotiques, écouter les infos, la radio, connaître la météo et d’accéder à des milliers d’autres possibilités grâce aux Skills : recettes de cuisine, petits jeux, etc. Par rapport à la génération précédente, l'enceinte possède un capteur de température et le son est amélioré. 


Voir le bon plan
Chaise de bureau Yaheetech à 38,75 €
38,75 € 54,99 € -30% @Amazon

Amazon fait une promotion sur la chaise de bureau Yaheetech qui passe à 38,75 € au lieu de 54,99 €. Cette chaise vous permettra de travailler confortablement toute la journée. Avec accoudoirs. Poids max 125 kg.


Voir le bon plan
Ensemble clavier et souris sans fil bluetooth Logitech MK850 à 52,50 €
52,50 € 85 € -38% @Amazon

Amazon fait une promotion sur l'ensemble Logitech MK850 qui passe à 52,50 € alors qu'on le trouve ailleurs à partir de 85 €. Ce pack se compose d'un clavier de taille standard doté de touches ergonomiques de haute qualité avec repose-poignets matelassé et d'une souris qui s'adapte parfaitement à votre paume pour un confort inégalé. Cet ensemble sans fil bluetooth vous apportera un confort au quotidien et profitez d'une durée de vie allongée avec alimentation par piles et d'un design sobre et élégant pour mettre en valeur votre équipement. Avec l'ensemble Logitech MK850 Performance vous allez très facilement pouvoir commencer à saisir du texte sur votre ordinateur, puis passer à votre tablette ou téléphone d'une simple pression sur une touche. Spécialement optimisé pour une utilisation sous Windows ou Mac, vous allez pouvoir coupler jusqu'à 3 dispositifs avec la souris.


Voir le bon plan
Perceuse sans-fil Bosch Prol GSB 12V-15 + 39 accessoires + 2 Batteries 2 AH à 116,99 €
116,99 € 145 € -19% @Amazon

Amazon fait actuellement une belle promotion sur la perceuse sans fil Bosch Professional GSR 12V-15 avec 2 batteries 12V 2.0 AH au lithium, sa pochette et 39 pièces d'accessoires à 116,99 € alors qu'on la trouve ailleurs à partir de 145 €.


Voir le bon plan
Casque Sennheiser HD 599 à 79,99 €
79,99 € 105 € -24% @Amazon

Amazon fait une belle vente flash sur le très bon casque Sennheiser HD 599 qui passe à 79,99 € livré gratuitement alors qu'on le trouve ailleurs à partir de 105 €. Ce casque fermé réduit le bruit ambiant. Il est idéal pour vos déplacements à l'extérieur. Il est compatible avec pratiquement toutes les sources audio y compris les téléphones portables, les amplis, les tablettes et les ordinateurs grâce à ses deux câbles détachables fournis : un câble de 3 mètres avec une fiche jack de 6,35 mm & un câble de 1,2m avec télécommande à un bouton et fiche jack de 3,5 mm.


Voir le bon plan
SSD Interne M.2 NVMe Samsung 970 Evo Plus 2 To à 120,61 € livré
120,61 € 180 € -33% @Amazon Allemagne

Amazon Allemagne fait une superbe promotion sur le SSD Interne M.2 NVMe Samsung 970 Evo Plus 2 To qui passe à 115,96 €. Comptez 4,65 € pour la livraison en France soit un total de 120,61 € livré. On le trouve ailleurs autour de 180 €. Ce SSD offre des taux de transfert de 3400 Mo /s en lecture et 2300 Mo/s en écriture. 


Voir le bon plan

Sujets relatifs
Pourquoi ai-je des croix (x) et non des images
faire un espace entre le cadre et la cellule (tableau)
Listes - Espace entre la puce (image) et le texte
espace entre les lignes
effet de transition entre deux images gif
pourquoi on vois pas les images?
Créer un plus grand espace entre deux mots
Mes images ne sont pas publiées, pourquoi?
entre 5-10mb d'espace [OK]
un espace entre 2 echo en php
Plus de sujets relatifs à pourquoi un espace entre les images ?
 > Tous les forums > Forum Forum des Webmasters