Questions HTML et CSS

Questions relatives à la structure et à la mise en forme des pages Web.

- Votes
css Bordures sur cellules, sauf la dernière
Yo ! J'ai une div sans bordure remplie de cellules horizontales auxquelles j'applique une bordure sur le bord bas pour les séparer entre elles. Le problème c'est que la dernière je ne veux pas de bordure basse puisqu'il n'y a plus de cellule sous elle. Je n'ai pas la main sur le HTML...
- Votes
css Effet de clic sur bouton CSS
Hey tout le monde ! Je viens de m'inscrire et me voilà avec ma première question : Comment faire un effet de clic "genre physique" sur un bouton en CSS ? Avec hover j'arrive à faire un petit effet de surélévation mais là c'est le contraire que je voudrais, comme si on appuyait...


c-cadeau 7 86 Résolue
- Votes
css bloc lien et text-decoration: none;
Bonjour, J'essaie, en vain, d'empêcher un texte dans un bloc lui même entre deux balises <a> de se souligner au survol de la souris. Lorsque le lien est un texte, c'est facile avec text-decoration: none; mais lorsque le lien est un bloc contenant du texte ça se complique franchement...


Hamza 10 334 Résolue
- Votes
css Bouton avec fond transparent
Bonjour à tous, Je voulais faire un bouton avec un fond transparent mais quand j'applique opacity au bouton tout devient transparent même le texte. Comment avoir juste le fond ?


Jean-Pierre 3 84 Résolue
- Votes
html Champs de formulaire complétés par le navigateur
Bonsoir à tous, Je suis en train de créer un petit formulaire de contact et je voulais que certains des champs du formulaire se remplissent automatiquement par les navigateurs des utilisateurs. On a cette option sur FireFox et Chrome je suppose que tous l'ont. Donc je fais quelques...


W 3 116 Résolue
- Votes
E
css Couleur de fond <body> bicolore
Salut, Pensez-vous qu'il soit possible en CSS de colorer le <body> avec une séparation verticale, à droite une couleur et à gauche une autre couleur ? Je voudrais éviter d'utiliser une image. Je me suis, un peu, creusé la tête mais je vois pas comment faire. Merci les zamis !


Jack 6 127 Résolue
- Votes
E
css Une diagonale en CSS
Salut le forum, Je cherche à réaliser un bouton bicolore dont la séparation entre les deux couleurs soit une diagonale. Je n'ai pas de problème avec le code HTML ni le CSS pour les couleurs <div class="btn"> <div class="btn-left">Valider</div> <div...


DaCode 10 319 Résolue
- Votes
css Différence d'affichage align-items selon navigateur
Hello tout le monde, A l'instar de Wazz9 qui rencontre des problèmes d'affichage de police selon le navigateur CSS - font-weight, affichage différent selon le navigateur j'ai également un problème entre Chrome et FireFox. Ici l'affichage dans FireFox Et là dans Chrome voici le...


Wazz9 13 274 Résolue
- Votes
css font-weight, affichage différent selon le navigateur
Salut tout le monde, Je rencontre un problème avec l'affichage d'un texte selon la valeur du font-weight. Un font-weight: 500; dans le CSS et FF affiche le texte normalement alors que sur Chrome et Edge le texte s'affiche légèrement gras. Est-ce qu'un membre dispose d'un Mac pour...
- Votes
css Barre de menus, animation CSS
Bonjour à tout le monde, Je suis tombé sur un site et j'ai trouvé la barre de menu en haut de page géniale !! J'aimerais refaire la même sur mon site mais même en regardant les outils de développement je ne comprends pas bien comment il a fait. Pourriez-vous, encore une fois, m'aider...
- Votes
css CSS Zoom, bizarrerie sur Mozilla/MDN
Salut, je me baladais sur le site de Mozilla Internet for people, not profit — Mozilla avec l'inspecteur web activé et j'ai remarqué une propriété CSS sur leur conteneur principal que je ne connaissais pas : zoom .mzp-l-content { zoom: 1; margin: 0 auto; max-width: 1440px...
- Votes
html Format de tableau style Pinterest
Salut, je suis inscris depuis quelques jours mais c'est mon premier message, Je voudrais faire une page d'accueil comme Pinterest Pinterest avec des blocs qui ne sont pas alignés horizontalement. Mais c'est un enfer à faire ! Si un bloc est plus grand que celui sur sa droite par...


LaPomme 14 295 Résolue
- Votes
html rel="preload" dans les balises link CSS et JS
Bonjour à tous, Utilisez vous cet attribut dans vos balises link pour charger vos fichiers JS et CSS ? <link rel="preload" href="style.css" as="style"> <link rel="preload" href="main.js" as="script"> https://developer.mozilla.org/fr/docs/Web/HTML/Pr%C3%A9charger_du_contenu
- Votes
css Animation chargement (loading) en css ?
Hello, Sur un site je voudrais donner la possibilité de charger des fichiers. Lorsque ceux-ci sont un peu lourd cela prend un peu de temps et j'aimerais qu'il y ait une petite animation qui montre que la page n'est pas figée et que le chargement s'effectue bien. Il y a un texte qui...


Anthony 4 237 Résolue
- Votes
css Créer un bandeau avec flèche inversée...
Bonjour à toutes et à tous, J'ai vu sur un site des petits bandeaux avec une sorte de flèche inversée au bout et je n'arrive pas à les reproduire, pouvez-vous m'aider ? voici un exemple de bandeau (en rouge) Malheureusement je ne retrouve plus le site en question et j'ai pas pensé...


Jean-Pierre 5 245 Résolue
- Votes
css Effets d'ombre sous bloc
Hello, J'essaie de faire un effet en jouant sur les ombres sous un bloc de titre, avec un code CSS différent lorsque que l'on passe sur le bloc. .bloc-title { box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.25); } et .bloc-title:hover { box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.15); }...


Anthony 10 454 Résolue
- Votes
css Site responsif: changer le layout avec media queries
Hello !! J'ai vu quelques discussions à ce sujet mais je n'y ai pas trouvé la réponse à mon problème. j'ai ce code dans la configuration écran PC <div class="content-max"> <div class="section-left"> <p> mon contenu - plusieurs lignes de texte </p>...


Audrey 10 285 Résolue
- Votes
css Mise en forme d'une page d'accueil avec Flexbox 2
Bonjour, J'avance petit à petit dans la construction de mon site web mais au niveau de la page d'accueil avec tous les blocs je m'y perds et je n'arrive pas à les placer comme je le souhaite. J'avais commencé avec Grid Layout mais franchement j'ai pas tout compris et avec Flexbox...


H 27 673 Résolue
- Votes
html Faire un bloc dans le body plus large que le body
Bonsoir ou bonjour, Mon body a une largeur de 72% de l'écran sur lequel il est affiché. Jusqu'à un certain point cependant, il prend toute la largeur de l'écran quand il est affiché sur des écrans de type téléphone ou tablette. Quand il est en mode écran ordinateur j'aimerais qu'un...


Anthony 7 217 Résolue
- Votes
A
html La balise link ne fonctionne pas sur une phrase...
Bonsoir, J'ai une balise link sur mon site qui semble ne semble pas fonctionner parce que le texte entre les balises n'est pas cliquable, pourtant j'ai bien mais <a></a> <a href="https://apple.com/fr" target="_blank" />Apple</a> J'ai beau tourner dans tous les sens le problème je ne...


A 2 237 Résolue
- Votes
html Image au format Webp et Safari
Salut à tous ! Je souhaiterais utiliser des images aux formats Webp sur mon site mais je rencontre un problème de taille : Safari (iOS) ne sait pas les lire. Le format Webp est intéressant car il permet de réduire le poids des images de près de 30% sans perdre, ou très peu, en...


Wazz9 10 295 Résolue
- Votes
html Simple menu déroulant
Salut, Je cherche à faire un menu déroulant tout simple en HTML, pas de JS. J'ai vu la discussion https://cocoriweb.community/threads/sous-menu-qui-souvrent-quand-hover-menus-accordeons.151/ où on explique comment faire un menu déroulant mais celui-ci s'ouvre dès que le curseur de la...


yule 18 325 Résolue
- Votes
css utilisation de :before sur un bloc, espace laissé vide
Bonsoir tout le monde et joyeux noël ! C'est un peu triste mais je passe noël seule loin de mes parents, c'était un peu compliqué de se rejoindre. Du coup je suis sur la construction de mon site et je bloque sur un problème de contenu que j'affiche avec la propriété before sur un bloc...


Cascadeur 10 238 Résolue
- Votes
Y
html la page s'ouvre dans la fenetre mais pas dans l onglet
mon lien s'ouvre dans chrome et supprime la page en cours de lecture au lieur de souvrir dans un autre onglet. merci.
- Votes
html Barre de progression en HTML
Bonjour, Je voudrais faire une sorte de barre de progression pour visualiser des dons par rapport à un objectif. À la base je me suis dit que je pouvais faire un bloc plat et allongé et utiliser la bordure de gauche pour imiter la barre de progression: <div class="barre-dons">...


E 15 371 Résolue
Haut