J'essaye de faire changer la couleur d'arrière-plan d' un div en passant la souris . le div {background: white;} le div a: hover {background: gray; largeur: 100%; bloc de visualisation; texte-décoration: aucun;} seul le lien à l'intérieur du div obtient la couleur d'arrière-plan . que puis-je...
Je dois présenter un prototype d'application Web dans les jours suivants à l'un de mes clients, le fait est que je ne suis pas très bon en CSS et pire que tout, je ne suis presque jamais satisfait des résultats que j'obtiens. Le codage de la logique métier ne me pose aucun défi, la conception de...
Savez-vous comment masquer l' icône classique "Image non trouvée" d'une page HTML rendue lorsqu'un fichier image n'est pas trouvé? Une méthode de travail utilisant JavaScript / jQuery / CSS?
Je sais que pour aligner verticalement le texte au milieu d'un bloc, vous définissez la hauteur de ligne à la même hauteur du bloc. Cependant, si j'ai une phrase avec un mot au milieu, c'est 2em. Si la phrase entière a une hauteur de ligne identique à celle du bloc conteneur, alors le texte le...
Je ne suis pas sûr de bien comprendre la différence entre les deux. Quelqu'un peut-il expliquer pourquoi j'utiliserais l'un sur l'autre et en quoi ils diffèrent?
L'événement de fin de transition de Webkit est appelé webkitTransitionEnd, Firefox est transitionEnd, l'opéra est oTransitionEnd. Quel est le bon moyen de les aborder tous en pur JS? Dois-je faire du reniflement du navigateur? ou mettre en œuvre chacun séparément? Une autre façon qui ne m'est pas...
Avec le balisage suivant, je veux qu'un sélecteur CSS sélectionne tout sauf le premier menu de sélection dans chaque div d'options - dont il peut y en avoir beaucoup: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select...
Existe-t-il un moyen d'implémenter une fonction de rappel en cas d'animation css3? En cas d'animation Javascript, c'est possible mais ne trouvant aucun moyen de le faire en css3. Une façon que j'ai pu voir est d'exécuter le rappel après la durée de l'animation, mais cela ne garantit pas qu'il sera...
Comment aligner tout le corps HTML au centre?
J'ai cet élément div avec une image d'arrière-plan et je veux arrêter de mettre en évidence l'élément div lorsque vous double-cliquez dessus. Existe-t-il une propriété CSS pour cela?
J'ai créé des éléments DOM assez élaborés avec un pseudo-élément: after, et j'aimerais pouvoir les inspecter et les modifier dans Chrome Inspector ou Firebug ou équivalent. Bien que cette fonctionnalité soit mentionnée dans cet article de blog WebKit / Safari (daté de 2010), je ne trouve pas du...
Sur mon site Web, j'utilise reset.css. Il ajoute exactement ceci pour lister les styles: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,...
J'utilise actuellement ce morceau de code pour afficher une liste: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul>...
J'ai des boutons qui sont des éléments div et je veux les faire pour 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'encapsuler leur texte dans des balises d'ancrage, mais cela ne semble pas fonctionner....
J'essaye d'ajouter ce code à un élément div créé dynamiquement style = "width:330px;float:left;" Le code dans lequel crée la dynamique divest var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; Mon idée est...
Ainsi, il est possible d'avoir une animation inversée à la souris comme: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } mais, lors de l'utilisation de l'animation @keyframes, je ne pouvais pas le faire fonctionner, par exemple: .class{ animation-name: out;...
Existe-t-il un sélecteur CSS qui s'applique aux attributs non vides ? Utilisation de :not([Data-Attribute=''])correspondances si l'attribut est inexistant , aussi. Je cherche quelque chose comme [Data-Attribute!=''].
voici ce que j'ai Fiddle ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style:...
Je m'excuse si cette question a déjà reçu une réponse. J'ai essayé de rechercher des solutions mais je n'ai trouvé aucune qui convenait à mon code. Je suis encore nouveau sur jQuery. J'ai deux types différents de menus collants pour deux pages différentes. Voici le code pour les deux....
J'ai un élément avec style position: relative; transition: all 2s ease 0s; Ensuite, je veux changer sa position en douceur après avoir cliqué dessus, mais lorsque j'ajoute le changement de style, la transition n'a pas lieu, mais l'élément se déplace instantanément.