Insérer un cadre
Résolu
angelus1821
Messages postés
191
Date d'inscription
Statut
Membre
Dernière intervention
-
angelus1821 Messages postés 191 Date d'inscription Statut Membre Dernière intervention -
angelus1821 Messages postés 191 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Pour mon site, j'ai insérer un cadre autour d'une image, mais ce que je voudrais c'est dans le contour (le cadre) mettre des fleurs ou des motifs, de façon général, tout autour de l'image et je ne sais pas trop comment faire.
Pourriez vous m'indiquer comment svp, merci !
Pour mon site, j'ai insérer un cadre autour d'une image, mais ce que je voudrais c'est dans le contour (le cadre) mettre des fleurs ou des motifs, de façon général, tout autour de l'image et je ne sais pas trop comment faire.
Pourriez vous m'indiquer comment svp, merci !
A voir également:
- Insérer un cadre
- Insérer video powerpoint - Guide
- Insérer signature word - Guide
- Insérer liste déroulante excel - Guide
- Insérer sommaire word - Guide
- Insérer espace insécable word - Guide
5 réponses
c'est bon j'ai reussii !
je me suis trompé dans la destination , mon image pour le contour se trouer dans le même répertoire que mes page html, du coup j'ai fais :
background: url(mon_image.jpg);
mais en fait ce que je voudrais savoir faire, si c'est possible c'est , en reprenant l'exemple des fleurs, faire en sorte que l'on voit plein de petite fleurs tout autour de l'image, est possible?
je me suis trompé dans la destination , mon image pour le contour se trouer dans le même répertoire que mes page html, du coup j'ai fais :
background: url(mon_image.jpg);
mais en fait ce que je voudrais savoir faire, si c'est possible c'est , en reprenant l'exemple des fleurs, faire en sorte que l'on voit plein de petite fleurs tout autour de l'image, est possible?
Salut,
en html ce n'est pas possible, mais ... et .css oui
en fait il faudra que tu trouve une image qui va aller en background derriere ton image (une image qui servira de bordure, mais une image pleine, ton image va se superposer dessus)
qd tu taperas <img src="mon_image.ext">
ton code inserera automatiquement une image derriere (une image avec des fleurs) qui debordera de 15px tout autour
y'a peut etre qq erreurs mais test ce code et dis moi
t'as pas une url pour que je vois ce que ca donne ?
en html ce n'est pas possible, mais ... et .css oui
en fait il faudra que tu trouve une image qui va aller en background derriere ton image (une image qui servira de bordure, mais une image pleine, ton image va se superposer dessus)
img {
border: 0px;
background: url(url/dest/image.ext);
padding : 15px;
}
qd tu taperas <img src="mon_image.ext">
ton code inserera automatiquement une image derriere (une image avec des fleurs) qui debordera de 15px tout autour
y'a peut etre qq erreurs mais test ce code et dis moi
t'as pas une url pour que je vois ce que ca donne ?
ok merci je vais tester
en fait voici mon code, dans une cellule de mon tableau j'ai :
<img src="image\mon_image.jpg" style="border:solid 10px #FFCCFF;">
j'ai mis dans ma feuille de style le code ci dessus à savoir:
img {
border: 0px;
background: url(image\page.jpeg);
padding : 15px;
}
mais j'obtiens toujours la meme chose, j'ai mon image mais le contour reste en rose clair( couleur par defaut).
Mon site je ne l'ai pas encore mis en ligne pour le moment.
en fait voici mon code, dans une cellule de mon tableau j'ai :
<img src="image\mon_image.jpg" style="border:solid 10px #FFCCFF;">
j'ai mis dans ma feuille de style le code ci dessus à savoir:
img {
border: 0px;
background: url(image\page.jpeg);
padding : 15px;
}
mais j'obtiens toujours la meme chose, j'ai mon image mais le contour reste en rose clair( couleur par defaut).
Mon site je ne l'ai pas encore mis en ligne pour le moment.
j'men doutais un peu que cette balise css n'existait pas
html :
css :
par exemple = mon_image.jpg = 200x200 px
et
img_bg.jpg = 215x215 px
test avec deux images a la con - par exemple une noire et une grise - aprés tu auras juste a faire le remplacement avec les bonnes images
html :
<img src="mon_image.jpg">
css :
img {
border: 0px;
background: url(img_bg.jpg);
padding: 15px;
}
par exemple = mon_image.jpg = 200x200 px
et
img_bg.jpg = 215x215 px
test avec deux images a la con - par exemple une noire et une grise - aprés tu auras juste a faire le remplacement avec les bonnes images
oui cela fonctionne bien
mon image en html c'est une photo tiré d'un film et j'ai bien mis l'image en fond, pour que cela donne un contour.
Seulement je crois que je cherche trop compliqué, ce que je veux faire c'est que :
d'une part , j'ai mon image et en ce qui concerne le contour par exemple mettre des motifs, mais je pense que je cherche trop compliqué, je verrais bien plus tard .
En tout cas merci a toi pour ton aide, une dernière question, est il possible de mettre du php pour faire la mise en page etc??
Car je me suis mis au php en même temps .
mon image en html c'est une photo tiré d'un film et j'ai bien mis l'image en fond, pour que cela donne un contour.
Seulement je crois que je cherche trop compliqué, ce que je veux faire c'est que :
d'une part , j'ai mon image et en ce qui concerne le contour par exemple mettre des motifs, mais je pense que je cherche trop compliqué, je verrais bien plus tard .
En tout cas merci a toi pour ton aide, une dernière question, est il possible de mettre du php pour faire la mise en page etc??
Car je me suis mis au php en même temps .
oui carrement
tu fais un fichier style config_css.php
dedans tu mets
apres un include ou un require_once pour appeler ta page config_css.php comme ca tu peux switcher tes css depuis une liste deroulante sur le site par exemple ou autres
tu fais un fichier style config_css.php
dedans tu mets
<?php
$image = "<style type="text/css">
img {
bla bla bla ... ;
}
</style> "
?>
apres un include ou un require_once pour appeler ta page config_css.php comme ca tu peux switcher tes css depuis une liste deroulante sur le site par exemple ou autres
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
mais tu vas galerer un petit peu a caler tt ca ; mais qd ce sera bon ce sera fini
tu vois ce que je veux dire ..?
en fait si je comprend bien il faut que dans mon image , je duplique les fleurs pour en obtenir plusieurs,et sur le site
je voudrais qu'elles apparaissent sur le contour seulement,en quelques sorte faire une " banderole " de fleurs.
Dans le pire des cas si c'est trop compliqué , je peux toujours prendre une image et m'arranger pour que les fleurs apparaissent sur le contour et peux importe le reste de l'image puisque le contour sera fait, ca pourrait marcher comme cela ??
img { border: url(img_contour.jpg); }je n'ai jamais testé ça et je ne sais pas si cela fonctionnera
je sais mm pas si c'est valide non plus, mais test pour voir....
sinon,
pour ton image qui servira de contour, faut que tu es une image qui sois un peu plus haute et un peu plus large que ton image a affichée - de 15px par exemple
non sa ne marche pas , j'ai insérer le code suivant :
img {
border: url(mon_image.jpg);
padding : 15px;
}
avec ce code le contour disparait puis avec celui ci, j'obtiens toujours le même contour,à savoir celui de mon image ( et cela va de même pour une autre image)
img {
border: url(image.jpg);
background:url(mon_image.jpg);
padding : 15px;
}
mais cela n'a pas l'air de fonctionner.