 Sthyx 
{ Membre }
 Messages : 107
![[résolu]Texte sur image qui dépasse. Empty](https://2img.net/i/fa/empty.gif) | Bonjour ! Alors voici mon problème : l'image qui fâche xD 1°) Le texte dépasse, comment faire pour qu'il reste dans les dimensions de l'image ? 2°) Le texte en dessous est collé juste après la balise < /div>, et pourtant il est si bas... comment faire pour qu'il y ai moins d'espace ? Mon code : - Code:
-
<div style="background-image: url('http://i47.tinypic.com/eq33n4.jpg'); background-repeat: no-repeat; width: 273px; height: 291px; padding-left: 10px; padding-right: 10px; padding-top: 50px; padding-bottom: 20px;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. </div>Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Merci d'avance ^o^ | | |
|
Ikø' 
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Pour ton premier problème, voici le code que j'ai testé sur mon forum test: - Code:
-
<div style="background-image: url('http://i47.tinypic.com/eq33n4.jpg'); background-repeat: no-repeat; width: 263px; height: 291px; padding-left: 10px; padding-right: 10px; padding-top: 50px; padding-bottom: 20px;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. </div>Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. J'ai simplement diminué la valeur de width de 10px et le texte entre parfaitement dans l'image. Sinon pour ton deuxième problème, l'espace est du aux balises html dans le message. Je ne sais pas pourquoi, mais les balises créent des espaces of doom. Nous sommes plusieurs sur le forum à avoir essayé de trouver une solution, mais bon... je ne sais pas si quelqu'un ici en a une ._. | | |
|
Sthyx
{ Membre }
Messages : 107
| Le code marche parfaitement  !! Merci beaucoup ^o^ ! Pour l'espace, c'est bête quand même >o<, mais bon tant pis. Merciii ^o^ | | |
|
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| De rieeen  Je classe~ N'oublie pas que si tu as d'autres problèmes il nous fera plaisir de t'aider~ | | |
|
![[résolu]Texte sur image qui dépasse. Bouton_active](https://2img.net/h/theme3.cssactif.com/ui/bouton_active.png)
![[résolu]Texte sur image qui dépasse. Bouton_hover](https://2img.net/h/theme3.cssactif.com/ui/bouton_hover.png)
![[résolu]Texte sur image qui dépasse. Fb-hover](https://2img.net/h/theme3.cssactif.com/facebook/fb-hover.png)
![[résolu]Texte sur image qui dépasse. Fb-active](https://2img.net/h/theme3.cssactif.com/facebook/fb-active.png)
![[résolu]Texte sur image qui dépasse. Logo](https://2img.net/h/theme3.cssactif.com/logo.png){kind=logo}
![[résolu]Texte sur image qui dépasse. Empty](https://2img.net/i/empty.gif)
Sam 30 Mar 2024, 22:07 par 
