Discussion :

[chlock62]

Bonjour, j'ai un petit souci de css, il s'agit d'un espace indésirable entre deux span de 4px , sur internet je vois quil s'agit d'un espace normal car les span sont souvent utilisé pour du texte ,mais je désire le retirer.
Voici mon code html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 <span class="first">fdfd</span>
 <span class="second">sdsd</span>

une idée les amis

merci

[Candygirl]

Bonjour,

Il te suffit de coller les deux span dans ton code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="first">fdfd</span><span class="second">sdsd</span>

ou alors mettre le retour de ligne dans un commentaire html:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<span class="first">fdfd</span><!--
--><span class="second">sdsd</span>

[chlock62]

Finalement je les aie passé en inline-bloc comme ca je peux les dimensionné a mon gout car je vais mettre une mini image dans le premier span donc obige les hauteur largeur

Je vais tester tes conseil tout de même

Merci l'ami

[chlock62]

merci pour les float elfamine, je les ai testé, beau coup de solution possible en css mais laquel la plus propre

Merci l'ami

[NoSmoking]

Bonjour,
je dirais que dans ton cas la méthode la moins "propre" est l'utilisation du float:left, qui ôte partiellement l'élément du flux ce qui peut générer d'autres problèmes.

Quand il y a moyen de laisser les éléments dans le flux autant le faire.

je vais mettre une mini image dans le premier span donc obige les hauteur largeur

une simple balise IMG serait peut être suffisante.

[Invité]

Bonjour,
la seule solution valable serait de nous montrer ton code CSS, car il n'y a pas de raison qu'il y ait - par défaut - un espace entre des <span>.

[elfamine]

ou un float

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
span{ float:left; }