28173 sujets

CSS et mise en forme, CSS3

Error in parsing value for property...

.bonjour{
style="humeur: enjouée; genre: à l'aide"

Comme vous le constaterez je me suis encore mélangé mes nouveaux pinceaux css quelque part.
Et pourtant, ce n'est pas de la mauvaise volonté de ma part puisque, contre vents et marées, et surtout grâce à 20cent, j'ai échangé hier deux instructions html simples contre 20 lignes de css...

Pour l'heure, mon problème est le suivant :

J'avais... dans mon ère précss :


<DIV id="ID_DIV" style="position:absolute top:quelques_px; left:quelques_px; z-index:2; visibility : hidden">
	<IMG src = "imagepath" alt = "champévidemmentrenseigné">
</DIV>


Avec un petit javascript qui s'amusait avec les top et left du DIV.

Dans mon accès de fièvre ccsoïde d'hier, j'ai cru malin de faire d'une part :


#ID_DIV{
	position: absolute;
	top: quelques_px;
	left: quelques_px;
	z-index: 2;
	visibility:hidden;}


et, d'autre part :


<DIV id="ID_DIV">
	<IMG src = "imagepath" alt = "champévidemmentrenseigné">
</DIV>


Et bien, voilà-t-y-pas que mon js ne fonctionne plus et que la console d'erreur me transmet le warning :

Error in parsing value for property "left", declaration dropped.

Qu'ai-je encore fait de mal ?

EDIT : J'ai oublié de mentionner qu'évidemment j'ai déjà pris soin de vérifier la conformité W3C de mon .html et la validité W3C de mon .css
Modifié par aCOSwt (02 Apr 2007 - 17:25)
salut,
et bé, le môssieur du validateur était en phase mansuétude absolue s'il ne t'as pas signalé que toutes ces caps DIV IMG devraient aussi sec passer en bas de casse: div img... Smiley smile

sinon, tu es sûr que ton javascript accède aux css y compris non en ligne ? et que, s'il s'agit de parser les valeurs, l'espace (tout à fait conforme lui Smiley cligne ) après le : ne le gène pas. ?

Have swing
virtualgadjo a écrit :

et bé, le môssieur du validateur était en phase mansuétude absolue


Forcément...
Je n'avais pas coché l'option Laurent_Denis parce que je savais à l'avance ma condamnation à une éternité au purgatoire...

Ceci dit sans dec... aucun validateur ne m'a jamais reproché la casse.

De même, mon parsing gère les leading/trailing spaces.

Alors... vive style= ?
Modifié par aCOSwt (02 Apr 2007 - 22:11)
On connaissait déjà les chansons on de Philippe Meyer,

Je lance alors les questions on.
Tellement on que je regrette de ne pas pouvoir choisir une fonte très petite sur ce forum...

Rassurez-moi...
Dans l'exemple ci-dessus... comment je fais en JS pour acceder à la popriété top ou left de mon ID_DIV cssisé ?
Modifié par aCOSwt (03 Apr 2007 - 10:38)
Salut,

je viens de tester avec Firefox, et j'arrive à modifier la propriété top simplement : 
var divTest = document.getElementById('test');
divTest.style.position = 'absolute';
divTest.style.top = '200px';
Merci Thomas.

J'en étais arrivé à cette question stupide car, suivant les conseils de Sherlock Holmes... quand on a éliminé toutes les réponses logiques...

Bon !

Cédonc paça nonplu ! Et il ne me reste presque plus de cheveux à arracher...
Tu n'as pas un lien ? Difficile de se faire une idée sans avoir une vue d'ensemble Smiley decu

Vu ton message d'erreur, je chercherais une "bête" erreur de syntaxe, à ta place Smiley cligne
Thomas D. a écrit :
Tu n'as pas un lien ?

Non ! Dieu merci, je n'ai encore rien mis en ligne car le JS il boucle à donf et fait chauffer la bécane..

Thomas D. a écrit :
Vu ton message d'erreur, je chercherais une "bête" erreur de syntaxe, à ta place


Cela ne peut être évidemment qu'un truc dans ce genre.
Gros comme moi en tout cas.

Le pire est que si je conserve mon .CSS et mon .JS mais que je fais :

<DIV id="ID_DIV" style="top: 100px; left: 100px">


Tout remarche nickel comme dans le bon vieux temps...
Modifié par aCOSwt (03 Apr 2007 - 17:46)
Pour le libellé de l'erreur... après tout, c'est peut-être un problème lié à mon implémentation FireFox.

Ma console d'erreur me donne un message similaire (mais concernant la property width) lorsque je viens dans cette rubrique du forum Alsa...S

Warning: Error in parsing value for property 'width'. Declaration dropped.
Source File: http://forum.alsacreations.com/list-4-CSS-et-mise-en-forme.html
Line: 0

Et... comme c'est des pros...
Ca doit venir de mon bastringue !
Modifié par aCOSwt (03 Apr 2007 - 17:47)
salut,
ben j'ai bien peur que comme tu dis, vive style="...". le parsing étant tout simplement de la lecture de chaîne, si la chaîne n'est pas où js l'attend, il rame...

Sinon, tu peux accéder aux class et id par javascript mais pas par du parsing, tu peux aussi d'ailleurs attribuer carrément les propriétés au chargement par javascript et les modifier ensuite mais c'est un peu "sauvage" comme truc et ne dispense pas d'avoir des styles définis normalement pour les ceusses qui viendraient sans js, deux fois le taf en somme Smiley smile

have swing
virtualgadjo a écrit :
...deux fois le taf en somme Smiley smile


lol & mdr ! comme écrit mon fils sur ses forums mmorpgesques !

C'est probablement comme cela que ça va finir virtualgadjo.
Mais quand je pense qu'à part jouer au bon élève sur ce forum, mon autre motivation pour passer aux css était justement de... diviser le taf par deux...

Engagez-vous rengagez-vous qu'ils disaient...

Merci à toi quand même...
Modifié par aCOSwt (04 Apr 2007 - 08:22)
:) ben, sinon, je sais que j'ai l'air de revenir sans cesse là-dessus mais tu devrais jeter un oeil du côté de mootools, perso, ça a révolutionné ma façon de voir javascript.

La librairie est modulable, tu peux n'en charger que ce qui t'intéresse et un de ses gros point fort est justement l'accès aux éléments par à peu près tout ce qu'on veux, id, type, class, implémenté de façon très élégante et non intrusive. Le seul risque, c'est que quand on commence à jouer avec, difficile de s'en passer ensuite Smiley smile

have swing
Sujet clos
Aller à