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.

4
Comment faire de la largeur CSS pour remplir le parent?
Je suis sûr que ce problème a déjà été posé mais je n'arrive pas à trouver la réponse. J'ai le balisage suivant: <div id="foo"> <div id="bar"> here be dragons </div> </div> Mon désir est de faire en sorte que foo ait une largeur de 600px( width: 600px;) et que bar …
88 css 
7
Comment définir la propriété de hauteur pour SPAN
J'ai besoin de rendre le code suivant extensible avec une hauteur prédéfinie <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> Mais comme span est un élément en ligne, la propriété "height" ne fonctionnera pas. J'ai essayé d'utiliser div à la place, mais il …
88 css  height  html 
22
comment éviter une page vierge supplémentaire à la fin lors de l'impression?
J'utilise une propriété CSS, Si j'utilise page-break-after: always;=> Il imprime une page vierge supplémentaire avant Si j'utilise page-break-before: always;=> Il imprime une page vierge supplémentaire après. Comment éviter cela? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> .print{ page-break-after: …
88 css  printing 
1
margin-top uniquement lorsque l'élément flexible est enveloppé
J'ai un conteneur flexible avec deux éléments flexibles. Je veux définir une marge supérieure sur le second, mais uniquement lorsqu'il est enveloppé et non à la première ligne flexible. Si possible, je souhaite éviter d'utiliser les requêtes multimédias. Je pensais que la marge inférieure sur le premier élément pourrait être …
88 css  margin  flexbox 
10
CSS3 équivalent à jQuery slideUp et slideDown?
Mon application fonctionne mal avec slideDown et slideUp de jQuery. Je cherche à utiliser un équivalent CSS3 dans les navigateurs qui le prennent en charge. Est-il possible, en utilisant les transitions CSS3, de changer un élément de display: none;à display: block;tout en faisant glisser l'élément vers le bas ou vers …
88 jquery  css  animation 
3
Ligne Bootstrap avec des colonnes de différentes hauteurs
J'ai actuellement quelque chose comme: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> En supposant maintenant que, il y contentavait des boîtes de hauteur différente, avec toutes la même largeur - comment pourrais-je garder la même «disposition …
9
hauteur de ligne en pourcentage ne fonctionne pas
J'ai un problème avec la hauteur de ligne que je n'arrive pas à comprendre. Le code suivant va centrer une image dans un div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" …
87 css 
8
Comment centrer les onglets de bootstrap Twitter sur la page?
J'utilise le bootstrap de Twitter pour créer des onglets basculables. Voici le css que j'utilise: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Ce html affiche correctement les onglets, mais tiré vers la gauche (ce qui est censé se …
9
Deux éléments de bloc en ligne, chacun de 50% de large, ne s'emboîtent pas côte à côte sur une seule rangée
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Le code ci-dessus tente de placer le div …
87 html  css 
10
Comment aligner les travées ou divs horizontalement?
Mon seul problème est de les aligner sur trois et d'avoir un espacement égal. Apparemment, les travées ne peuvent pas avoir de largeur et les div (et les travées avec display: block) n'apparaissent pas horizontalement les unes à côté des autres. Suggestions? <div style='width:30%; text-align:center; float:left; clear:both;'> C'est ce que …
87 css  html 
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.