Discussion :

[danyboy85]

Bonjour,

lorsque l'on affecte un style a une balise HTML, si l'on utilise l'attribut "class" et l'attribut "style", l'attribut "style" est prioritaire sur l'attribut "class".

Exemple avec border-width :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="text" style="border-width:10px" class="monStyle">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
.monStyle {
 border-width:2px;
}

Dans ce cas, c'est la valeur 10px qui sera prise en compte.

Ma question est la suivante : y'a t-il un moyen de rendre l'attribut "class" prioritaire sur l'attribut "style" ?

[trotters213]

Il n'y a aucune utilité à faire ceci, pourquoi tu veux redéfinir la bordure dans le code HTML (alors qu'elle est définie dans le CSS) sans qu'il soit appliqué à l'affichage de ta page? ????
Si vraiment tu tiens à garder cette notation (très bizarre !!) essaie comme ceci :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.monStyle {
 border-width:2px; !important
}

[viviboss]

Ouaip,

Les normes XHTML veulent que les attributs HTML soient placés dans des styles, ou feuilles de Styles.

Il est donc fortement recommandé de faire comme dit Trotters213 !!!!

Si tu as la flême de retoucher ton code, sache que ce sera du temps gagné sur de prochaines modifs que tu aurais à faire dans le futur !!!

[Candygirl]

:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.monStyle {
 border-width:2px; !important
}

Il me semble:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.monStyle {
 border-width:2px !important;
}

[danyboy85]

Il n'y a aucune utilité à faire ceci, pourquoi tu veux redéfinir la bordure dans le code HTML (alors qu'elle est définie dans le CSS) sans qu'il soit appliqué à l'affichage de ta page? ????

En fait le contexte s'y prête, je réalise un éditeur HTML. Lorsque je suis en "mode HTML", je vois le code réel de ma page, et lorsque je suis en "mode Design", je dois appliquer un style partciulier.

En clair, si j'ai un tableau sans bordure, en mode Design je dois voir une bordure donc je lui rajoute un attribut "class". Et lorsque j'affiche le code HTML je prend soin avant de retirer l'attribut class. Vous comprendrez alors que si j'ai déjà un style de défini pour mon tableau, le fait de rajouter un attribut class en mode Design n'aurau aucun effet. (j'espère avoir été clair...)

En tout cas la solution proposée : "!important", fonctionne a merveille, merci !!!

[trotters213]

dans ton cas pourquoi tu n'utilises pas 2 feuilles de style ? ça serait tout de même bien plus simple (et plus propre)
PS : pense à cliquer sur

[viviboss]

En fait le contexte s'y prête, je réalise un éditeur HTML. Lorsque je suis en "mode HTML", je vois le code réel de ma page, et lorsque je suis en "mode Design", je dois appliquer un style partciulier.

....Ou bien utiliser une solution "Rich Media Box" existante.... Comme TinyMCE !!!

Pourquoi beaucoup de gens se fon chier, alors que des solutions très bien, très facile à mettre en place existent déjà ?!!!!!

[danyboy85]

Pourquoi beaucoup de gens se fon chier, alors que des solutions très bien, très facile à mettre en place existent déjà ?!!!!!

Parce que vois-tu jeune homme, parfois on peut avoir besoin de développer des applications spécifiques, corresponsant au besoin du client, qui ne sont pas destinées au même public, ou même des applications avec plus de fonctionnalités que les choses déjà existantes.

Et donc ce que tu appelle des "solutions très bien" ne correspondent pas forcément à ce qu'attend tout utilisateur.

[viviboss]

....Bon, ba mon pitit coup d'esbrouffe est tombé à l'eau..... Vieil Homme !!!!



Non sérieusement, si tu ne connais TinyMCE, je te conseil AU MOINS d'essayer, ca ne te coutera pas beaucoup plus de temps (tout au moins 10 minutes de plus, top chrono...), c'est super paramétrable, et très agréable à utiliser et implémenter.

http://tinymce.moxiecode.com/

Voila, crois moi ca vaut au moins un coup d'oeil quand tu auras le temps, ca peut même te donner des idées, petit Padawan !!!!