Aller au contenu

feuilles de style ..

titou83

Par titou83
dans Programmation et Lignes de code

Messages recommandés

titou83 Explorateur

titou83

Posté(e)
  • Auteur
Posté(e)

l'interet me semblait-il etait pluto que d'avoir plein de 'class' dans une meme feuille je prefere les scinder faire les feuilles de styles plus petites avec uniquement des 'class pour certaines pages et integrer uniquement la feuille necessaire dans la page et eventuellement pouvoir les 'mixer' si necessaire.

Lien vers le commentaire
Partager sur d’autres sites
janbomber Nouveau

janbomber

Posté(e)
Posté(e)

oui c'est tout à fait possible d'appeller plusieurs feuilles de style sur une meme page :

<link rel="stylesheet" type="text/css" href="/library/flyoutmenu/default.css">
<link rel="stylesheet" href="/france/ms.css">
<link rel="stylesheet" href="/france/communautes/communautes.css">

ça va du site microsoft france :keskidit::keskidit:

Lien vers le commentaire
Partager sur d’autres sites
  • 1 mois après...
Charles.w Grand Maître

Charles.w

Posté(e)
Posté(e)

Oui, il est possible de mettre plusieurs feuilles de style pour une même page comme cela à été déjà dit...Pour l'utilité, tu peux par exemple faire un script qui en fonction du navigateur du client de ta page va selectionner telle ou telle feuille de style...

<HTML><HEAD><TITLE>Tout JavaScript.com - Impose une Feuille de style selon le navigateur</TITLE>
<link REL="StyleSheet" TYPE="text/css" HREF="tjs.css">
<script type="text/JavaScript">
// D'autres scripts sur http://www.toutjavascript.com
// Si vous utilisez ce script, merci de m'avertir !  < webmaster@toutjavascript.com >
function ChoixCSS() {
var css="cssautre.css";
if (navigator.appName=="Netscape") {css="cssns.css";}
if (navigator.appName=="Microsoft Internet Explorer") {css="cssie.css";}
document.write("<LINK rel='StyleSheet' type='text/css' href='"+css+"'>");
}
ChoixCSS();
</SCRIPT></HEAD>
<BODY bgcolor="white">

<B><BIG><CENTER>Impose une feuille de style selon le navigateur</CENTER></BIG></B><BR>
Ce javascript permet d'affecter la feuille de style adaptée au navigateur.<BR>
Dans cet exemple :
<UL>
<LI>avec Netscape, utilisation de <I><B>cssns.css</B></I> (police verte)
<LI>avec Internet Explorer, utilisation de <B><I>cssie.css</I></B> (police bleue)
<LI>avec les autres navigateurs, utilisation de <I><B>cssautre.css</B></I> (police rouge)
</UL>
Votre navigateur est 
<script language="javascript">
document.write(navigator.appName);
</SCRIPT>.
<BR>
<BR>
<BR>
<BR>
<BR>
<CENTER><A href="http://www.toutjavascript.com"><FONT size="1" face="arial" color="#CCCCFF">Tout JavaScript.com</FONT></A></CENTER>
</BODY></HTML>
<!--Il est pas de moi celui là;)-->

ou bien encore, tu peux utiliser une feuille de style pour le menu de ta page et une autre pour le contenu...Ca permet d'éviter quelques problèmes...Sinon, il faut éviter d'utiliser trop d'effets liés au CSS2 car la plupart (pour ne pas dire la totalité des navigateurs) ne supportent pas certains effets...Par exemple, en CSS2, on est censé pouvoir faire lire le texte d'une page par une voie de synthèse (toujours utile pour les aveugles qui veulent surfer et s'ouvrir sur le monde) A par ça, faut pas oublier de faire valider ses feuilles de style avec Css validator dispo en ligne sur le site du W3C ( http://www.w3.org/ ) comme ca pas de problèmes...Tu peux aussi t'amuser à essayer de faire valider tes pages en HTML 4.0 - Strict (sans frames et sans java) ce qui est quasi impossible...Trèves de plaisanteries...Fait valider tes pages HTML en HTML 4.0 Transitionnal avec Tidy, toujours dispo sur le site du W3C ou avec HTML-Validator (en ligne) A part ca, faut éviter d'utiliser des effets DX(permet de faire des dégradés) dans tes pages, sa ne passe pas sur mozilla....

Enfin un exemple de dégradé quand même...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
   <title>Salut les Pings</title>
 </head>
 
 <body style ="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EDF2F9', EndColorStr='#D6DFF7')">
   Bande de pings, il est beau mon degrade
 </body>
</html>
<!--Lui si;)-->

On peut aussi passer le filtre en feuille de style...

.case_contenu {
     background-color:#EDF2F9;
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EDF2F9', EndColorStr='#D6DFF7');      
     border-top:1pt solid #C0C0C0;
     border-left:1pt solid #C0C0C0;
     border-right:0pt solid #FFFFFF;
     border-bottom:1pt solid #C0C0C0;      
    }

Bon là Ok, cette classe de la feuille de style est utilisée pour faire un dégradé dans le fond d'une case...M'enfin bon pour le <body>, c'est pareil...

Lien vers le commentaire
Partager sur d’autres sites
  • 2 semaines après...

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×
×
  • Créer...