Urgence pour tableaux en html

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 !

5 réponses

  1.  Gihef Contributeur
    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” ?
    0
    1. Gihef Contributeur
      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 :
      <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.
      0
      1. existance
        en fait ce que je voulais savoir , c'est comment fais on pour faire apparaitre l'image mauve clair derriere les mots "mini-site"
        0
        1. PhP
          bsr

          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 ...

          0
      2. Gihef Contributeur
        … 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 ?
        0
        2. existance
          Merci pour votre aide , c'etait urgent pour moi .
          Pour faire cette presentation je dois donc faire un tableau avec autant de cellules necessaires pour arriver a ce resultat!
          0

          Discussions similaires

          Apache2 accès à autre que /var/www/html/index.html
          merithes

          3 réponses
          CALCULS
          smart19

          4 réponses
          garder constant des calculs
          jack2125

          4 réponses
          Tableaux liés entre eux
          Lilor

          4 réponses
          comment assembler 2 tableaux word
          claire

          2 réponses