creation de sites web :

- image bordure tableau

Autres messages sur des sujets similaires :
Rentrer des données d'un tableau dans une table
afficher une page HTML à partir d'un tableau
lien image mysql
image de background
CSS pour un tableau ?

Cours HTML / Javascript / PHP disponibles :
Créer des tableaux en HTML

Retour Site Honolulu | Nouveau sujet | Retour aux sujets | Chercher | Connexion

image bordure tableau

Auteur: vivonslibres
(et195-132-4.noos.fr)
Date: 30-05-2005 20:00
2 messages postés sur la création de sites web

[ 2 msg ]

salut!
je suis une grande novice en matière de création de site et j'ai beaucoup appris grâce à ce site, soit dit en passant!
je voulais savoir comment on peut faire de jolies bordures à un tableau genre pleins de papillons qui frétillent ou des petits personnages ou des fleurs...bref tout ce qui peut faire un cadre graphiquement sympa!
je travaille sur Nvu (pour l'instant, je m'éclate mais c'est quand même du boulot! #etonne#

) et je me demandais aussi comment faire deux tableaux sur une même page parce que lorsque je mets "insérer tableau" ça le relie au premier!
Je sais pas si je me fais bien comprendre alors dites-moi si y'a un truc qui cloche dans ce post!
au fait, moi aussi je suis à annecy!
bisous et merci!

Répondre à ce message

Re: image bordure tableau

Auteur: honolulu
(---.adsl.proxad.net)
Date: 30-05-2005 21:05
1520 messages postés sur la création de sites web

[ 1520 msg ]

Salut et bienvenue sur le forum #clin#

Pour répondre à ta question, il n'y a pas de solution miracle.. Il faut recourir au HTML et à une feuille de style (les CSS) :

Le tout est de faire d'abord une image, puis de découper cette image.
- La partie haute servira pour le haut du tableau
- La partie intermédiaire sera dupliquée verticalement pour habiller le contenu
- La partie basse sera utilisée pour le bas du tableau

ce qui donne en html :

<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr><td class="haut" valign="top"> </td></tr>
<tr><td class="milieu" valign="top">
ici le contenu du tableau
</td></tr>
<tr><td class="bas"> </td></tr>
</table>

et pour les CSS (noms et dimensions à modifier) :
<style>
.milieu {
background-image:url('ton_image_milieu.jpg');
background-repeat:repeat; /* pour dupliquer l'image */
width:300px;
height:20px;
}

.haut {
background-image:url('ton_image_haut.jpg');
background-repeat:no-repeat;
width:300px;
height:20px;
}
.bas {
background-image:url('ton_image_bas.jpg');
background-repeat:no-repeat;
width:300px;
height:25px;
}
</style>

a++

Répondre à ce message

Retour Site Honolulu | Liste des Forums

Honolulu : créateur de site internet à Annecy et sur le web !