placer du texte sur une image

Version imprimable

21/12/2006, 12h53
sandytarit

placer du texte sur une image

Bonjour

j'ai fait des cadres arrondis sur photoshop (fixe)
et je les insère en tant qu'image sur le site
Comment puis-je insérer du texte dans le cadre sans que ca dépasse
de celui-ci et que ca ne coupe pas les bordures

Merci d'avance
21/12/2006, 12h59
galak63

tu les insère dans quoi ? un <div>, un <table> ?
21/12/2006, 14h19
sandytarit

J'insère le texte dans une div
et la div à comme background le cadre arrondi
21/12/2006, 15h07
Bisûnûrs

Ben si ton image fait 100px de large et 100px de haut tu fais un div de100px de large et de 100px de haut .. :koi:
22/12/2006, 20h37
sandytarit
C ce que j'ai fait voilà le bout de css:
l'image fait 300x300px
Code:

1 2 3 4 5 6 7 div#cadre { height: 300px; width: 300px; background-image:url(../IMAGE/actualite.gif); }
Et dans mon html
la balise:
Code:

1 2 3 <div id="cadre"> </div>
Mais quand je rajoute du texte dans la div
le texte dépasse du cadre
Comment faire pour éviter cela
Merci d'avance
22/12/2006, 21h32
Invité

Moi pour faire ça je regarderai plutôt la gestion des images en PHP...
22/12/2006, 21h37
sandytarit

Pourquoi du php ?
8O
23/12/2006, 02h23
GregPeck

Si tu rajoute le style :

Code:

overflow:hidden;

Tout ce qui va dépasser du cadre de 300px de large, sera caché.
Je sais pas si c'est bien ça que tu cherche en fait...
23/12/2006, 14h02
sandytarit

Je m'ai ca dans ma div cadre ?
je vais essayer Merci

bonjour,

essaye ce style pour ton cadre :

Code:

1
2
3
4
5
6
7
8
9
div#cadre
{
height: 300px;
width: 300px;
padding: 5px;
overflow: auto;
background-image:url(../IMAGE/actualite.gif);
background-repeat: no-repeat;
}

Rebonjour

J'ai utilisé cela comme code du coup:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 div#cadre { height: 300px; width: 300px; background-image:url(../IMAGE/actualite.gif); font-weight:bolder; overflow:hidden; } div#contenucadre { padding: 35px 10px 2px 10px; overflow:hidden; height: 240px; width: 280px; }
Et je met le contenu de mon cadre dans la div contenucadre
Je fais un padding de 30 px en top pour pas que le texte (que je récupère d'un flux xml) ne coupe l'onglet qui est sur le cadre
Ca marche pas trop mal
Merci beaucoup pour votre aide et pour la propriété overflow que je ne connaissais pas du tout