Comment accécer au code css d'une page html
stephanech
Messages postés
33
Statut
Membre
-
RAD ZONE Messages postés 5362 Statut Contributeur -
RAD ZONE Messages postés 5362 Statut Contributeur -
Bonjour,
je voudrai savoir comment accéder au code css d'une page html dans dreamweaver par avance merci
je voudrai savoir comment accéder au code css d'une page html dans dreamweaver par avance merci
Configuration: Windows Vista Internet Explorer 7.0
14 réponses
-
et bien du coup tes css sont dans orange.css et dans orange1.css
-
-
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> -
<!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 -
-
d'un site que je crée via dreamweaver et ca peut m'intérréssé dans site web aussi merci
-
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 -
non je ne pense pas quand je crée une page dans dreamweaver je vais dans nouveau/page vierge / html
-
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" /> -
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> -
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> -
oui c'est justement on probleme comment acceder au css dans une page dreamweaver
-
-
merci beaucoup rade zone tu es un pro! et derniere question comment avoir une couleur différente au survol