High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

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

Dernière réponse le 2 sep 2008 à 23:47:33 stephanech, le 2 sep 2008 à 20:52:20 
 Signaler ce message aux modérateurs

Bonjour,
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

Meilleures réponses pour « comment accécer au code css d'une page html » dans :
On peut cacher le code source d'une page HTML VoirMythe: On peut cacher le code source d'une page HTML. Réalité: FAUX. Explications: Pour pouvoir afficher une page web (HTML), le navigateur doit - à un moment où un autre - avoir le code HTML en clair. Il y a donc toujours moyen de le...
[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Les liens hypertextes VoirPrésentation des ancrages Les liens hypertextes (ancrages) sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l'on clique dessus. Ce sont les liens...
Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...
Posez votre question Répondre

1

prost, le 2 sep 2008 à 20:53:30

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

   
Répondre à prost

2

stephanech, le 2 sep 2008 à 20:55:14

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

   
Répondre à stephanech

3

mouloud, le 2 sep 2008 à 21:45:56

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épondre à mouloud

4

stephanech, le 2 sep 2008 à 21:49:12

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

   
Répondre à stephanech

5

dreamfeeder, le 2 sep 2008 à 21:50:04

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épondre à dreamfeeder

6

stephanech, le 2 sep 2008 à 21:57:05

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épondre à stephanech

7

dreamfeeder, le 2 sep 2008 à 22:02:12
  • +1

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

   
Répondre à dreamfeeder

8

stephanech, le 2 sep 2008 à 22:11:46

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épondre à stephanech

9

puxor, le 2 sep 2008 à 22:12:20
  • +1

Y a pas de css dans cette page xD

   
Répondre à puxor

10

stephanech, le 2 sep 2008 à 22:15:50

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

   
Répondre à stephanech

11

puxor, le 2 sep 2008 à 22:16:51

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

   
Répondre à puxor

12

RAD ZONE, le 2 sep 2008 à 22:27:53
  • +1

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>

♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

13

stephanech, le 2 sep 2008 à 22:56:01

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

   
Répondre à stephanech

14

 RAD ZONE, le 2 sep 2008 à 23:47:33
  • +1

<!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 !
http://css.alsacreations.com/
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE
Posez votre question Répondre
Ils ont besoin de votre aide