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 -
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
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
- Code ascii - Guide
- Comment supprimer une page sur word - 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
- Code puk bloqué - Guide
14 réponses
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
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
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
Si c'est le ca, suffit de l'ouvrir avec le bloc-notes
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" />
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>
<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>
<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>