Ressources de Dreamweaver CS4
|
Définition d'une couleur d'arrière-plan alternée dans un tableau répété
Après avoir inséré un tableau répété dans un modèle, vous pouvez le personnaliser en alternant la couleur d'arrière-plan des lignes du tableau.
- Dans la fenêtre de document, sélectionnez une ligne du tableau répété.
- Cliquez sur le bouton Afficher le mode code ou Afficher les modes Code et Création de la barre d'outils du document pour accéder au code de la ligne sélectionnée.
- En mode Code, modifiez la balise <tr> pour qu'elle se présente de la façon suivante :
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Vous pouvez modifier les valeurs hexadécimales #FFFFFF et #CCCCCC si vous souhaitez utiliser d'autres couleurs.
- Enregistrez le modèle.
Exemple de code correspondant à un tableau dont la couleur d'arrière-plan des lignes est alternée :
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
|