Titre: Google Site et les feuilles de style
Posté par: Paulauchon le le 07-11-2011 a 12:36:11
Bonjour,
Je rencontre actuellement un problème lors de l'édition du style de la page d'un google site. Je ne suis pas sur que cet endroit soit le bon pour poster ce message, mais il me semble avoir vu quelqu'un poster un sujet parlant des google site ici, donc je me risque à faire de même... ::)
En fait, je voudrai insérer une feuille de style à l'intérieur de ma page.
Je m'y prends de la façon suivante :
<style>
.texte_news {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #978b97;
line-height: 18px;
}
</style>
Pour pouvoir ensuite rajouter mes attributs CSS aux balises.
Mais quand je valide, la feuille de style disparait ???
Quelqu'un aurait-il un idée alternative pour faire ça ?
Je sais qu'il est possible de mettre les propriétés directement dans les balises HTML, mais ça restreint énormément les possibilités puisque l'on ne peut en mettre qu'une seule par balise HTML il me semble =/
Ou bien alors est-ce peut être tout bonnement impossible de mettre en place cette idée ? :-[
Merci d'avance pour vos réponses en tout cas :) |
Titre: Re:Google Site et les feuilles de style
Posté par: vieactu le le 07-11-2011 a 15:38:45
Pas très w3c ce type de méthode, mieux vaut un fichier css à part.
Sinon tu peux placer ton css dans le html.
Par exemple : <div style="width:xxx; height: XXXXpx;"> ...</div> |
Titre: Re:Google Site et les feuilles de style
Posté par: Murielp le le 17-11-2011 a 11:31:48
Bonjour Paulauchon,
1) essaye comme ceci :
[color=Red]<style type="text/css">
.texte_news {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #978b97;
line-height: 18px;
}
</style>[/color]
2) sinon, comme a annoncer vieactu, sur chaque balise ... l'inconvénient sera de la faire sur chaque balise qui doit prendre ce style, donc fichier un rien plus lourd
3) ou encore, et idéalement, sur une feuille de style (style.css)
[color=Red].texte_news {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #978b97;
line-height: 18px;
}[/color]
et tu rajoute la ligne suivante dans la balise <head>
<link href="style.css" rel="stylesheet" type="text/css">
Bonne continuation |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|