Tag: css

HTML Multiple Heads

REMARQUE: je ne préconise nullement plusieurs têtes dans une page J'utilise Apaches Tiles et j'ai quelques tuiles qui incluent leurs propres têtes. Le résultat de Tiles se traduit par une page HTML avec plusieurs têtes. Mes questions: Comment la page résultante est-elle gérée par IE et Chrome? [Il rend et apparaît réussi] AVEC APACHE TILES […]

Cliquez sur l'événement déclencher deux fois

J'essaie d'exécuter une fonction en cliquant sur le texte de l'étiquette, mais l'événement de clic a été lancé deux fois. HTML <label class="label_one"> Label One <input type="checkbox"/> </label> Mais cela ne se produit pas si je change le code html comme celui-ci. <label for="test" class="label_two"> Label Two <input type="checkbox"/> </label> Mon script est le suivant: […]

Texte de la marque lorsque le texte dépasse

Bien, mon problème. Disons que j'ai 3 tags div, tous ont une largeur de 100 pixels: <— DIV WIDTH —> Text in div 1 Text in div two, it overflows Text in div three <— DIV WIDTH —> Maintenant, j'ai actuellement ce css pour les divs: width:100px; overflow:hidden; Ce que je veux faire, c'est que […]

La meilleure façon de gérer le débordement Reveal JS slide

Je travaille sur un projet pour lequel j'utilise Reveal JS pour présenter des données aux utilisateurs sous la forme de diapositives. Parfois, je trouve que le texte débordait au-delà de la fenêtre. En raison de quoi le texte n'est pas visible comme indiqué dans cette image http://i.stack.imgur.com/TWOaO.png J'ai essayé de réduire la taille du texte […]

Sélecteurs d'attributs, JavaScript et IE8

Je tente d'utiliser les sélecteurs d'attributs et les CSS pour les éléments de mise en forme. Le HTML ressemble à: <div id="user" highlight="false">User Name</div> Le CSS est: [highlight=true] { background-color: red; } [highlight=false] { background-color: white; } Et puis il y a des JavaScript accompagnant: if( foo ) { node.setAttribute('highlight', true); } else { node.setAttribute('highlight', […]

Accès aux propriétés CSS spécifiques du fournisseur avec JavaScript

Je suis curieux de savoir comment on pourrait accéder / modifier des propriétés comme -moz-transition (ou toute propriété de cette liste ) au moyen de javascript natif, c'est-à-dire sans compter sur les .css('property', 'value'); de jQuery .css('property', 'value'); Par exemple, pour modifier la background-color d' background-color un élément, on travaillerait avec element.style.backgroundColor . Est-ce que […]

Comment ajuster le rapport d'aspect de l'image au cadre et le centre dans la liste des vignettes

Je souhaite afficher la liste des vignettes de la liste comme grille de données. Chaque image miniature doit être placée dans un cadre avec une largeur et une hauteur spécifiques (pour la cohérence) comme suit: <div class='frame'> <img src='img1.jpg' /> </div> <div class='frame'> <img src='img2.jpg' /> </div> En définissant la largeur et la hauteur de […]

Est-il possible d'avoir des onglets sans javascript

J'essaie d'avoir une boîte avec des onglets, et j'ai trouvé de nombreux tutoriels sur la façon dont il est fait avec javascript pour basculer entre les onglets. Est-il possible d'avoir des onglets sans javascript?

Jquery – slideToggle pas lisse

J'ai un problème avec la fonction slideToggle dans jQuery . Ce n'est pas du tout doux. Chaque fois que je clique sur le bouton "Voir plus", le contenu qui devrait slideToggle , se déclenche sans aucun effet. C'est le code HTML: <td class="third"> <a href="javascript:void(0)" class="btn btn-primary upgrade1">See More</a> </td> <tr class="see_more" id="see_more"> <td colspan="3" […]

Remplir l'espace entre deux éléments automatiquement?

J'essaie de comprendre comment compléter automatiquement l'espace entre deux objets. J'ai des articles de menu et des prix. Le but est quelque chose comme ceci: Burger …………………….. $ 9.99 Steak et pomme de terre ……… $ 14.99 Mac et fromage ……… $ 6.99 L'espacement entre l'élément du menu et le prix devrait être le même. […]

JavaScript rend le site Web intelligent, beauté et facile à utiliser.