Inclure du texte dans une border HTML/CSS

Fermé
zarwal - 12 avril 2010 à 08:54
caro_48 Messages postés 11 Date d'inscription mercredi 7 avril 2010 Statut Membre Dernière intervention 12 avril 2010 - 12 avril 2010 à 09:14
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 !

A voir également:

1 réponse

caro_48 Messages postés 11 Date d'inscription mercredi 7 avril 2010 Statut Membre Dernière intervention 12 avril 2010
12 avril 2010 à 09:14
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....) :)
0