bonjour

Débutant en css, je voudrais positionner sur ma page html, 2 images indépendantes l'une de l'autre
actuellement j'ai 2 images mais elles sont imbriquées l'une dans l'autre

voici mon script:
feuille css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
.boussole { 
position:absolute; top:400px; left:1000px; 
} 
 
 
.velo {
    position:absolute; top:01; left:01;
}
page html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
    <DIV CLASS="boussole">     
    <IMG SRC="images/boussole.jpg" width="250"height="250"
 
 
    <DIV CLASS="velo">     
    <IMG SRC="images/velo2.png" width="400"height="300"
 </DIV>

pouvez vous me dire ce qui devrait être modifié

Dans les feuilles css on a des fois un . et j'ai vu aussi des #
Quelle diférence?
avec tous mes remerciements
Michel Delorme