Forums list > Utilisation de Foliokit > Utilisation de l'éditeur Foliokit > style type= "text/css" dans le module html
Useroutre-mer
Posted on 03-15-2011 16:07:04 ( 144 monthes ago)
Registered since 157 monthes ago
Messages: 56

Hello,

C'est un peu un problème de "codeur" mais je me permet de le poster ici

J'essaie de créer des liens via le composant html.

Afin de pouvoir maitriser le :hover et toutes les propriétés de texte.

Voici le code que j'ai inséré dans ma page http://outre-mer.foliokit.com/fr/liens

<html>
<head>
<style type="text/css">

a:link    {color:blue;}
a:hover   {
color: white;background-color: red; text-decoration: line-through;}

</style>
</head>

<body>

<a href="http://outre-mer.foliokit.com/fr/liens" >CA MARCHE OU BIEN ???</a>

</body>

</html>

En fait je ne comprend pas comment/pourquoi mais les propriétés definies dans :hover s'appliquent sur les attributs background-color // text-decoration.  Mais pas sur celui color !!!!

Le texte devient noir !!!!

Merci

Serait-ce du a un conflit avec les attributs automatiques de l'éditeur ???

UserSimon Chollet
Posted on 03-15-2011 16:39:55 ( 144 monthes ago)
Registered since 178 monthes ago
Messages: 178
Administrator

Attention, tu ne peux pas redéfinir les tags <head> et <body>, qui sont déjà générés par Foliokit. De même, tu n'as normalement pas le droit de mettre des tags <style> au milieu d'une page, mais dans la pratique ça fonctionne d'habitude.

Voici un exemple de code qui devrait fonctionner sur la plupart des explorateurs:

<style type="text/css">
.cp_html a:link {color:blue;}
.cp_html a:hover {
color: white;
background-color: red;
text-decoration: line-through;
}
</style>

<a href="http://outre-mer.foliokit.com/fr/liens" >CA MARCHE OU BIEN ???</a>

Tu remarques que je commence les définitions par ".cp_html", ce qui limitera l'effet du style aux composants Html sur la page.

Si tu as plusieurs liens sur une page qui doivent avoir le même style, c'est mieux de créer un composant Html avec la déclaration <style> et d'autres composants avec les liens.

Useroutre-mer
Posted on 03-17-2011 12:13:07 ( 144 monthes ago)
Registered since 157 monthes ago
Messages: 56

MERCI