CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

propriété css : pas retour à la ligne

axeee
axeee
Niveau 9
22 juin 2007 à 19:11:38

Salut, désolé pour le titre mais la place est assez restreinte.

J´aimerai savoir s´il existe une propriété css pour que le "retour à la ligne" ne se fasse pas avec une balise div.

Explications : je fais une regex pour changer [smiley]le texte écrit[/smiley] en un smiley qui tient un cadre avec le texte dedans, comme :merci: par exemple.
J´ai donc fait :
<div style="width: 200px; text-align: center;">
<div style="border: 1px solid black; padding: 3px; background-color: white;">le texte écrit</div>
<img src="smiley.gif" alt="" />
</div>

Ça fonctionne mais il y a le retour à la ligne du div qui fait qu´on ne peut mettre qu´un seul smiley sur la même ligne.

Merci d´avance

darth-bane
darth-bane
Niveau 10
22 juin 2007 à 19:18:57

<div style="width: 200px; text-align: center;">
<span style="border: 1px solid black; padding: 3px; background-color: white;">le texte écrit</span>
<img src="smiley.gif" alt="" />
</div>

axeee
axeee
Niveau 9
24 juin 2007 à 07:39:44

merci mais il y a toujours le retour à la ligne du premier div

deepblue
deepblue
Niveau 16
24 juin 2007 à 11:48:32

border: 1px solid black; padding: 3px; background-color: white; display:block; height:YY px; overflow:hidden;

darth-bane
darth-bane
Niveau 10
24 juin 2007 à 20:24:16

<span style="width: 200px; text-align: center;">
<span style="border: 1px solid black; padding: 3px; background-color: white;">le texte écrit</span>
<img src="smiley.gif" alt="" />
</span>

<div> est une balise de type ´block´, ce qui signifie un passage à la ligne.
<span> est une balise de type ´inline´ et donc pas de passage à la ligne.

Deepblue :d) je pense que tu voulais plutôt mettre display: inline
Mais quitte à utiliser une balise de type inline, autant utiliser directement un <span> plutôt qu´en modifiiant le type d´un <div>.

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment