Questions marquées «css»

CSS (Cascading Style Sheets) est un langage de feuille de style de représentation utilisé pour décrire l'apparence et la mise en forme des documents HTML (HyperText Markup Language), XML (Extensible Markup Language) et des éléments SVG, y compris (mais sans s'y limiter) les couleurs, la mise en page, les polices, et animations. Il décrit également comment les éléments doivent être affichés à l'écran, sur papier, dans un discours ou sur d'autres supports.

25
Supprimer la bordure d'IFrame
Comment supprimer la bordure d'une iframe intégrée à mon application Web? Un exemple de l'iframe est: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Je voudrais que la transition du contenu de ma page vers le contenu de l'iframe soit transparente, en supposant que les couleurs d'arrière-plan sont cohérentes. Le navigateur cible …

20
Puis-je utiliser un pseudo-élément: avant ou: après sur un champ de saisie?
J'essaie d'utiliser le :afterpseudo-élément CSS sur un inputchamp, mais cela ne fonctionne pas. Si je l'utilise avec un span, cela fonctionne bien. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Cela fonctionne (met le smiley après "buu!" Et avant "un peu plus") <span class="mystyle">buuu!</span>a some more Cela ne fonctionne pas - …

15
Gérer l'explosion CSS
Je me suis beaucoup appuyé sur CSS pour un site Web sur lequel je travaille. À l'heure actuelle, tous les styles CSS sont appliqués sur une base par balise, et maintenant j'essaie de le déplacer vers plus d'un style externe pour aider à toute modification future. Mais maintenant, le problème …
683 css  organization 

12
Comment aligner un élément flexible à droite?
Existe-t-il un moyen plus flexible pour aligner à droite "Contact" que pour l'utiliser position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div …
682 html  css  flexbox 

25
Comment centrer un élément «position: absolu»
J'ai un problème pour centrer un élément dont l'attribut est positiondéfini sur absolute. Est-ce que quelqu'un sait pourquoi les images ne sont pas centrées? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; …

5
Dans CSS Flexbox, pourquoi n'y a-t-il pas de propriétés «justifier-éléments» et «justifier-soi»?
Considérez l'axe principal et l'axe transversal d'un conteneur flexible: Source: W3C Pour aligner les éléments flexibles le long de l'axe principal, il existe une propriété: justify-content Pour aligner les éléments flexibles le long de l'axe transversal, il existe trois propriétés: align-content align-items align-self Dans l'image ci-dessus, l'axe principal est horizontal …

12
Flexbox: centrer horizontalement et verticalement
Comment centrer div horizontalement et verticalement dans le conteneur en utilisant flexbox. Dans l'exemple ci-dessous, je veux que chaque nombre au-dessous les uns des autres (en lignes), qui sont centrés horizontalement. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; …
672 html  css  flexbox 

4
caractère générique * en CSS pour les classes
J'ai ces divs avec lesquels je stylise .tocolor, mais j'ai également besoin de l'identifiant unique 1,2,3,4 etc., donc j'ajoute cela comme une autre classe tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ …

30
Pourquoi ne pas utiliser des tableaux pour la mise en page en HTML? [fermé]
Dans l'état actuel des choses, cette question ne convient pas à notre format de questions / réponses. Nous nous attendons à ce que les réponses soient étayées par des faits, des références ou une expertise, mais cette question suscitera probablement un débat, des arguments, des sondages ou une discussion approfondie. …
665 html  css 


10
Puis-je écrire un sélecteur CSS sélectionnant des éléments n'ayant pas une certaine classe ou un certain attribut?
Je voudrais écrire une règle de sélection CSS qui sélectionne tous les éléments qui n'ont pas une certaine classe. Par exemple, étant donné le code HTML suivant: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super …
647 html  css  css-selectors 

23
Position fixe mais relative au conteneur
J'essaie de corriger un divafin qu'il colle toujours en haut de l'écran, en utilisant: position: fixed; top: 0px; right: 0px; Cependant, le divest à l'intérieur d'un conteneur centré. Lorsque je l'utilise, position:fixedil corrige le divrelatif à la fenêtre du navigateur, comme il est contre le côté droit du navigateur. Au …

26
Convertir une image en niveaux de gris en HTML / CSS
Existe-t-il un moyen simple d'afficher un bitmap couleur en niveaux de gris avec juste HTML/CSS? Il n'a pas besoin d'être compatible avec IE (et j'imagine que ce ne sera pas le cas) - si cela fonctionne dans FF3 et / ou Sf3, c'est assez bon pour moi. Je sais que …
619 image  css  grayscale 

11
Cibler uniquement Firefox avec CSS
En utilisant des commentaires conditionnels, il est facile de cibler Internet Explorer avec des règles CSS spécifiques au navigateur: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Parfois, c'est le moteur Gecko (Firefox) qui se comporte mal. Quelle serait la meilleure façon de cibler uniquement Firefox avec vos règles CSS …
616 css  firefox  css-hack 

8
Suppression de plusieurs classes (jQuery)
Existe-t-il une meilleure façon de réécrire ceci: $('element').removeClass('class1').removeClass('class2'); Je ne peux pas utiliser removeClass(); car cela supprimerait TOUTES les classes, ce que je ne veux pas.
615 jquery  css 

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.