Demande de conseils HTML /CSS niveau débutant / facile
Fermé
bigjojototo
Messages postés
2
Date d'inscription
vendredi 22 avril 2022
Statut
Membre
Dernière intervention
22 avril 2022
-
Modifié le 22 avril 2022 à 17:59
DoctorHow - 23 avril 2022 à 01:23
DoctorHow - 23 avril 2022 à 01:23
A voir également:
- W3doc
- Editeur html - Télécharger - HTML
- Html download - Télécharger - HTML
- Triez la liste comme sur cette illustration (attention, on ne voit que le début …). quel est le mot formé par les 6 dernières lettres de la colonne code ? - Forum Excel
- Mise a niveau windows 7 vers 10 - Guide
- Image cliquable html ✓ - Forum Réseaux sociaux
1 réponse
blackmefias_3350
Messages postés
706
Date d'inscription
dimanche 20 septembre 2020
Statut
Membre
Dernière intervention
8 mars 2024
58
Modifié le 22 avril 2022 à 21:14
Modifié le 22 avril 2022 à 21:14
bonsoir,
je pense que pour ce genre de chose vous devez opter pour les balises <DIV></DIV>.
voici deux liens pour vous donnez une idée de comment utiliser la balise <DIV>
https://developer.mozilla.org/fr/docs/Web/HTML/Element/div
https://fr.w3docs.com/apprendre-html/html-tag-div.html.
PS: quand vous mettez du code dans votre message, vous devez utilisé l'option code qui se trouve entre S et l'icone image dans la barre juste au dessus du texte que vous écrivez.
ce qui donne par exemple :
c'est nettement mieux que d'écrire du code en monochrome , c'est plus lisible pour les aidants, et vous obtiendrez une réponse plus rapide .
je pense que pour ce genre de chose vous devez opter pour les balises <DIV></DIV>.
voici deux liens pour vous donnez une idée de comment utiliser la balise <DIV>
https://developer.mozilla.org/fr/docs/Web/HTML/Element/div
https://fr.w3docs.com/apprendre-html/html-tag-div.html.
PS: quand vous mettez du code dans votre message, vous devez utilisé l'option code qui se trouve entre S et l'icone image dans la barre juste au dessus du texte que vous écrivez.
ce qui donne par exemple :
<!DOCTYPE html>
<html>
<head>
<title>Mon site</title>
</head>
<body>
<table>
<td><P>mon site est bien joli</p></td></br>
<td><input type="submit" value="ok"></td> <!-- ceci est un commentaire -->
</table>
</body>
</html>
c'est nettement mieux que d'écrire du code en monochrome , c'est plus lisible pour les aidants, et vous obtiendrez une réponse plus rapide .
22 avril 2022 à 21:25
Je vais me baser dessus et avancer tranquillement.
Merci encore.
Modifié le 23 avril 2022 à 01:26
un tableau(table) n'est pas adapté et ne doit pas être utilisé sauf pour des données tabulaire(comme des listes de résultats de matchs de foot, des listes d'objets, ce qui est justifié par un tableau donc des données genre tableur Excel et des cellules).
Le mieux et le plus simple est d'abord de commencer par intégrer(c'est le mot) chaque contenu que vous devez afficher.
C'est la partie HTML.
CSS permet la mise en page.
Cherchez un tuto sur le positionnement en CSS c'est pas très compliqué.
Pour faire un cadre par exemple avec la propriété raccourcie(qui en contient trois : l'épaisseur du contour , le type de contour(plein, pointillé, ma couleur du contour)
En HTML cela donnerait cela(c'est incomplet bien sûr je n'ai pas l'URL de l'image)
Une fois votre HTML correctement écrit(pas avec un tableau donc) vous pouvez commencer la mise en page avec CSS.
Par exemple pour les bordures/cadres comme ceci:
https://www.w3schools.com/css/css_border.asp
Il ne vous reste plus qu'à ajouter les dimensions et positionnement. Vous verrez qu'en indiquant juste les largeurs et hauteurs de chaque élément/bloc de contenu vous êtes déjà très proche du résultat.
Pour le premier texte(SOLD OUT) il vous faut trouver comment gérer la superposition de deux éléments(le texte sold out sur l'image).