[Résolu] Placement d une image avec hspace align etc...

Bonjour,
Je sais que 6l20 va dire qu'en ce moment je suis fatiguée ... mais bon
j'ais toujours dans le même sie que mes derniers post, des attributs ancienne mode qui font exactement ce que je souhaites , quelque soit le navigateur. a savoir

<img src="images/photo-qui-suis-je.jpg" alt="Lucie" title="Lucie"
            align=left vspace=10 hspace=0 border=0 width=28% />

En DOCTYPE ==> Strict ! j'y tient
tout marche mais Monsieur WC3 m'injurie sans pour autant me donner de solution...
Bien sur j'ais créé une class .limage1 en procédent ainsi !

<img src="images/photo-qui-suis-je.jpg" alt="Lucie" title="Lucie"
 class="limage1"   />

avec dans mon CSS

.limg1 {
align:left;
vspace:10;
hspace:0;
border:0;
width:28%;
}

WC3 CSS encore moins content ... et en prime rien ne marche ! pouvez vous me sortir de ce mauvais pas
merci d'avance

vspace correspond a des marges en haut et en bas de ton image et hspace a des marges à gauche et à droite. Donc il suffit d'utiliser margin dans ta CSS.

margin: 10px 0;

Modifié par jb_gfx (17 Apr 2013 - 15:06)

Bonjour,

En CSS, les trois propriétés suivantes n'existent pas :

align:left;
vspace:10;
hspace:0;

Regarde du côté de float et margin.

Ensuite, le nom de la class CSS ne correspond pas à celui du HTML (limg1 vs limage1).

@Christele : Tu ne serais pas un peu fatiguée en ce moment ?

merci de toutes vos réponses si rapides !
avec cela je vais m'en sortit parfaitement


Mais avouez que par le passé je n'avais qu'a faire

<img hspace=20 vspace=8 src="divers/enfant150200.jpg" align=left>
<br />
Dés 4-8 ans pour les enfants nous avons etc  <br />
 sont proposées plusieurs fois dans l'année. <br />
Renseignement à nos bureaux...
<!--  et le genial clear left pour quitter l'alignement  le long de l'image --> 
<br clear=left>

Alors ça s'écrirait comment maintenant

Je mets tout de même résolu et vous remercie a nouveau.
Mais si un courageux peut me donner l'équivalent dans les normes, cela m'aaidera.

J'avouerais plutôt que c'est beaucoup plus simple d'utiliser les CSS maintenant. Au final, il y a beaucoup moins de lignes de code que par le passé puisqu'on peut réutiliser des class dans le HTML.

Je suis étonné de découvrir qu'aujourd'hui, les CSS ont encore besoin qu'on en fasse la promotion. Leurs avantages sont nombreux et je croyais sincèrement que c'était acquis pour tout le monde.

Plusieurs pistes pour convertir ton code :

- hspace et vspace deviennent margin
- align devient float

et pour compléter :
- clear en CSS, c'est clear aussi.

Je te recommande chaudement de lire des articles sur les bases de CSS. Il y a beaucoup de ressources sur Alsacréations dans la section Apprendre.
Modifié par Tony Monast (17 Apr 2013 - 15:45)