Empecher les retours à la ligne avant et après un Div ?
Empecher les retours à la ligne avant et après un Div ?
Bonjour
J'aimerai mettre un Div entre deux images, sur la meme ligne, comme ça :
[image][Div][image]
mais un retour à la ligne automatique se créé avant et après le Div... Ce qui ressemble alors à :
[image]
[Div]
[image]
J'ai essayé d'utiliser "NoWrap" mais sans résultat.
Quelqu'un peut m'aider ?
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FREE; FDM)
J'aimerai mettre un Div entre deux images, sur la meme ligne, comme ça :
[image][Div][image]
mais un retour à la ligne automatique se créé avant et après le Div... Ce qui ressemble alors à :
[image]
[Div]
[image]
J'ai essayé d'utiliser "NoWrap" mais sans résultat.
Quelqu'un peut m'aider ?
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FREE; FDM)
-
- Tyrannosaurus Rex
- Messages : 2390
- Inscription : 26 juin 2006, 12:50
De souvenir la balise "div" est du type block, et les blocks s'empilent les uns sur les autres...
img est du type in-line, s'affiche à la suite sur la même ligne:
il faut donc que tu force un changement de type pour le div en question par display:inline
Voir aussi alsacreations
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0
img est du type in-line, s'affiche à la suite sur la même ligne:
il faut donc que tu force un changement de type pour le div en question par display:inline
Voir aussi alsacreations
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0
Merci de ta réponse.
J'ai mis :
Mais j'ai toujours un retour à la ligne avant le div...
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FREE; FDM)
J'ai mis :
Code : Tout sélectionner
<img src="<mon image>" alt=""><div STYLE="display : inline" class="outer01"></div>
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FREE; FDM)
-
- Tyrannosaurus Rex
- Messages : 2390
- Inscription : 26 juin 2006, 12:50
Code : Tout sélectionner
<img style="width: 150px; height: 211px;" alt="carte" src=
"carte-aero-2005_r.png">
<div style="display:inline;"> ...du texte dans le div... </div>
<img style="width: 111px; height: 98px;" alt="ded" src= "carte-sia-2005_r.png">
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0
Le mieux à mon avis c'est d'utiliser les blocs flottants: http://www.yoyodesign.org/doc/w3c/css2/visuren.html
En tous cas, vivement le inline-block [/code]
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.8) Gecko/20061025 Firefox/1.5.0.8
En tous cas, vivement le inline-block [/code]
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.8) Gecko/20061025 Firefox/1.5.0.8
J'ai finalement utilisé une seule grande image en fond de mon div contenant, et j'ai placé mes div par dessus avec des coordonnées absolues...
Mais merci quand-meme pour le code et l'explication, ça me sera surement utile une prochaine fois.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FREE; FDM)
Mais merci quand-meme pour le code et l'explication, ça me sera surement utile une prochaine fois.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FREE; FDM)
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 9 invités