Considérez le code suivant : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } Quelle serait la méthode la plus simple pour placer le labelet le inputau milieu du div(verticalement)?...
J'ai le balisage suivant: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> Le CSS ressemble à ceci: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } En raison de son...
J'ai une zone de texte qui est rechargée dynamiquement au fur et à mesure que les entrées de l'utilisateur sont envoyées. Elle se rafraîchit toutes les deux secondes. Lorsque la quantité de texte dans cette zone de texte dépasse la taille de la zone de texte, une barre de défilement apparaît....
Est-il possible de faire en sorte que la navigation dans la barre latérale reste toujours fixe sur le défilement dans une mise en page fluide?
J'ai un problème avec la suppression des sauts de ligne après la <h1>balise, car chaque fois qu'elle imprime, elle ajoute un saut de ligne juste après, donc quelque chose comme <h1>Hello World!</h1> <h2>Hello Again World!</h2>s'imprime comme ceci: Hello World! Hello...
J'essaie de faire en sorte qu'une propriété d'animation CSS reste après avoir terminé, est-ce possible? C'est ce que j'essaye de réaliser ... L'élément doit être masqué lorsque l'utilisateur atterrit sur la page, après 3 secondes (ou autre), il doit apparaître en fondu et une fois l'animation...
Je souhaite utiliser une seule police nommée "Algérien" sur tout mon site Web. Donc, je dois changer toutes les balises HTML et je ne veux pas écrire de code différent pour différentes balises comme: button{font-family:Algerian;} div{font-family:Algerian;} La méthode écrite ci-dessous est...
J'ai une question. J'ai des éléments quelque chose comme ça: <a> élément avec id = someGenerated Some: Identique: 0: nom <a> élément avec id = someGenerated Some: Idem: 0: nom de famille <a> élément avec id = someGenerated Some: Identique: 1: nom <a> élément avec id =...
Disons que j'ai une couleur d'arrière-plan avec un "ruban" qui passe dessus dans une autre couleur unie. Maintenant, je veux que le ruban soit partiellement transparent pour laisser certains détails se fondre, tout en gardant le ruban de la «même couleur» sur l'arrière-plan. Existe-t-il un moyen...
J'ai la structure suivante: <body> <div id="main-wrapper"> <header> </header> <nav> </nav> <article> </article> <footer> </footer> </div> </body> Je charge dynamiquement le contenu dans le <article>javascript. Pour cette...
Il semble y avoir un problème avec ma page ici: http://www.lonewulf.eu Lorsque vous survolez les vignettes, l'image se déplace un peu sur la droite, et cela ne se produit que sur Chrome. Mon css: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);...
J'essaye d'avoir une ellipse animée, et je me demandais si c'était possible avec des animations CSS ... Donc ça pourrait être comme Loading... Loading.. Loading. Loading... Loading.. Et en gros, continuez comme ça. Des idées? Edit: comme ceci: http://playground.magicrising.de/demo/ellipsis.html...
J'ai initialement créé une application Web en HTML, CSS et JavaScript, puis on m'a demandé de la créer à nouveau dans Bootstrap. J'ai tout fait très bien, mais j'avais des boutons à bascule dans l'application Web qui sont revenus à des boutons radio (case à cocher à l'origine) au lieu des boutons...
J'ai un div réductible CSS pur qui est basé sur le code de quelqu'un d'autre qui utilise le :targetpsuedoclass. Ce que j'essaie de configurer est une page avec plus de 12 questions, et lorsque vous cliquez sur le bouton +, la réponse div se développe en dessous. Je ne peux pas comprendre comment...
J'ai une image fixe qui recouvre une page lorsque l'utilisateur est en train de faire défiler un écran tactile (mobile). Je veux rendre cette image "non cliquable" ou "inactive" ou autre, de sorte que si un utilisateur touche et traîne de cette image, la page derrière elle défile toujours comme si...
J'ai ce code: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text...
J'essaie d'éliminer 2 fichiers CSS qui bloquent le rendu sur mon site - ils apparaissent sur Google Page Speed Insights. J'ai suivi différentes méthodes, dont aucune n'a été un succès. Mais, récemment, j'ai trouvé un article sur Thinking Async et quand j'ai appliqué ce code: <script async...
J'ai un problème étrange avec le plugin Jenkins HTML Publisher, dans lequel tout le CSS sophistiqué que j'ai ajouté au rapport est supprimé lorsqu'il est visualisé dans Jenkins. Si je télécharge le rapport en local, je peux voir le formatage CSS. Y a-t-il un paramètre dans Jenkins qui permet...
<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p>...
À l'aide de la méthode css-in-js pour ajouter des classes à un composant react, comment ajouter plusieurs composants? Voici la variable classes: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Voici comment je l'ai utilisé: return (...