Questions marquées «css»

J'ai une application web mobile avec une liste non ordonnée contenant plusieurs listitems avec un hyperlien à l'intérieur de chaque li: ... Ma question est de savoir comment formater les hyperliens pour qu'ils ne changent PAS de taille lorsqu'ils sont affichés sur un iPhone, et que l'accéléromètre passe de portrait …

203 iphone  html  css 

Est-il possible de définir un style CSS pour un élément, qui n'est appliqué que si l'élément correspondant contient un élément spécifique (comme l'élément enfant direct)? Je pense que cela s'explique mieux à l'aide d'un exemple. Remarque : J'essaie de styliser l'élément parent , en fonction des éléments enfants qu'il contient. …

203 html  css 

Existe-t-il un moyen de désactiver complètement l'effondrement des marges? Les seules solutions que j'ai trouvées (sous le nom de "décollement") impliquent l'utilisation d'une bordure 1px ou d'un remplissage 1px. Je trouve cela inacceptable: le pixel superflu complique les calculs sans raison valable. Existe-t-il un moyen plus raisonnable de désactiver cet …

203 css  margin  collapse 

Disons que j'ai ce HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> et ce CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } Le résultat peut être vu ici: http://jsfiddle.net/YMN7U/1/ Imaginez maintenant …

202 html  css 

Quelle est la bonne façon de mettre le texte en italique? J'ai vu les quatre approches suivantes: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> C'est "l'ancienne voie". <i>n'a pas de sens sémantique et ne fait que transmettre l'effet de présentation du texte en italique. Pour autant …

202 html  css  semantic-markup 

Je voudrais effacer un élément (en faisant passer son opacité à 0), puis une fois terminé, supprimez l'élément du DOM. Dans jQuery, cela est simple car vous pouvez spécifier que la «suppression» doit se produire après la fin d'une animation. Mais si je souhaite animer en utilisant des transitions CSS3, …

202 javascript  jquery  css 

Sur Firefox 28, j'utilise très bien les <input type="number">travaux car cela fait apparaître le clavier numérique sur les champs de saisie qui ne doivent contenir que des chiffres. Dans Firefox 29, l'utilisation des entrées numériques affiche des boutons de rotation sur le côté droit du champ, ce qui ressemble à …

202 jquery  css  firefox  input  spinner 

Voici mon HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Je souhaite mettre en gras le nom du produit (c'est-à-dire «Product1», «Product2», etc.) et ses catégories (à savoir Electronique, Sports, etc.) en italique, en utilisant uniquement CSS. J'ai trouvé une vieille question qui mentionnait qu'il …

202 html  css  drop-down-menu 

I'm sure there is a simple solution to this problem. Basically, if I have two columns how can I add a space between them? e.g. if the html is: <div class="col-md-6"></div> <div class="col-md-6"></div> The output would simply be two columns right next to each other taking up the whole width …

202 html  css  twitter-bootstrap-3  grid-layout 

Comment changer le pointeur du curseur à la main lorsque ma souris passe sur un <tr>dans un<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Une liste ordonnée peut-elle produire des résultats qui ressemblent à 1.1, 1.2, 1.3 (au lieu de seulement 1, 2, 3, ...) avec CSS? Jusqu'à présent, l'utilisation list-style-type:decimaln'a produit que 1, 2, 3, et non 1.1, 1.2., 1.3.

201 html  css 

J'ai essayé de styliser un fieldsetélément avec display: flexet display: inline-flex. Cependant, cela n'a pas fonctionné: flexs'est comporté comme block, et inline-flexs'est comporté comme inline-block. Cela se produit à la fois sur Firefox et Chrome, mais étrangement, cela fonctionne sur IE. Est-ce un bug? Je n'ai pas trouvé que cela …

201 html  css  flexbox 

J'ai un conteneur div et j'ai défini son style comme suit: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Cela me donne automatiquement des barres de défilement horizontales et verticales une fois que je remplis ma table qui est contenue par cette div. Je veux juste que seules les barres …

200 css  html 

Je sais que je peux définir une valeur CSS via JavaScript comme: document.getElementById('image_1').style.top = '100px'; Mais, puis-je obtenir une valeur de style spécifique actuelle? J'ai lu où je peux obtenir le style complet de l'élément, mais je ne veux pas avoir à analyser la chaîne entière si je ne le …

200 javascript  css 

Si j'ai une balise d'en-tête <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } et après cela j'ai un paragraphe <p>stuff here</p>. Comment puis-je m'assurer d'utiliser CSS que chaque <p>balise qui suit le h1.hc-reformà utiliser:clear:both; serait-ce: h1.hc-reform > p{ clear:both; } pour une raison quelconque, cela ne fonctionne pas.

200 html  css  css-selectors  siblings