IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

mettre un alpha sur le fond couleur d un tableau [À faire]


Sujet :

Tableau en CSS

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    38
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 38
    Points : 22
    Points
    22
    Par défaut mettre un alpha sur le fond couleur d un tableau
    Bonjour,

    j ai un tableau avec un fond de couleur rouge.

    A l interieur de ce tableau, j ai un autre tableau ou il ya un formulaire ( aucun fond de couleur sur celui la )

    J aimerais savoir comment faire pour mettre un alpha 30 sur le fond rouge, et que le formulaire ne soit pas pris dans l alpha ?

    merci d avance

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 887
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 887
    Points : 16 320
    Points
    16 320
    Par défaut
    En CSS :

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    opacity:0.3;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity:0.3;

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    38
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 38
    Points : 22
    Points
    22
    Par défaut
    Merci pour le code css par contre les champs du formulaire ainsi que le texte sont pris dans l alpha.

    Je souhaite qu il y ait que le fond en alpha et que le texte et le formulaire apparaissent normalement ?

    l alpha est mis sur la tableau 'contact'

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    <form action="contact.php" method="post" name="formreservation" id="formreservation">
        <table width="550" border="0" cellpadding="0" cellspacing="0" class="contact"><tr><td>
        <table width="550" border="0" cellpadding="0" cellspacing="4" class="contact2">
          <tr>
            <td colspan="2">&nbsp;&nbsp;&nbsp;Pour avoir des renseignements compl&eacute;mentaires, merci de remplir ce formulaire</td>
          </tr>
          <tr>
            <td colspan="2" class="Stylecentre2">&nbsp;&nbsp;&nbsp;<span class="Style1">Les champs marqu&eacute;s du symbole * sont obligatoires.</span></td>
            <td width="1%" align="right"></td>
          </tr>
    	  <tr><td  width="100">&nbsp;</td><td>&nbsp;</td></tr>
          <tr>
            <td><div align="right" class="Stylecentre2">
              <div align="right">Civilit&eacute;</div>
            </div></td>
            <td><label>
              <select name="fcivil" id="fcivil">
                <option <? if(($fcivil!="Madame")&&($fcivil!="Monsieur")&&($fcivil!="Mademoiselle"))print("selected=\"selected\"");?> value="">Votre &eacute;tat civil</option>
                <option value="Madame" <? if($fcivil=="Madame")print("selected=\"selected\"");?>>Madame</option>
                <option value="Monsieur" <? if($fcivil=="Monsieur")print("selected=\"selected\"");?>>Monsieur</option>
                <option value="Mademoiselle" <? if($fcivil=="Mademoiselle")print("selected=\"selected\"");?>>Mademoiselle</option>
              </select>
              <?
    			  if(isset($_POST[Submit])){ 
    			  if($fcivil=="")print("<-"); else print("");
    			  }else{
    			  print("*");
    			  }?>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">Nom</div></td>
            <td><label>
              <input name="fnom" type="text" id="fnom" value="<? print("$fnom");?>" />
              <?
    			  if(isset($_POST[Submit])){ 
    			  if($fnom=="")print("<-"); else print("");
    			  }else{
    			  print("*");
    			  }?>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">Pr&eacute;nom</div></td>
            <td><label>
              <input name="fprenom" type="text" id="fprenom"  value="<? print("$fprenom");?>"/>
              <?
    			  if(isset($_POST[Submit])){ 
    			  if($fprenom=="")print("<-"); else print("");
    			  }else{
    			  print("*");
    			  }?>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">Adresse</div></td>
            <td><label>
              <input name="fadresse" type="text" id="fadresse"  value="<? print("$fadresse");?>"/>
              <?
    			  if(isset($_POST[Submit])){ 
    			  if($fadresse=="")print("<-"); else print("");
    			  }else{
    			  print("*");
    			  }?>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">CP</div></td>
            <td><label>
              <input name="fcp" type="text" id="fcp"  value="<? print("$fcp");?>"/>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">Ville</div></td>
            <td><label>
              <input name="fville" type="text" id="fville"  value="<? print("$fville");?>"/>
              <?
    			  if(isset($_POST[Submit])){ 
    			  if($fville=="")print("<-"); else print("");
    			  }else{
    			  print("*");
    			  }?>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">Pays</div></td>
            <td><label>
              <input name="fpays" type="text" id="fpays" value="<? print("$fpays");?>"/>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">Tel.</div></td>
            <td><label>
              <input name="ftel" type="text" id="ftel"  value="<? print("$ftel");?>"/>
              <?
    			  if(isset($_POST[Submit])){ 
    			  if($ftel=="")print("<-"); else print("");
    			  }else{
    			  print("*");
    			  }?>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">Mobile</div></td>
            <td><label>
              <input name="fmobile" type="text" id="fmobile"  value="<? print("$fmobile");?>"/>
            </label></td>
          </tr>
          <tr>
            <td><div align="right" class="Stylecentre2">Email</div></td>
            <td><label>
              <input name="fmail" type="text" id="fmail"  value="<? print("$fmail");?>"/>
              <?
    			  if(isset($_POST[Submit])){ 
    			  if($fmail=="")print("<-"); else print("");
    			  }else{
    			  print("*");
    			  }?>
            </label></td>
          </tr>
          <tr>
            <td colspan="2" class="Stylecentre2"><br />
              &nbsp;&nbsp;&nbsp;Veuillez mentionner ci-dessous vos commentaires, questions et  suggestions : </td>
          </tr>
          <tr>
            <td colspan="2"><label> &nbsp;&nbsp;&nbsp;
                  <textarea name="fcom" cols="60" id="fcom"><? print("$fcom");?></textarea>
            </label></td>
          </tr>
          <tr>
            <td colspan="2" align="center"><div align="right"></div>
              Merci de votre visite 
              <input type="submit" name="Submit" value="Envoyer" />        </td>
            </tr>
        </table>
      </form>
    est ce que ma construction est mauvaise ??

  4. #4
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Points : 3 145
    Points
    3 145
    Par défaut

    Précision sur la réponse de Bisûnûrs : ce n'est pas validé par le W3C donc si tu fais un site conforme à ces normes tu peux oublier

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Macro pour mettre un fond couleur par rapport à un texte
    Par hoyohoyo dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 21/05/2015, 19h14
  2. [JpGraph] Gantt : ajouter de la couleur selon les horaires (nuit/jour) sur le fond
    Par lukeabate dans le forum Bibliothèques et frameworks
    Réponses: 0
    Dernier message: 16/03/2012, 17h03
  3. Mettre un lien sur une partie de l'image de fond
    Par locoroco dans le forum Dreamweaver
    Réponses: 4
    Dernier message: 27/11/2008, 14h05
  4. Mettre plusieurs musiques sur fond sonores
    Par seb591 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 23/07/2007, 12h23
  5. Effet d'alpha sur une HWND , sauf une couleurs
    Par crealinks dans le forum Visual C++
    Réponses: 1
    Dernier message: 02/05/2007, 16h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo