Google Site et les feuilles de style - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Google Site et les feuilles de style

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Google Site et les feuilles de style (Lu 1967 fois)

Google Site et les feuilles de style
« sur: le 07-11-2011 a 12:36:11 »

Paulauchon
Invité

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

Rapporter au modérateur

Re:Google Site et les feuilles de style
« Répondre #1 sur: le 07-11-2011 a 15:38:45 »

vieactu
Superactif

Hors-Ligne

Messages: 503

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>

Rapporter au modérateur

Re:Google Site et les feuilles de style
« Répondre #2 sur: le 17-11-2011 a 11:31:48 »

Murielp
Membre récent

Hors-Ligne

Sexe: Femelle

Messages: 25

Bonjour Paulauchon,

1) essaye comme ceci :
<style type="text/css">
.texte_news {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #978b97;
line-height: 18px;
}
</style>

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)
.texte_news {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #978b97;
line-height: 18px;
}
et tu rajoute la ligne suivante dans la balise <head>
<link href="style.css" rel="stylesheet" type="text/css">

Bonne continuation