OVH Cloud OVH Cloud

CSS-P et calques

2 réponses
Avatar
D0om
Bonjour ? tous,

j'ai un probl?me avec les feuilles de style et le
positionnement des calques.

Lorsque j'utilise ma CSS avec mon calque, les valeurs initiales du calque
prennent toujours le dessus aux valeurs que j'utilise dans ma CSS. Voici mon
code:

<span id="Layer1" style="position:relative; left:50px; top:10px; width:28px;
height:64px; z-index:1;" class="CSLPos"><img src="images/CLSBut.jpg" width="18"
height="68" align="middle"></span>

j'ai cr?er mon calque avec le bouton "Draw Layer" et ma feuille de style et
d?clarer plus haut dans la meme page:

.CSLPos {
position: absolute;
visibility: visible;
z-index: 1;
left: 850px;
top: 77px;
padding: 0px;
margin: 0px;
height: auto;
width: auto;
right: auto;
bottom: auto;
}
J'aimerai avoir les valeurs de la CSS :left: 850px; top: 77px; mais j'ai
toujours: left:50px; top:10px; comme si ma feuille n'?tais prise en compte.

De mon c?t?, je suis ? cours d'id?es, j'ai besoin de vos conseils, merci
d'avance.

2 réponses

Avatar
Luc Laurent
Il suffit de supprimer *style=...* qui prévaut sur la feuille de style
(double emploi en fait).
*div* me semblerait plus approprié que *span*.
*id=CSLPos* et *#CSLPos* en remplacement de *.CSLPos* fait l'économie d'une
classe.
Attention à *position* qui est *relative* dans un cas et *absolute* dans
l'autre.

--
Luc Laurent
http://www.web-designer.be


"D0om" a écrit dans le message de
news:c2325m$qui$
Bonjour ? tous,

j'ai un probl?me avec les feuilles de style


et le
positionnement des calques.

Lorsque j'utilise ma CSS avec mon calque, les valeurs initiales du calque
prennent toujours le dessus aux valeurs que j'utilise dans ma CSS. Voici


mon
code:

<span id="Layer1" style="position:relative; left:50px; top:10px;


width:28px;
height:64px; z-index:1;" class="CSLPos"><img src="images/CLSBut.jpg"


width="18"
height="68" align="middle"></span>

j'ai cr?er mon calque avec le bouton "Draw Layer" et ma feuille de style


et
d?clarer plus haut dans la meme page:

.CSLPos {
position: absolute;
visibility: visible;
z-index: 1;
left: 850px;
top: 77px;
padding: 0px;
margin: 0px;
height: auto;
width: auto;
right: auto;
bottom: auto;
}
J'aimerai avoir les valeurs de la CSS :left: 850px; top: 77px; mais j'ai
toujours: left:50px; top:10px; comme si ma feuille n'?tais prise en


compte.

De mon c?t?, je suis ? cours d'id?es, j'ai besoin de vos conseils, merci
d'avance.



Avatar
[ NikO ]
Luc Laurent a écrit :

La derniere déclaration pour une class ou id, prend le dessus sur ses
précédentes ...
il est possible de désactiver cette facon de faire dans les préférences ...

--
http://niko.informatif.org
Sans windows, les bugs n'existeraient pas !