La programmation css

12

Puis-je changer la hauteur d'une image en CSS: avant /: après les pseudo-éléments?

Supposons que je veuille décorer des liens vers certains types de fichiers à l'aide d'une image. Je pourrais déclarer mes liens comme <a href='foo.pdf' class='pdflink'>A File!</a> puis CSS comme .pdflink:after { content: url('/images/pdf.png') } Maintenant, cela fonctionne très bien, sauf si ce pdf.pngn'est pas la bonne taille pour mon texte …

251 css pseudo-element

7

Erreur "TypeError non capturée: a.indexOf n'est pas une fonction" lors de l'ouverture d'un nouveau projet de fondation

J'ai créé un nouveau projet Foundation 5 via bash, avec foundation new my-project. Lorsque j'ouvre le fichier index.html dans Chrome, une Uncaught TypeError: a.indexOf is not a functionerreur s'affiche dans la console, provenant de jquery.min.js:4. J'ai créé le projet en suivant les étapes sur le site de la fondation, mais …

250 javascript jquery css google-chrome zurb-foundation

17

Comment utiliser CSS pour entourer un nombre d'un cercle?

Je voudrais entourer un nombre dans un cercle comme dans cette image: Est-ce possible et comment est-il réalisé?

250 html css css-shapes

22

Comment vider le cache de nginx?

J'utilise nginx comme serveur frontal, j'ai modifié les fichiers CSS, mais nginx sert toujours les anciens. J'ai essayé de redémarrer nginx, sans succès et j'ai googlé, mais je n'ai pas trouvé de moyen valide de le supprimer. Certains articles disent que nous pouvons simplement supprimer le répertoire de cache:, var/cache/nginxmais …

250 css nginx caching server nginx-cache

10

Comment positionner une image au-dessus d'une autre en HTML?

Je suis un débutant en programmation de rails, essayant de montrer de nombreuses images sur une page. Certaines images doivent être superposées à d'autres. Pour faire simple, disons que je veux un carré bleu, avec un carré rouge dans le coin supérieur droit du carré bleu (mais pas serré dans …

250 html css optimization graphics

8

Quelle est la convention de dénomination standard pour les identifiants et les classes html / css?

Cela dépend-il de la plate-forme que vous utilisez ou existe-t-il une convention commune que la plupart des développeurs suggèrent / suivent? Il existe plusieurs options: id="someIdentifier"' - semble assez cohérent avec le code javascript. id="some-identifier" - ressemble plus à des attributs de type html5 et à d'autres choses en html. …

250 html css naming-conventions standards

8

Comment remplacer! Important?

J'ai créé une feuille de style personnalisée qui remplace le CSS d'origine pour mon modèle Wordpress. Cependant, sur ma page de calendrier, le CSS d'origine a la hauteur de chaque cellule de tableau définie avec la !importantdéclaration: td {height: 100px !important} Existe-t-il un moyen de contourner cela?

250 css

10

Comment rendre ma police en gras en utilisant CSS?

Je suis très nouveau en HTML et CSS et je me demandais simplement comment je pourrais rendre ma police en gras en utilisant CSS. J'ai une page HTML simple qui importe un fichier CSS et je peux changer la police dans le CSS. Mais je ne sais pas comment mettre …

249 css

14

jQuery: récupère la hauteur de l'élément caché dans jQuery

J'ai besoin d'obtenir la hauteur d'un élément qui se trouve dans un div qui est caché. En ce moment, je montre le div, obtient la hauteur et cache le div parent. Cela semble un peu idiot. Y a-t-il une meilleure façon? J'utilise jQuery 1.4.2: $select.show(); optionHeight = $firstOption.height(); //we can …

249 javascript jquery html css

8

Qu'est-ce que cela signifie lorsqu'une règle CSS est grisée dans l'inspecteur d'éléments de Chrome?

J'inspecte un h2élément sur une page Web à l'aide de l'inspecteur d'élément de Google Chrome et certaines des règles CSS - qui semblent être appliquées - sont grisées. Il semble qu'une barre barrée indique qu'une règle a été remplacée, mais qu'est-ce que cela signifie lorsqu'un style est grisé?

249 css google-chrome browser inspector

19

Twitter bootstrap 3 deux colonnes pleine hauteur

J'essaie de faire une mise en page pleine hauteur à deux colonnes avec twitter bootstrap 3. Il semble que twitter bootstrap 3 ne prend pas en charge les mises en page pleine hauteur. Ce que je veux faire: +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation …

247 html css twitter-bootstrap

27

Comment puis-je forcer WebKit à redessiner / repeindre pour propager les changements de style?

J'ai du JavaScript trivial pour effectuer un changement de style: sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; Cela fonctionne bien avec les dernières versions de FF, Opera et IE, mais échoue sur les dernières versions de Chrome et Safari. Elle affecte deux descendants, qui sont des frères et sœurs. …

247 css google-chrome safari webkit

16

Pourquoi l'alignement vertical: le milieu ne fonctionne pas sur mon span ou div?

J'essaie de centrer verticalement un élément spanou divdans un autre divélément. Cependant quand je mets vertical-align: middle, rien ne se passe. J'ai essayé de changer les displaypropriétés des deux éléments, et rien ne semble fonctionner. Voici ce que je fais actuellement sur ma page Web: .main { height: 72px; vertical-align: …

246 html css

3

Propriété de contenu CSS: est-il possible d'insérer du HTML au lieu du texte?

Je me demande simplement s'il est possible de faire en sorte que la contentpropriété CSS insère du code html à la place :beforeou :afterun élément comme: .header:before{ content: '<a href="#top">Back</a>'; } ce serait assez pratique ... Cela pourrait être fait via Javascript mais utiliser css pour cela faciliterait vraiment la …

246 html css pseudo-element css-content

8

Existe-t-il un moyen d'utiliser SVG comme contenu dans un pseudo-élément: avant ou: après

Je veux placer des images SVG avant certains éléments sélectionnés. J'utilise jQuery mais ce n'est pas pertinent. Je voudrais que l' :beforeélément soit le suivant: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px; } Si je le fais comme indiqué ci-dessus, …

246 css svg

Questions marquées «css»