Div cliquable

[jayk]

 

Bonsoir,

J'aimerai rendre un Div cliquable. J'ai essayé comme ceci mais ça ne fonctionne pas.
 

Quote

<div class="card card-block clear {float: left; float: both}"><img src="http://reptiles-zoo/img/cms/blocs/logo-site-i-fap.png" alt="IFAP" width="316" height="136;"><a href="https://www.i-fap.fr/" style="display: block; margin-left: auto; margin-right: auto;" /></p></div>

Pouvez-vous m'aider?

Merci

Edited May 12, 2020 by jayk (see edit history)

[Mediacom87]

Bonjour,

• https://developer.mozilla.org/fr/docs/Web/HTML/Element/a
• https://developer.mozilla.org/fr/docs/Web/HTML/Element/Img
• https://developer.mozilla.org/fr/docs/Web/HTML/Element/div

[jayk]

Merci j'ai essayé mais je n'y arrive pas.

Quote

<div class="card card-block clear {float: left; float: both}"><img src="http://reptiles-zoo/img/cms/blocs/logo-site-i-fap.png" alt="IFAP" width="316" height="136;"><a href="https://www.i-fap.fr/" style="display: block; margin-left: auto; margin-right: auto;" /></p></a></div>

Est ce que quelqu'un pourrait m'expliquer clairement ce qui ne va pas dans mon code?

Merci.

Edited May 12, 2020 by jayk (see edit history)

[Mediacom87]

https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

[coeos.pro]

Il y a 1 heure, jayk a dit :

quelqu'un pourrait m'expliquer clairement ce qui ne va pas dans mon code?

ben déjà ça : http://reptiles-zoo/img/cms/blocs/logo-site-i-fap.png

ensuite tu ouvres une balise a pour refermer juste après une balise p

[jayk]

Décidément je ne comprends pas, désolé je suis débutant, je dois changer quoi dans mon code pour que ça fonctionne?

Merci

[coeos.pro]

1- avoir une image

2- quand on ouvre une balise, on la ferme et on respecte l'ordre de fermeture inverse de l'ordre d'ouverture : <a>...<b>...<c>...</c>...</b>...</a>

3- certaines balises sont dites autofermantes comme <img.../> mais d'autres non, comme la balise de lien a ne l'est pas donc pas de <a.../> mais <a...>...</a>

4- prendre beaucoup de temps pour bien lire et bien comprendre le lien fourni par Mediacom87, parcequ'il y a beaucoup de choses à voir et à connaitre.

[jayk]

franchement, je ne comprends pas, ça fait plus de 8h que j'essaye, j'ai lu la documentation mais malheureusement je ne comprends pas, ça semble simple pour une personne habituée mais visiblement pas pour moi.

pouvez vous s'il vous plait me remettre mon code dans le bon sens pour qu'il fonctionne?

Merci

[coeos.pro]

<a href="https://www.i-fap.fr/" >

 

<img src="http://..." alt="IFAP" />

 

</a>

[Mediacom87]

il y a 14 minutes, jayk a dit :

Décidément je ne comprends pas, désolé je suis débutant, je dois changer quoi dans mon code pour que ça fonctionne?

Merci

Il y a tout à changer.

vous appelez du code css dans une déclaration de classe, vous englobez mal les balises, vous ouvrez ou fermez mal les balises.

en gros vous essayer d’écrire du chinois sans apprendre. Cela n’est pas possible.

si nous faisons le code vous n’apprendrez rien car on est sur du code de base. Donc à vous de prendre du temps pour apprendre c’est au minimum 3 à 6 heures de formation mais des semaines de mises en oeuvre pour maitriser les choses.

je fais du code html depuis 26 ans et j’en apprends encore tous les jours.

[jayk]

merci beaucoup je vais faire ça.

Bonne soirée.

[jayk]

Tout fonctionne à merveille, merci à vous.

Vous pouvez clôturer ce post.