Inclure du texte dans une border HTML/CSS
zarwal
-
caro_48 Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
caro_48 Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de creer mon site ecommerce, et mes produits sont entourer d une bordure blanche comme sur ce site : http://www.sabon.co.jp/product/body01.html mais je n arrive pas a inclure du texte ou une seconde image dans la border, par exemple le nom du produit, je n ai que la photo du produit entourer de son cadre blanc.
Ma question etant donc, comment inclure du texte dans la border de l image ?
Voici le code HTML:
<div id="gallery">
<ul><li><a href="images/pot1.jpg" title="Anti ride"><img src="images/pot1p.jpg" width="140" height="140" alt="Anti ride"/></a></li></ul>
</div>
Et le code CSS pour la mise en forme et le border:
#gallery ul { list-style: none; }
#gallery ul img {
border: 5px solid #fff;
border-width: 5px 5px 20px;}
Si quelqu un a une solution ou une idee j en serai ravi ! Merci d avance !
Je suis en train de creer mon site ecommerce, et mes produits sont entourer d une bordure blanche comme sur ce site : http://www.sabon.co.jp/product/body01.html mais je n arrive pas a inclure du texte ou une seconde image dans la border, par exemple le nom du produit, je n ai que la photo du produit entourer de son cadre blanc.
Ma question etant donc, comment inclure du texte dans la border de l image ?
Voici le code HTML:
<div id="gallery">
<ul><li><a href="images/pot1.jpg" title="Anti ride"><img src="images/pot1p.jpg" width="140" height="140" alt="Anti ride"/></a></li></ul>
</div>
Et le code CSS pour la mise en forme et le border:
#gallery ul { list-style: none; }
#gallery ul img {
border: 5px solid #fff;
border-width: 5px 5px 20px;}
Si quelqu un a une solution ou une idee j en serai ravi ! Merci d avance !
A voir également:
- Inclure du texte dans une border HTML/CSS
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Editeur html - Télécharger - HTML
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Insérer une image dans word sans bouger le texte - Guide
1 réponse
salut,
je ne pense pas que tu puisses introduire du texte dans un border.
Le border c'est le carré qui entoure l'image. si tu veux l'enlever tu fait:
<img src="le mon de ton image" border="0"/>
Dans le lien que tu donnes je pense qu'il s'agit d'un patterns ou un contour réalisé avec photoshop. Si tu regardes bien ni ton image, ni le mot de sont cliquable.
J'espère t'avoir était utile.
(ps: en cherchant tu dois pouvoir trouver des patterns un peux pareil. Je sais pour les avoirs déjà utilisés qu'ils en existent les mêmes....) :)
je ne pense pas que tu puisses introduire du texte dans un border.
Le border c'est le carré qui entoure l'image. si tu veux l'enlever tu fait:
<img src="le mon de ton image" border="0"/>
Dans le lien que tu donnes je pense qu'il s'agit d'un patterns ou un contour réalisé avec photoshop. Si tu regardes bien ni ton image, ni le mot de sont cliquable.
J'espère t'avoir était utile.
(ps: en cherchant tu dois pouvoir trouver des patterns un peux pareil. Je sais pour les avoirs déjà utilisés qu'ils en existent les mêmes....) :)
