× 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
Ventirad Be quiet! Pure Rock 2 à 41,59 € livré
41,59 € 51 € -18% @Amazon Allemagne

Amazon Allemagne propose actuellement le ventirad Be quiet! Pure Rock à 35,58 €. Comptez 6,01 € pour la livraison en France soit un total de 41,59 € livré alors qu'on le trouve ailleurs à plus de 51 €. Une bonne affaire. Il offre un excellent rapport performances/prix avec une efficacité de refroidissement de 150W TDP, quatre caloducs 6mm, un ventilateur Pure Wings 2 120mm PWM et une conception pratique pour un montage depuis le dessus de la carte mère.


Voir le bon plan
Ecran portable 14 pouces AOSIMAN (FullHD, IPS, USB-C) à 84,24 €
84,24 € 159 € -47% @Geekbuying

Geekbuying fait une promotion sur l'écran portable 14 pouces AOSIMAN 140FCC qui passe à 84,24 € avec le code NNNSOLDEAOS1 au lieu de 159 €. Cet écran à emporter partout avec vous possède une dalle IPS antireflet FullHD avec un design ultrafin. L'alimentation et l'affichage se font par USB-C. Branchez simplement votre ordinateur portable ou votre smartphone pour profiter d'un second écran ou même votre console, un ordinateur fixe ou un raspberry Pi 4 pour profiter d'écran principal. 

Avec un support orientable pour le positionner comme vous voulez et des HP stéréo pour jouer la musique ou les sons de votre ordi.


Voir le bon plan
Carte graphique PowerColor Fighter AMD Radeon RX 6600 8 Go + jeu PC The Last of Us Part 1 à 251,95 €
251,95 € 279,95 € -10% @Materiel.net

Materiel.net fait une promotion sur la carte graphique PowerColor Fighter AMD Radeon RX 6600 8 Go qui passe à 251,95 € avec le code SPEEDRUN au lieu de 279,95€ ailleurs. Le jeu PC The Last of US Part 1 est également offert (dématérialisé)

Un nouveau design solide au profit de la nouvelle architecture RDNA 2 : la carte graphique PowerColor Radeon 6600 Fighter met toutes les chances de son côté et vous propose des performances pour assouvir vos envies de jeu jusqu'en 1080p dans le plus grand confort. S'appuyant sur 8 Go de mémoire GDDR6, l'Infinity Cache, ainsi que sur le savoir-faire AMD en terme d'efficacité énergétique, cette carte graphique est prête à intégrer votre configuration PC gaming.

 


Voir le bon plan
Lego Star wars Casque du Capitaine Rex n°75349 à 52,48 €
52,48 € 69,99 € -25% @Amazon

Amazon fait une promotion sur le Lego Star wars Casque Clone Commander Cody n°75349 qui passe à 52,48 € grâce à un coupon à activer sur la page du produit. On le trouve ailleurs à 69,99 €. Rendez hommage à un valeureux commandant clone de la 501ème légion avec Le casque du Capitaine Rex LEGO Star Wars™ (75349). 854 pièces.


Voir le bon plan
SSD PNY CS900 2 To à 99,89 €
99,89 € 145 € -31% @Amazon

Amazon fait une promotion sur le SSD PNY CS900 2 To qui passe à 99,89 € alors qu'on le trouve ailleurs à partir de 125 €. Ce SSD offre des vitesses d'écriture de 515 Mo/s et de lecture à 550 Mo/s. Il est garanti 3 ans.


Voir le bon plan
Tablette N-one Npad Pro (10.4'' IPS FHD, 8 coeurs, 8 Go/ 128 Go, Android 12) + coque et verre trempé à 159,13 €
159,13 € 230 € -31% @Geekbuying

Geekbuying fait une promotion sur la très bonne tablette N-one Npad Pro qui passe à 159,13 € avec le code GKB23MS3 au lieu de 230 €. Cette tablette possède un écran 10.4 pouces IPS FHD (2000x1200 pixels), un processeur T616 à 8 coeurs, 8 Go de RAM, 128 Go de stockage extensible par microSD, le GPS, le WiFi/Bluetoot et la 4G via un emplacement Dual SIM. Une webcam frontale 5MP + IR, une arrière de 13MP + flash LED et la reconnaissance facile sont présentes. Son châssis est en aluminium et elle offre une batterie de 6600 mAH à charge rapide 18W (USB Type C).

Le tout tourne sous Android 12 en français et intègre les codecs Widevine L1 pour lire le contenu HD en streaming (Netflix, Disney, etc...). De quoi tout faire sur cette tablette performante : jeux, vidéo, internet, bureautique, système GPS pour voiture, etc.

Une coque de protection avec rabat magnétique, un verre trempé pour protéger l'écran et un chargeur 18W sont fournis dans le pack.

La livraison se faisant depuis un entrepôt européen, vous êtes certains de recevoir rapidement la tablette et sans risque de douane. 


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