Urgence pour tableaux en html
existance
-
existance -
existance -
Bonjour a tous , rendez vous sur ce lien pour comprendre ce que je veux
http://kreen78.free.fr/bienvenue.html
Alors , le tableau de gauche , ou est ecrit mini site , j'aimerais reproduire un tableau du meme genre , mais je ne sais pas comment faire un tableau violet , ecrire mini sites , et rajouter le violet qu'ya deriere, j'ai vraiment besoin d'aide merci !
http://kreen78.free.fr/bienvenue.html
Alors , le tableau de gauche , ou est ecrit mini site , j'aimerais reproduire un tableau du meme genre , mais je ne sais pas comment faire un tableau violet , ecrire mini sites , et rajouter le violet qu'ya deriere, j'ai vraiment besoin d'aide merci !
A voir également:
- Urgence pour tableaux en html
- Editeur html - Télécharger - HTML
- Tableaux croisés dynamiques - Guide
- Mise en forme tableau word - Guide
- Fusionner deux tableaux excel - Guide
- Espace en html ✓ - Forum HTML
5 réponses
Bonjour,
Oublie l'urgence.
Plus que d'aide, c'est apprendre quelques rudiments dont tu as besoin.
C'est assez simple à faire, mais l'explication risque d'être insuffisante et longue et fastidieuse.
Il s'agit bien de tableaux. Mais il est maintenant conseillé de s'y prendre autrement.
Alors, regarde ici :
creer un site internet
creer un site beau dynamique et respectueux des standards
tu y trouveras de quoi te renseigner.
Lorsque tu auras évolué, reviens ici :
9 webmaster
pour la suite.
As-tu un logiciel pour t'aider ou comptes-tu le faire “à la main” ?
Oublie l'urgence.
Plus que d'aide, c'est apprendre quelques rudiments dont tu as besoin.
C'est assez simple à faire, mais l'explication risque d'être insuffisante et longue et fastidieuse.
Il s'agit bien de tableaux. Mais il est maintenant conseillé de s'y prendre autrement.
Alors, regarde ici :
creer un site internet
creer un site beau dynamique et respectueux des standards
tu y trouveras de quoi te renseigner.
Lorsque tu auras évolué, reviens ici :
9 webmaster
pour la suite.
As-tu un logiciel pour t'aider ou comptes-tu le faire “à la main” ?
Juste pour te rendre compte.
Dans le site que tu mentionnes, et qui a été fait d'un mélange de techniques, les tableaux sont contenus entre <table> et </table>.
La partie de gauche est écrite comme ça :
Le fond violet de la page est une image (pas très bien traitée).
Elle est affichée comme ça
C'est répété pour chaque cellule du tableau. C'est assez lourd. Je n'aurais pas fait comme ça.
Voilà l'image :
http://kreen78.free.fr/arrieres-plans/noir_072.jpg
Ou bien est-ce de celle-là que tu parles ?
http://kreen78.free.fr/arrieres-plans/focrea79.jpg
Je ne suis pas sûr de t'avoir bien aidé. Mais c'est comme ça que c'est fait.
Dans le site que tu mentionnes, et qui a été fait d'un mélange de techniques, les tableaux sont contenus entre <table> et </table>.
La partie de gauche est écrite comme ça :
<table align="center" border="0" cellpadding="0" cellspacing="0" width="934" height="1819">
<tr>
<td width="8" height="2974"> </td>
Ici une image
<td width="270" height="2974" background="arrieres-plans/noir_072.jpg">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="230" height="30"
Ici une autre
background="arrieres-plans/focrea79.jpg">
<tr>
<td width="230" height="30">
<p align="center"><font face="Trebuchet MS" color="white">
C'est ici qu'est écrit “MINI-SITES”
<span style="font-size:11pt;"><b>MINI-SITES</b></span>
</font></td>
</tr>
</table>
<p><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"> </span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/aol.html"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="sommaire/army.gif" width="97" height="96" border="0"></span></font></a><font face="Trebuchet MS" color="white"><span style="font-size:10pt;">
</span></font><font color="white" face="Trebuchet MS"><span style="font-size:10pt;">Army
Of Lovers</span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/calogero.html"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="calogero/calogero_portrait.jpg" width="100" height="100" border="0"></span></font></a><font face="Trebuchet MS" color="white"><span style="font-size:10pt;">
</span></font><font color="white" face="Trebuchet MS"><span style="font-size:10pt;"> Calogero</span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/nellyfurtado.html"><span style="font-size:10pt;"><font color="white" face="Trebuchet MS"><img src="furtado/nellyfurtado1.jpg" width="100" height="100" border="0"></font></span></a><font color="white" face="Trebuchet MS"><span style="font-size:10pt;">
Nelly Furtado</span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/pinkmartini.html"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="sommaire/sympatique.jpg" width="98" height="89" border="0"></span></font></a><font face="Trebuchet MS" color="white"><span style="font-size:10pt;">
</span></font><font color="white" face="Trebuchet MS"><span style="font-size:10pt;"> Pink
Martini</span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/jdepp.html"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="depp/arizon1.jpg" width="94" height="84" border="0"></span></font></a><font face="Trebuchet MS" color="white"><span style="font-size:10pt;">
</span></font><font color="white" face="Trebuchet MS"><span style="font-size:10pt;">Johnny
Depp</span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/construction.html"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="sommaire/friends8.gif" width="100" height="80" border="0"></span></font></a><font face="Trebuchet MS" color="white"><span style="font-size:10pt;">
</span></font><font color="white" face="Trebuchet MS"><span style="font-size:10pt;"> Friends</span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/construction.html"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="sommaire/amenabar.jpg" width="97" height="92" border="0"></span></font></a><font face="Trebuchet MS" color="white"><span style="font-size:10pt;">
</span></font><font color="white" face="Trebuchet MS"><span style="font-size:10pt;"> Alejandro
Amenabar</span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/construction.html"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="sommaire/lynch.jpg" width="90" height="90" border="0"></span></font></a><font face="Trebuchet MS" color="white"><span style="font-size:10pt;">
</span></font><font color="white" face="Trebuchet MS"><span style="font-size:10pt;">David
Lynch</span></font></p>
<p style="margin-left:1cm;"><a href="http://kreen78.free.fr/construction.html"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="sommaire/bacri1.jpg" width="96" height="96" border="0"></span></font></a><font face="Trebuchet MS" color="white"><span style="font-size:10pt;">
</span></font><font color="white" face="Trebuchet MS"><span style="font-size:10pt;">Jean-Pierre
Bacri</span></font></p>
<p> </p>
<p> </p>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="234" height="30" background="arrieres-plans/focrea79.jpg">
<tr>
<td width="4" height="30"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"> </span></font></td>
<td width="230" height="30">
<p align="center"><font face="Trebuchet MS" color="white"><span style="font-size:11pt;"><b>CAUSES
SOUTENUES</b></span></font></p>
</td>
</tr>
</table>
<p><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"> </span></font></p>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="108" height="108" background="arrieres-plans/tex1.jpg">
<tr>
<td width="3" height="105"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"> </span></font></td>
<td width="105" height="105">
<p><a href="http://perso.wanadoo.fr/nadiasgarden/accueil/nadiamadridhonor.htm"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="sommaire/nadiamadridhonor.gif" width="101" height="101" border="0"></span></font></a></p>
</td>
</tr>
</table>
<p><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"> </span></font></p>
<p align="center"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"> </span></font><a href="http://www.petite-plume.net/angeduweb.htm"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><img src="sommaire/bougie2.gif" width="125" height="163" border="0"></span></font></a></p>
<p><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"> </span></font></p>
<p> </p>
<table align="center" width="230" background="arrieres-plans/focrea79.jpg" cellpadding="0" cellspacing="0">
<tr>
<td width="230" height="30">
<p align="center"><span style="font-size:11pt;"><font face="Trebuchet MS" color="white"><b> SUR
LE WEB</b></font></span></p>
</td>
</tr>
</table>
<p style="line-height:3mm;"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"> </span></font></p>
<p align="center" style="line-height:3mm;"><a href="http://www.critiqueslibres.com"><span style="font-size:10pt;"><font face="Trebuchet MS" color="white">Critiques
Libres</font></span></a></p>
<p style="line-height:3mm;" align="center"><a href="https://www.psychologies.com/"><span style="font-size:10pt;"><font color="white" face="Trebuchet MS">Psychologies.com</font></span></a></p>
<p style="line-height:3mm;" align="center"><a href="http://www.laurettefugain.org"><span style="font-size:10pt;"><font face="Trebuchet MS" color="white">Laurette
Fugain</font></span></a></p>
<p align="center" style="line-height:3mm;"><a href="https://www.amazon.fr/"><span style="font-size:10pt;"><font face="Trebuchet MS" color="white">Amazon.fr</font></span></a></p>
<p style="line-height:3mm;" align="center"><a href="https://www.google.fr/?gws_rd=ssl"><span style="font-size:10pt;"><font face="Trebuchet MS" color="white">Google-moteur
de recherche</font></span></a></p>
<p style="line-height:3mm;" align="center"><a href="https://www.cdiscount.com/"><span style="font-size:10pt;"><font face="Trebuchet MS" color="white">Cdiscount.com</font></span></a></p>
<p style="line-height:3mm;" align="center"><a href="http://www.cinemaquiz.com"><span style="font-size:10pt;"><font face="Trebuchet MS" color="white">Cinemaquiz</font></span></a></p>
<p style="line-height:3mm;" align="center"><span style="font-size:10pt;"><a href="http://www.explicite-tv.com/index.html"><font face="Trebuchet MS" color="white">Explicite
TV</font></a></span></p>
<p align="center"> </p>
<p align="center"> </p>
<table align="center" cellpadding="0" cellspacing="0" width="230" background="arrieres-plans/focrea79.jpg">
<tr>
<td width="230" height="30">
<p align="center"><font color="white" face="Trebuchet MS"><b><span style="font-size:11pt;">NEWSLETTER</span></b></font></p>
</td>
</tr>
</table>
<p align="center"> </p>
<p align="center"><form method="get" action="https://i-services.com/membres/newsletter/newsletter.php">
<p align="center"><font color="white" face="Trebuchet MS"><span style="font-size:10pt;"><input type="hidden" name="user" value="48815">Pour
être informé des mises à jour du site, inscrivez-vous à la newsletter</span></font>
<table border="0">
<tr>
<td align="center"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><input type="text" name="email" size="30" maxlength="50" value="Adresse e-mail" onfocus="javascript:if(this.value == 'Adresse e-mail') this.value='';" onblur="javascript:if(this.value == '') this.value='Adresse e-mail';"></span></font></td>
</tr>
<tr>
<td align="center"><font color="white" face="Trebuchet MS"><span style="font-size:10pt;"><input type="radio" name="action" value="" checked="checked">Inscription <input type="radio" name="action" value="delete">désinscription</span></font></td>
</tr>
<tr>
<td align="center"><font face="Trebuchet MS" color="white"><span style="font-size:10pt;"><input type="submit" value="Valider"></span></font></td>
</tr>
</table>
Le fond violet de la page est une image (pas très bien traitée).
Elle est affichée comme ça
<td width="219" height="99" background="arrieres-plans/noir_072.jpg">
C'est répété pour chaque cellule du tableau. C'est assez lourd. Je n'aurais pas fait comme ça.
Voilà l'image :
http://kreen78.free.fr/arrieres-plans/noir_072.jpg
Ou bien est-ce de celle-là que tu parles ?
http://kreen78.free.fr/arrieres-plans/focrea79.jpg
Je ne suis pas sûr de t'avoir bien aidé. Mais c'est comme ça que c'est fait.
en fait ce que je voulais savoir , c'est comment fais on pour faire apparaitre l'image mauve clair derriere les mots "mini-site"
bsr
Tu veux dire un truc comme ca :
http://www.nobodysperfect.freesurf.fr/html/tableau_avec_fond.htm
Voici le code :
En fait la cellule dans laquelle on écrit "MINI-SITES" est simplement remplie avec une image de fond différente du tableau. En aucun cas elle n'est transparente ...
Tu veux dire un truc comme ca :
http://www.nobodysperfect.freesurf.fr/html/tableau_avec_fond.htm
Voici le code :
<html>
<head>
<style>
.table_fond
{
background-image : url("noir_072.jpg");
color : #FFFFFF;
font-family : arial;
}
.td_fond
{
background-image : url("focrea79.jpg");
width : 200px;
height : 30px;
color : #FFFFFF;
text-align : center;
font-family : arial;
font-weight : bold;
font-size : 12pt;
}
</style>
</head>
<body>
<table class="table_fond">
<tr>
<td>PhP</td>
<td>Essai</td>
<td>Essai</td>
</tr>
<tr>
<td> </td>
<td class="td_fond">MINI-SITES</td>
<td> </td>
</tr>
<tr>
<td>Essai</td>
<td>Essai</td>
<td>PhP</td>
</tr>
</table>
</body>
</html>
En fait la cellule dans laquelle on écrit "MINI-SITES" est simplement remplie avec une image de fond différente du tableau. En aucun cas elle n'est transparente ...
… et salut PhP,
Cette solution est celle de PhP.
Elle correspond plus à ce qui se fait maintenant.
C'est plus léger.
Si tu veux savoir comment ça a été fait, avec le code d'origine, une autre réponse ici :
http://gihef.bey.free.fr/CCM/fondtablo/Image_fond.html
Il me semble que nous avons répondu à ta question.
Maintenant à toi.
Qu'est-ce que ça avait de si urgent ?
Cette solution est celle de PhP.
Elle correspond plus à ce qui se fait maintenant.
C'est plus léger.
Si tu veux savoir comment ça a été fait, avec le code d'origine, une autre réponse ici :
http://gihef.bey.free.fr/CCM/fondtablo/Image_fond.html
Il me semble que nous avons répondu à ta question.
Maintenant à toi.
Qu'est-ce que ça avait de si urgent ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
