Positionnement d'image

Bonjour,

J'aimerais savoir s'il y a un moyen simple et facile pour positionner des images en utilisant le CSS.

La seule chose que j'ai réussi à faire est de bousiller toute ma page.

Voici ma page : http://www.casm.info/coupe/programme.html

Je veux place une image à droite de la liste du programme de la journée.

Merci de votre aide

Chay

Bonjour,
As tu essayer : "<img src="" alt="" align="right" />" avant ta liste ?

Attention ! il y a des "avertissements" dans ton code.

Bonjour Chay

Y a-t'il un rapport avec les tutoriaux Alsacreations ou est-ce juste une erreur de forum ?

Si c'est une erreur, dit le ici, un modérateur déplacera ce sujet dans le bon forum

Bonjour,

La première chose à faire quand quelque chose ne fonctionne pas est de prendre le temps de vérifier son code.

La page que tu donnes en exemple contient 16 erreurs graves, la première, mère de toutes les autres, est que tu à oublié le contener ul de ta liste et d'autres part que tu utilises abusivement un <p> qui ne peux pas être là.

Tant que ces erreurs n'e sont pas corrigées tu ne fera que perdre du temps à essayer de comprendre comment positionner une image sur la droite d'un contenu, ce qui est simple et facile sur un code propre.

Jean-pierre

Salut Jean-Pierre,

Merci pour le commentaire, mais ça me dit pas quoi faire...

Malheureusement, je ne suis pas parfait et je fais des erreurs (ça fait que deux jours que j,ai le livre CCS ")! Je pensais avoir du code assez "clean" par qu'il vient des 5 étapes pour créer un site en xhtml et css du site Internet !

Alors, comment mettons-nous une image facilement à droite ?

Revérifie bien ton code, une erreur est si vite arrivée

Tu devrais trouver ici la réponse à ta question :

Merci Modéro

Ha ! Ça me semble plus clair maintenant !

Pour le conteneur de UL, Jean-Pierre, désolé mais je ne comprends pas ce que tu veux me dire !

Idem pour l'emploi abusif du <p>

Désolé, je suis un "maudit débutant"

Merci de votre aide

<div id="contenu">
			<h2>Programme de la journée</h2>
			   <li>8h00   : arrivée des bénévoles et des juges</li>

Ici, il manque les balises ouvrantes et fermantes<ul>

... et ça :

<p><li>Pause pour le dîner et récupération</li></p>

c'est pas bien

Je n'ai pas vérifier le reste de la page...

Donc, je résume...

<div id="contenu">
<h2>Programme de la journée</h2>
<ul> (mais pourquoi ce ul... ?%!?%!?)
<li>8h00 : arrivée des bénévoles et des juges</li>
<li>8h15 : arrivée des participants</li>
<li>8h30 : 1e séance d'information obligatoire (briefing)</li>
<li>8h30 : début de la période d'étirements et d'échauffement</li>
<li>9h30 : début de la compétition d'apnée statique (temps zéro)</li>
<li>12h00 : fin de la compétition d'apnée statique</li>
</ul>

Et pour espacer deux lignes... on fait quoi ? <br></br>



Je sais... je suis très débutant !

Chay
Modifié par Chay (18 Oct 2005 - 23:02)

Bonjour Chay

Ca devrait faire l'objet d'un autre sujet dans le salon débutant, mais je vais te répondre...

D'abord, ou souhaites-tu placer un espace ?

- Si c'est entre les différentes listes, il suffit de donner une class à la balise <ul class="toto"> et dans le style css, tu indiques une marge supérieure ou inférieure selon le cas à cette class.

- Si c'est entre les élements de la liste, balise <li>, tu peux donner également une class à cette balise et indiquer soit une marge, soit une hauteur de ligne...

- Si l'espace doit être identique sur toutes les listes du site, il n'est pas utile de créer une class, tu détermines sur la feuille de styles les marges ou autres attributs nécessaires à la présentation directement sur les balises "ul" et "li"...

Je te suggère de parcourir tous les tutoriels afin d'acquérir le minimum nécessaire pour un bon début

Toutes les balises ne peuvent pas être contenues dans toutes les balises il y a des règles à respecter.

Suggestion personnelle, habitues-toi à commenter tes codes, tu verras, sur des pages plus complexes, les commentaires te permettent de retrouver plus rapidement les morceaux de scripts à modifier.