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

Fermé

stephanech Messages postés 32 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 16 octobre 2012 - 2 sept. 2008 à 20:52
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 - 2 sept. 2008 à 23:47

Bonjour,
je voudrai savoir comment accéder au code css d'une page html dans dreamweaver par avance merci

A voir également:

Comment accécer au code css d'une page html
Comment supprimer une page sur word - Guide
Le code ascii - Guide
Code puk bloqué - Guide
Comment déverrouiller un téléphone quand on a oublié le code - Guide
Comment imprimer un tableau excel sur une seule page - Guide

14 réponses

Réponse 1 / 14

dreamfeeder Messages postés 253 Date d'inscription samedi 24 novembre 2007 Statut Membre Dernière intervention 25 juillet 2009 54
2 sept. 2008 à 22:02

et bien du coup tes css sont dans orange.css et dans orange1.css

Réponse 2 / 14

puxor Messages postés 318 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 4 mai 2009 89
2 sept. 2008 à 22:12

y a pas de css dans cette page xD

Réponse 3 / 14

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
2 sept. 2008 à 22:27

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>

Réponse 4 / 14

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
2 sept. 2008 à 23:47

<!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/

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

Posez votre question

Réponse 5 / 14

prost
2 sept. 2008 à 20:53

un site web que tu crée? un site web en ligne ?

Réponse 6 / 14

stephanech Messages postés 32 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 16 octobre 2012
2 sept. 2008 à 20:55

d'un site que je crée via dreamweaver et ca peut m'intérréssé dans site web aussi merci

Réponse 7 / 14

mouloud
2 sept. 2008 à 21:45

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

Réponse 8 / 14

stephanech Messages postés 32 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 16 octobre 2012
2 sept. 2008 à 21:49

non je ne pense pas quand je crée une page dans dreamweaver je vais dans nouveau/page vierge / html

Réponse 9 / 14

dreamfeeder Messages postés 253 Date d'inscription samedi 24 novembre 2007 Statut Membre Dernière intervention 25 juillet 2009 54
2 sept. 2008 à 21:50

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" />

Réponse 10 / 14

stephanech Messages postés 32 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 16 octobre 2012
2 sept. 2008 à 21:57

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>

Réponse 11 / 14

stephanech Messages postés 32 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 16 octobre 2012
2 sept. 2008 à 22:11

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>

Réponse 12 / 14

stephanech Messages postés 32 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 16 octobre 2012
2 sept. 2008 à 22:15

oui c'est justement on probleme comment acceder au css dans une page dreamweaver

Réponse 13 / 14

puxor Messages postés 318 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 4 mai 2009 89
2 sept. 2008 à 22:16

Pour y accéder, il faut déja qu'elle existe...

Réponse 14 / 14

stephanech Messages postés 32 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 16 octobre 2012
2 sept. 2008 à 22:56

merci beaucoup rade zone tu es un pro! et derniere question comment avoir une couleur différente au survol