Bonjour,
J'aimerais savoir si, pour une section donnée de code HTML, il est possible de faire en sorte que la feuille de styles externe ne s'applique pas.
Ce serait pour pouvoir donner un exemple (avec les liens, les en-têtes par défault...) sans avoir à attribuer des styles locaux (inline styles) à chaque fois.
Merci
elle
ma boîte
Page 1 sur 1
désactiver une feuille de style
Noter :
Haut
#2
- Groupe : Membres
- Messages : 501
- Inscrit(e) : 18-septembre 03
- Localisation:paris
- Société:labyrinthe
Posté 24 mars 2004 - 19:03
bah en fait si tu utilises les feuilles en tant que critère de toute la page (avec le tag <style> dans l'entête <head>) ces règles s'appliquent sauf lorsque tu reprécises les changement (avec <font>, <p>, etc.).
sinon si tu appelles tes spécification de styles à chaque nouvel élèment de la page (à l'aide de la méthode des pseudos-calques, ou zones <div>, par exe.) là rien ne t'empêche de ne pas délimiter une zone à un moment donné, et de laisser un paragraphe "par défaut" pour l'explorateur ; comme cette zone n'est pas formatée, elle sera interprétée comme "html brut".
sinon si tu appelles tes spécification de styles à chaque nouvel élèment de la page (à l'aide de la méthode des pseudos-calques, ou zones <div>, par exe.) là rien ne t'empêche de ne pas délimiter une zone à un moment donné, et de laisser un paragraphe "par défaut" pour l'explorateur ; comme cette zone n'est pas formatée, elle sera interprétée comme "html brut".
Ce message a été modifié par Beatnykk - 24 mars 2004 - 19:04.
--------------------------------
>Nicolas, Infographiste et Webmaster de Meilleur Écran
--------------------------------
>Nicolas, Infographiste et Webmaster de Meilleur Écran
--------------------------------
#3
- Le Web à tous
- Groupe : Hubmaster
- Messages : 3 952
- Inscrit(e) : 19-août 03
- Genre:Femme
- Localisation:rue Georges Mabile, Havré
- Société:Webatou
Posté 24 mars 2004 - 19:15
Bonjour elle,
et bienvenue sur le Hub
Une solution que je viens de tester : tu crées une classe vide
.defaut { }
que tu appliques aux éléments de ton choix.
et bienvenue sur le Hub
Une solution que je viens de tester : tu crées une classe vide
.defaut { }
que tu appliques aux éléments de ton choix.
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
#5
- Groupe : Membre
- Messages : 568
- Inscrit(e) : 13-septembre 03
- Genre:Homme
- Localisation:Toulouse, ville rose....
Posté 24 mars 2004 - 20:10
Monique, le mercredi 24 mars 2004, 19:15, dit :
Bonjour elle,
et bienvenue sur le Hub
Une solution que je viens de tester : tu crées une classe vide
.defaut { }
que tu appliques aux éléments de ton choix.
et bienvenue sur le Hub
Une solution que je viens de tester : tu crées une classe vide
.defaut { }
que tu appliques aux éléments de ton choix.
Bonsoir à tous
La solution de Monique me semble percutante, mais on se retrouve vraiment en HTML brut. Si t'as d'autres feuilles que tu voudrais conserver, ce n'est peut être pas la bonne soluce.
Autrement, si t'as deux feuilles et que tu veux en désactiver une seule, il faut peut être réincorporer dans la class de Monique celle que tu veux conserver.... mais alors, faut organiser ses feuilles externes....
Je pense que le mieux est de penser entièrement le shmilblick avant.....
A+
Dino
Voyage virtuel sur le Canal du Midi
Louisa Paulin, une femme qui nous vient de l'avenir...
Poésie occitane
Louisa Paulin, une femme qui nous vient de l'avenir...
Poésie occitane
#6
- Le Web à tous
- Groupe : Hubmaster
- Messages : 3 952
- Inscrit(e) : 19-août 03
- Genre:Femme
- Localisation:rue Georges Mabile, Havré
- Société:Webatou
Posté 24 mars 2004 - 21:00
Effectivement... je n'avais pas essayé sur un lien et ça ne fonctionne pas.
Je ne sais pas s'il existe une bonne solution : je constate que sur les sites dédiés au html/css on utilise généralement un lien vers une autre page pour présenter la portion de code où un autre style est appliqué.
Je ne sais pas s'il existe une bonne solution : je constate que sur les sites dédiés au html/css on utilise généralement un lien vers une autre page pour présenter la portion de code où un autre style est appliqué.
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
#8
- Groupe : Membres
- Messages : 1 243
- Inscrit(e) : 26-mars 04
Posté 26 mars 2004 - 07:10
Hum... Il existe une solution, franchement bourrin :
- Prévoir une div class="exemple" englobant la zone en question
- Placer dans une feuille de style permanente (appelée par un link sans title) les règles nécessaires pour imposer à tous les éléments de cette div la présentation "par défaut" à peu près commune à tous les navigateurs. Les règles CSS nécessaires sont listées dans une des annexes de la spécification CSS2.
- Ajouter !important à chacune
- Compléter au cas par cas pour éliminer les styles qui passeraient à travers.
- Veiller à ce que cette feuille soit appelée en dernier, pour régler les conflits de priorité CSS.
- La mettre à jour régulièrement quand on modifie un des styles de la page...
Bien compliqué pour pas grand-chose, ça. C'est pour ça que l'on place généralement les exemples dans une page à part, ce qui a un autre avantage : le lecteur s'y retrouve plus facilement quand il veut regarder le code source, cette page à part étant minimale...
- Prévoir une div class="exemple" englobant la zone en question
- Placer dans une feuille de style permanente (appelée par un link sans title) les règles nécessaires pour imposer à tous les éléments de cette div la présentation "par défaut" à peu près commune à tous les navigateurs. Les règles CSS nécessaires sont listées dans une des annexes de la spécification CSS2.
- Ajouter !important à chacune
- Compléter au cas par cas pour éliminer les styles qui passeraient à travers.
- Veiller à ce que cette feuille soit appelée en dernier, pour régler les conflits de priorité CSS.
- La mettre à jour régulièrement quand on modifie un des styles de la page...
Bien compliqué pour pas grand-chose, ça. C'est pour ça que l'on place généralement les exemples dans une page à part, ce qui a un autre avantage : le lecteur s'y retrouve plus facilement quand il veut regarder le code source, cette page à part étant minimale...
Partager ce sujet :
Page 1 sur 1
