Comment accécer au code css d'une page html

stephanech Messages postés 32 Date d'inscription   Statut Membre Dernière intervention   -  
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,
je voudrai savoir comment accéder au code css d'une page html dans dreamweaver par avance merci

14 réponses

dreamfeeder Messages postés 253 Date d'inscription   Statut Membre Dernière intervention   54
 
et bien du coup tes css sont dans orange.css et dans orange1.css
1
puxor Messages postés 318 Date d'inscription   Statut Membre Dernière intervention   89
 
y a pas de css dans cette page xD
1
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
Tu dois simplement donner des "class" a tes <a >

exemple fait avec dreamweaver (je ne l utilise pas normalement ) pour que tu ai le meme code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
.rouge {
	color: #FF0000;
}
.bleu {
	color: #0033FF;
}
.vert {
	color: #33FF00;
}

-->
</style>
</head>

<body>
<a class="rouge" href="../../../../../Users/Stéphane/Documents/edencreperie/infos.html">rouge</a> <a href="../../../../../Users/Stéphane/Documents/edencreperie/lemenu.html" >bleue</a> <a class="vert"href="../../../../../Users/Stéphane/Documents/edencreperie/photos.html">vert
</a>
</body>
</html>
1
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
a:hover.rouge {
	color: #FFFF00;
}

.rouge {
	color: #FF0000;
}

a:hover.bleu {
	color: #CCFFCC;
}
.bleu {
	color: #0033FF;
}
a:hover.vert{
	color: #FF00FF;
}
.vert {
	color: #33FF00;
}


-->
</style>
</head>

<body>
<a class="rouge" href="../../../../../Users/Stéphane/Documents/edencreperie/infos.html">rouge</a> <a class="bleu"href="../../../../../Users/Stéphane/Documents/edencreperie/lemenu.html" >bleue</a> <a class="vert"href="../../../../../Users/Stéphane/Documents/edencreperie/photos.html">vert
</a>
</body>
</html>


la j ai mis une couleur differente pour chaque liens , mais tu peux par exemple mettre tout les liens de la meme couleur au survol , il suffit alors juste de donner la valeur a a pour que tout les lien prenne la couleur voulus !!
exemple
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
a:hover {
	color: #FFFF00;
}

.rouge {
	color: #FF0000;
}


.bleu {
	color: #0033FF;
}

.vert {
	color: #33FF00;
}


-->
</style>
</head>

<body>
<a class="rouge" href="../../../../../Users/Stéphane/Documents/edencreperie/infos.html">rouge</a> <a class="bleu"href="../../../../../Users/Stéphane/Documents/edencreperie/lemenu.html" >bleue</a> <a class="vert"href="../../../../../Users/Stéphane/Documents/edencreperie/photos.html">vert
</a>
</body>
</html>


attention ayant donne les couleur au "class" sans presciser a quel objet ; les valeurs s appliqueront a TOUTE les "class" du meme nom !!

si tu veux reserver uniquement au lien ayant cette "class" il faudras le presciser sinon !!
ex:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
a:hover {
	color: #FFFF00;
}

.rouge {
	color: #FF0000;
}


.bleu {
	color: #0033FF;
}

.vert {
	color: #33FF00;
}


-->
</style>
</head>

 <body>
        <a class="rouge" href="../../../../../Users/Stéphane/Documents/edencreperie/infos.html">rouge</a> 
        <a class="bleu"href="../../../../../Users/Stéphane/Documents/edencreperie/lemenu.html" >bleue</a> 
        <div class="vert">
          <p>Lorem ipsum dolor sit amet consectetuer ut adipiscing mi facilisi amet. Orci tortor rutrum Donec fringilla Lorem tincidunt Proin sed dictum laoreet. Maecenas metus Ut et laoreet mauris Sed pede in iaculis convallis. Congue Fusce lobortis id congue mauris est tempor nibh vestibulum elit. Semper In sapien pretium libero accumsan iaculis sed orci condimentum metus. 
          </p>
          <p>Elit lacinia at et porta cursus ligula sagittis Aenean lacinia ullamcorper. Mauris Aenean et leo tincidunt Nunc magna et quis vitae mollis. Tellus justo mauris mi consectetuer tellus Mauris Nullam accumsan faucibus eleifend. Condimentum gravida pharetra Vivamus orci Quisque condimentum nonummy risus et ut. Lacus Aenean Mauris Nulla eleifend Phasellus Nam augue consequat mauris Sed. Enim dapibus.
          </p>
        </div>
      </body>
</html>


mais il y as telement de possibilites avec CSS mieux vaut regarder queque tuto !
https://www.alsacreations.com/
1

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

Posez votre question
prost
 
un site web que tu crée? un site web en ligne ?
0
stephanech Messages postés 32 Date d'inscription   Statut Membre Dernière intervention  
 
d'un site que je crée via dreamweaver et ca peut m'intérréssé dans site web aussi merci
0
mouloud
 
Si c'est un site que tu crée, tu as surement du créer un fichier css, non?

Si c'est le ca, suffit de l'ouvrir avec le bloc-notes
0
stephanech Messages postés 32 Date d'inscription   Statut Membre Dernière intervention  
 
non je ne pense pas quand je crée une page dans dreamweaver je vais dans nouveau/page vierge / html
0
dreamfeeder Messages postés 253 Date d'inscription   Statut Membre Dernière intervention   54
 
sinon soit le css est directement integré dans le code source de la page (<style></style>)
soit en externe:

<link rel="stylesheet" href="chemin_css" type="text/css" />
0
stephanech Messages postés 32 Date d'inscription   Statut Membre Dernière intervention  
 
voila le code en question : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link href="orange.css" rel="stylesheet" type="text/css" />
<link href="orange1.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p class="rouge"><a href="le menuaperitifs.html">#FF9900lklklklkl</a></a>          <a href="le menuaperitifs.html"> oioioioio </a></p>
</body>
</html>
0
stephanech Messages postés 32 Date d'inscription   Statut Membre Dernière intervention  
 
et celui ci comment acceder au code css dans dreamweaver : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<body>
<a href="file:///C|/Users/Stéphane/Documents/edencreperie/infos.html">rouge</a> <a href="file:///C|/Users/Stéphane/Documents/edencreperie/lemenu.html">bleue</a> <a href="file:///C|/Users/Stéphane/Documents/edencreperie/photos.html">vert
</a>
</body>
</html>
0
stephanech Messages postés 32 Date d'inscription   Statut Membre Dernière intervention  
 
oui c'est justement on probleme comment acceder au css dans une page dreamweaver
0
puxor Messages postés 318 Date d'inscription   Statut Membre Dernière intervention   89
 
Pour y accéder, il faut déja qu'elle existe...
0
stephanech Messages postés 32 Date d'inscription   Statut Membre Dernière intervention  
 
merci beaucoup rade zone tu es un pro! et derniere question comment avoir une couleur différente au survol
0