Articles of html

Utiliser plusieurs règles @ font-face en CSS

Comment puis-je utiliser plus de @font-face règle @font-face dans mon CSS? Je l’ai inséré dans ma feuille de style: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: ‘GestaRegular’, Arial, Helvetica, sans-serif; } @font-face { font-family: ‘GestaReFogular’; src: url(‘gestareg-webfont.eot’); src: local(‘☺’), url(‘gestareg-webfont.woff’) format(‘woff’), url(‘gestareg-webfont.ttf’) format(‘truetype’), url(‘gestareg-webfont.svg#webfontg8dbVmxj’) format(‘svg’); } Cela ne s’applique actuellement que pour l’ensemble […]

Désactiver les balises dans CKEditor 3.0

Est-il possible de désactiver la fermeture automatique de tout le contenu écrit dans dans CKEditor 3.x? j’ai essayé CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR; mais ceci modifie simplement les sauts de ligne inline en tout en laissant le paragraphe englobant. Actuellement en train d’écrire “Test” produit cette sortie Test mais je veux que ce soit simplement Test Existe-t-il […]

Existe-t-il un événement jquery qui se déclenche lorsqu’un nouveau nœud est inséré dans le dom?

Y a-t-il un événement jquery déclenché sur un élément dom lorsqu’il est inséré dans le dom? Disons par exemple que je charge du contenu via ajax et l’ajoute au DOM et à un autre morceau de javascript que je pourrais append un événement en utilisant .live () de sorte que lorsqu’un événement correspondant à un […]

Amener l’élément au premier plan à l’aide de CSS

Je n’arrive pas à comprendre comment mettre les images en avant en utilisant CSS . J’ai déjà essayé de définir l’index z à 1000 et la position à relative, mais cela échoue toujours. Voici un exemple- #header { background: url(http://placehold.it/420×160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: […]

Position Largeur fixe 100%

J’ai une position:fixed colonne gauche position:fixed à 250px de largeur avec 100% de hauteur et j’essaye de placer une barre horizontale fixe et fluide en haut mais à droite de la colonne de gauche, comme dans cet exemple: Mais voici ce que je reçois ici: C’est ce que j’ai fait: JSFIDDLE .page-wrapper, html, body { […]

Html liste ordonnée 1.1, 1.2 (Compteurs nesteds et scope) ne fonctionne pas

J’utilise des compteurs et une scope nesteds pour créer une liste ordonnée: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, “.”) ” “; counter-increment: item } one two two.one two.two two.three three three.one three.two three.two.one three.two.two four Je m’attends au résultat suivant: 1. one 2. two 2.1. […]

Comment faites-vous un div “tabbable”?

J’ai des boutons qui sont des éléments div et je veux les faire en sorte qu’il soit possible pour l’utilisateur d’appuyer sur la touche de tabulation de son clavier et de se déplacer entre eux. J’ai essayé d’envelopper leur texte dans des balises d’ancrage, mais cela ne semble pas fonctionner. Quelqu’un a-t-il une solution?

jquery – L’événement Click ne fonctionne pas pour le bouton créé dynamicment

Mon exigence est de créer un nombre de boutons égal au nombre de tableaux json. J’ai réussi à créer des boutons dynamicment en jquery. Mais la méthode dans la fonction .ready de jquery n’est pas appelée pour l’action clic. J’ai essayé de chercher dans SO. Peu de solutions trouvées mais rien n’a fonctionné pour moi. […]

Comment définir la largeur maximale d’une image en CSS

Sur mon site, je souhaite afficher des images téléchargées par l’utilisateur dans une nouvelle fenêtre avec une taille spécifique ( width: 600px ). Le problème est que les images peuvent être grandes. Donc, si elles sont plus grandes que ces 600px , je voudrais les redimensionner en préservant les proportions. J’ai essayé la propriété CSS […]

formulaire central soumettre des boutons html / css

J’ai du mal à centrer mes boutons de soumission de formulaire HTML dans CSS. en ce moment j’utilise avec ce css #btn_s{ width:100px; margin-left:auto; margin-right:auto; } #btn_i { width:125px; margin-left:auto; margin-right:auto; } et ça ne fait rien, je sais que je suis probablement en train de faire quelque chose de stupide, est-ce que quelqu’un peut […]