Discussion :

[sandytarit]

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

[galak63]

tu les insère dans quoi ? un <div>, un <table> ?

[sandytarit]

J'insère le texte dans une div
et la div à comme background le cadre arrondi

[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 ..

[sandytarit]

C ce que j'ai fait voilà le bout de css:
l'image fait 300x300px

Code :

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

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 :

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

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

[Invité]

Moi pour faire ça je regarderai plutôt la gestion des images en PHP...

[sandytarit]

Pourquoi du php ?

[GregPeck]

Si tu rajoute le style :

Code :

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

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...

[sandytarit]

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

[Auteur]

bonjour,

essaye ce style pour ton cadre :

Code css :

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

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;
}

[sandytarit]

Rebonjour

J'ai utilisé cela comme code du coup:

Code :

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

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