Questions marquées «html»

Par exemple, j'ai ceci: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait et ça: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> <br/> …

19 html  css  acid3 

J'ai une liste, avec overflow-xet overflow-yréglé sur auto. De plus, j'ai configuré le défilement de momentum, de sorte que le défilement tactile fonctionne bien sur mobile, en utilisant webkit-overflow-scrolling: true. Le problème, cependant, est que je ne peux pas comprendre comment désactiver le défilement horizontal lors du défilement vertical. Cela …

17 javascript  html  css  angular  ionic-framework 

J'essaie de créer un système de menus avec une image et du texte au-dessus et en dessous. Les données sont dynamiques. Je veux que le système de menus apparaisse de sorte que chaque image soit à égale distance l'une de l'autre afin qu'elles s'alignent dans une grille d'images à la …

17 html  css  flexbox 

Je voulais faire un cercle en pointillé avec CSS et je l'ai créé avec le processus suivant. Bien que le cercle en pointillés puisse être affiché par ce processus, l'écart entre la fin et le début de la ligne en pointillés est devenu étroit et l'écart n'était pas uniforme. .c …

16 javascript  html  css 

J'ai un tableau avec des chiffres. Lorsque je clique sur une cellule du tableau, elle bascule l'état actif. Je veux sélectionner une cellule et appuyer sur crtl et sélectionner une autre cellule, et comme résultat les cellules entre la première et la seconde deviendront actives. Comment l'implémenter? codepen https://codepen.io/geeny273/pen/GRJXBQP <div …

16 javascript  html  css 

Je suis très nouveau sur Angular. J'ai du travail sur Angular. J'ai besoin de lier la liste déroulante Nested pour les Jsondonnées provenant du serveur en appelant Rest Api. Les données ont un attribut LgLevel, Spécifie le niveau dans la hiérarchie du groupe. Parent aura level=0, Immédiat Child=1, Grandchild=2etc. Childet …

15 html  angular  typescript 

J'essaie de créer une animation de style roller coaster avec CSS. Je veux savoir comment courber le "coaster" quand il est en boucle. Je recherche une solution entièrement CSS mais s'il y a un besoin d'un peu de JavaScript, je suis d'accord avec ça. mon code jusqu'à présent: #container { …

15 html  css  css-animations  css-transforms 

J'ai l'extrait de code suivant (besoin de voir en mode plein écran), que j'essaie de placer l' <main>élément directement sous l' <header>élément. J'ai le <header>dans une position fixe parce que je veux qu'il reste en haut de l'écran pendant que l'utilisateur fait défiler le contenu de l' <main>élément. J'ai essayé …

15 html  css  css-position  fixed 

Nous pouvons utiliser window.location.replacepour éviter l'historique et pour cibler les ancres sur la page sans rechargement de page, mais pas dans les iframes? Le problème est une violation CSP (Content Security Policy), dont les états script-src 'unsafe-inline'doivent être activés. Sauf que je n'ai pas de CSP défini, et même si …

15 javascript  html  iframe  browser-history  content-security-policy 

Je suis nouveau dans Next.js et je me demande comment rediriger de la page de démarrage ( / ) vers / hello-nextjs par exemple. Une fois que l'utilisateur a chargé une page et après cela, déterminez si le chemin === / redirige vers / hello-nextjs Dans react-router, nous faisons quelque …

15 html  reactjs  routing  react-router  next.js 

Je ne peux pas coller le caractère ﷼(monnaie Riyal) devant un nombre: 1﷼ Il est même impossible de le coller entre 2 chiffres, il est collé à la fin: 11﷼ Il n'y a aucun problème si vous essayez de le coller devant une lettre: ﷼a Quelqu'un sait-il ce qui se …

14 html 

Comment rendre un iframe réactif, sans assumer un rapport d'aspect? Par exemple, le contenu peut avoir une largeur ou une hauteur inconnue avant le rendu. Remarque, vous pouvez utiliser Javascript. Exemple: <div id="iframe-container"> <iframe/> </div> Dimensionnez-le de telle iframe-containersorte que son contenu rentre à peine à l'intérieur sans espace supplémentaire, …

14 javascript  html  css  iframe  responsive-design 

Lorsque je tape le dernier numéro , le premier va à l'intérieur du text-box(il disparaît), cela ajoute un espace supplémentaire. Après avoir cliqué en dehors de, text-boxil semble bon dont j'ai besoin lors de la frappe du dernier caractère. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, …

14 javascript  jquery  html  css 

Je teste un code html / js sur mon hôte local (Windows 7, Chrome v79.0.3945.130 (64 bits)) et environ 50% des changements de code temporel ne sont pas reflétés dans le navigateur (je le vois avec Dev Tools / Sources ). Il y a une tonne de conseils sur Internet, …

14 javascript  html  server  browser-cache 

Je veux créer du html via JS, j'ai donc besoin d'écrire le html dans le fichier JS comme: function createHtmlSection() { return "<li class=\"chapter up-wrapper-btn\">" + "<div>" + "<button><i class=\"fa fa-plus\" onclick=\"addSection('up',this)\"></i></button>" + "<label contenteditable=\"true\">section 1</label>" + "</div>" + "</li>"; } existe-t-il un outil ou un raccourci pour créer ce …

14 javascript  html