Comment creer un style css
Résolu
benjim
Messages postés
125
Date d'inscription
Statut
Membre
Dernière intervention
-
benjim Messages postés 125 Date d'inscription Statut Membre Dernière intervention -
benjim Messages postés 125 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Comment creer un style css
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Créer un style word - Guide
- Comment créer un compte gmail - Guide
- Créer un lien pour partager des photos - Guide
5 réponses
Bonjour,
Il faut que tu créer des divisions dans ton code html (ou php) qui sépareront les différent liens que tu veux colorer, tu pourras ensuite créer une feuille de style css pour modifier le style de la divisions que tu veux, donne moi un bout de ton code et je te montrerais comment intégrer des divisions.
Il faut que tu créer des divisions dans ton code html (ou php) qui sépareront les différent liens que tu veux colorer, tu pourras ensuite créer une feuille de style css pour modifier le style de la divisions que tu veux, donne moi un bout de ton code et je te montrerais comment intégrer des divisions.
Crées plusieurs classes, et appliques-les sur tes liens.
Par exemple :
Et
Par exemple :
a.rouge { color:red; }
a.vert { color:green; }
Et
<a href="cible.html" class="rouge">Lien</a> <a href="cible.html" class="vert">Lien</a>
Très bien merci, on va analyser un lien (accueil) que je suppose que tu veuilles colorer
<div align="left" class="Style14"><a href="accueil.php">Historique</a></div></td>
On peut voir qu'une division a été créée <div class="Style14"> et elle est nommée Style14, maintenant créer un fichier css, enregistre la sous le nom "style.css" et colle y ce bout de code :
.Style14 a {color:green} (le lien sera vert)
Ensuite, il faut que tu lies ce fichier css avec ta page web, pour cela, édites ta page web et entre la balise <head>, colles ce code.
<link rel="stylesheet" type="text/css" href="style.css" />
Envois ton fichier css à la racine du serveur qui héberge ton site, et fait un essais, normalement tout les liens doivent être vert, car ils possèdent tous la division style14, si tout fonctionne bien, alors tu devras modifier chaque division pour qu'elle soit différentes. (style15, 16, 17...)
Bon courage et n'hésite pas à poser des questions.
<div align="left" class="Style14"><a href="accueil.php">Historique</a></div></td>
On peut voir qu'une division a été créée <div class="Style14"> et elle est nommée Style14, maintenant créer un fichier css, enregistre la sous le nom "style.css" et colle y ce bout de code :
.Style14 a {color:green} (le lien sera vert)
Ensuite, il faut que tu lies ce fichier css avec ta page web, pour cela, édites ta page web et entre la balise <head>, colles ce code.
<link rel="stylesheet" type="text/css" href="style.css" />
Envois ton fichier css à la racine du serveur qui héberge ton site, et fait un essais, normalement tout les liens doivent être vert, car ils possèdent tous la division style14, si tout fonctionne bien, alors tu devras modifier chaque division pour qu'elle soit différentes. (style15, 16, 17...)
Bon courage et n'hésite pas à poser des questions.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<table width="1008" background="../image/fond.jpg">
<tr>
<td width="214"><table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td height="35" background="../image/button_barr.JPG"><div align="center" class="Style8">LA SOCIETE</div></td>
</tr>
<tr>
<td><table width="100%" height="100" cellpadding="0" cellspacing="1" bgcolor="#FF8400">
<tr>
<td><table width="100%" height="100" bgcolor="#FFF7DA">
<tr>
<td width="10" height="25" align="center" valign="middle"><img src="../image/ul-style01.gif" width="9" height="9" /></td>
<td height="25"><div align="left" class="Style14"><a href="accueil.php">Historique</a></div></td>
</tr>
<tr>
<td width="10" height="25" align="center" valign="middle"><img src="../image/ul-style01.gif" width="9" height="9" /></td>
<td height="25"><div align="left" class="Style14"><a href="c_administration.php">Conseil d'administration </a></div></td>
</tr>
<tr>
<td width="10" height="25" align="center" valign="middle"><img src="../image/ul-style01.gif" width="9" height="9" /></td>
<td height="25"><div align="left" class="Style14"><a href="management.php">Management et Encadrement</a> </div></td>
</tr>
<tr>
<td width="10" height="25" align="center" valign="middle"><img src="../image/ul-style01.gif" width="9" height="9" /></td>
<td height="25"><div align="left" class="Style14"><a href="production.php">Production</a></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" id="tableau_sp">
<tr>
<td height="35" align="center" valign="middle" background="../image/button_barr.JPG"><div align="center" class="Style8">LES PRODUITS </div></td>
</tr>
<tr>
<td width="90" height="35" background="../image/barr_red.JPG"><div align="center" class="Style3">Accueil</div></td>
<td width="125" height="35" background="../image/barr_red.JPG"><div align="center" class="Style3">Evénements</div></td>
<td width="90" height="35" background="../image/barr_red.JPG"><div align="center" class="Style3">Info</div></td>
<td width="90" height="35" background="../image/barr_red.JPG"><div align="center" class="Style3">Contact </div></td>
<td width="149" height="35" align="center" valign="top" background="../image/barr_red.JPG">
<form>
<select onChange="window.location=this.options[this.selectedIndex].value">
<option value="accueil.php" selected="selected">Français</option>
<option value="../en/welcome.php">English</option>
</select>
</form> </td>
</tr>
</table>