Comment creer un style css

Résolu/Fermé
benjim Messages postés 125 Date d'inscription jeudi 8 novembre 2007 Statut Membre Dernière intervention 27 avril 2015 - 4 janv. 2010 à 17:18
benjim Messages postés 125 Date d'inscription jeudi 8 novembre 2007 Statut Membre Dernière intervention 27 avril 2015 - 4 janv. 2010 à 19:06
Bonjour,
d'abord je vous souhaite bonne et heureuse année 2010.
voici mon problème . Je suis entrain de créer un site web avec dreamweaver. j'ai beaucoup de liens à faire sur une même page web et je ne veux pas que mes liens aient les même couleur ( différente propriété de couleur) . Actuellement j'ai du mal a séparé les couleurs , quand je choisi une couleur pour un lien , cette couleur affecte le reste des liens ce que je ne veux pas. je me suis dit que les style CSS peuvent le faire mais je ne sais pas comment le faire
merci pour votre aide
A voir également:

5 réponses

atk_49 Messages postés 310 Date d'inscription mardi 21 août 2007 Statut Membre Dernière intervention 16 décembre 2013 15
4 janv. 2010 à 17:21
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.
0
benjim Messages postés 125 Date d'inscription jeudi 8 novembre 2007 Statut Membre Dernière intervention 27 avril 2015 1
4 janv. 2010 à 17:32
voici un bout de code merci pour ton aide



<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>
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
4 janv. 2010 à 17:21
Crées plusieurs classes, et appliques-les sur tes liens.
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>
0
benjim Messages postés 125 Date d'inscription jeudi 8 novembre 2007 Statut Membre Dernière intervention 27 avril 2015 1
4 janv. 2010 à 17:23
merci je m'envias essayer
0
atk_49 Messages postés 310 Date d'inscription mardi 21 août 2007 Statut Membre Dernière intervention 16 décembre 2013 15
4 janv. 2010 à 17:49
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.
0
benjim Messages postés 125 Date d'inscription jeudi 8 novembre 2007 Statut Membre Dernière intervention 27 avril 2015 1
4 janv. 2010 à 19:06
tu es génial merci sa marche bien
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
benjim Messages postés 125 Date d'inscription jeudi 8 novembre 2007 Statut Membre Dernière intervention 27 avril 2015 1
4 janv. 2010 à 18:22
merci, je vais essayer ça et je te dirai des nouvelles
0