La programmation css

21

Comment masquer un élément à l'aide de Twitter Bootstrap et l'afficher à l'aide de jQuery?

Disons que je crée un élément HTML comme celui-ci, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Comment pourrais-je montrer et cacher cet élément HTML de jQuery / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Résultat: (avec l'un d'eux). J'aimerais que les éléments ci-dessus soient cachés. Quel est …

235 javascript jquery html css twitter-bootstrap

14

Pouvez-vous utiliser CSS pour mettre en miroir / retourner du texte?

Est-il possible d'utiliser CSS / CSS3 pour refléter du texte? Plus précisément, j'ai ce ciseaux char “✂” ( &#9986;) que je voudrais afficher pointant vers la gauche et non vers la droite.

235 html css

6

Chrome / Safari ne remplit pas 100% de la hauteur du parent flexible

Je veux avoir un menu vertical avec une hauteur spécifique. Chaque enfant doit remplir la hauteur du parent et avoir un texte aligné au milieu. Le nombre d'enfants est aléatoire, je dois donc travailler avec des valeurs dynamiques. Div .containercontient un nombre aléatoire d'enfants ( .item) qui doivent toujours remplir …

235 css google-chrome webkit flexbox

12

Comment remplacer les styles CSS Bootstrap?

Je dois modifier bootstrap.csspour s'adapter à mon site Web. Je pense qu'il vaut mieux créer un custom.cssfichier séparé au lieu de le modifier bootstrap.cssdirectement, l'une des raisons étant que cela devrait bootstrap.cssobtenir une mise à jour, je souffrirai d'essayer de ré-inclure toutes mes modifications. Je sacrifierai un peu de temps …

234 html css twitter-bootstrap

9

changer le curseur en pointeur de doigt

J'ai ceci aet je ne sais pas que je dois insérer dans le "onmouseover" pour que le curseur se transforme en pointeur de doigt comme un lien régulier: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> J'ai lu quelque part que je dois mettre: onmouseover="cursor: hand (a pointing hand)" Mais ça ne …

234 html css mouseevent

10

Comment centrer un iframe horizontalement?

Prenons l'exemple suivant: ( démo en direct ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Résultat: Pourquoi le iframen'est pas aligné au centre comme le div? Comment pourrais-je l'aligner de manière centralisée?

234 html css iframe alignment center-align

3

CSS pour définir le format de papier A4

J'ai besoin de simuler un papier A4 sur le Web et de permettre d'imprimer cette page telle qu'elle est affichée sur le navigateur (Chrome, en particulier). J'ai défini la taille de l'élément sur 21 cm x 29,7 cm, mais lorsque j'envoie pour imprimer (ou prévisualiser), il coupe ma page. Voir …

233 css printing print-preview

8

Rendre une chaîne en HTML et conserver les espaces et les sauts de ligne

J'ai une application MVC3 qui a une page de détails. Dans le cadre de cela, j'ai une description (récupérée à partir d'une base de données) qui a des espaces et de nouvelles lignes. Lorsqu'il est rendu, les nouvelles lignes et espaces sont ignorés par le html. Je voudrais encoder ces …

233 html css newline whitespace line-breaks

8

Appliquer le style CSS aux éléments enfants

Je veux appliquer des styles uniquement à la table à l'intérieur du DIV avec une classe particulière: Remarque: je préfère utiliser un sélecteur css pour les éléments enfants. Pourquoi le # 1 fonctionne et le # 2 ne fonctionne pas? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px …

232 css css-selectors

9

Taille d'entrée vs largeur

<input name="txtId" type="text" size="20" /> ou <input name="txtId" type="text" style="width: 150px;" /> Lequel est le code cross-browser optimal? Bien sûr, cela dépend des exigences, mais je suis curieux de savoir comment les gens décident et sur quelle base.

231 html css

29

Tableau HTML avec en-têtes fixes?

Existe-t-il une technique CSS / JavaScript multi-navigateur pour afficher un long tableau HTML de sorte que les en-têtes de colonne restent fixes à l'écran et ne défilent pas avec le corps du tableau. Pensez à l'effet «figer les volets» dans Microsoft Excel. Je veux pouvoir faire défiler le contenu du …

231 javascript css html-table

14

Comment centrer le texte verticalement avec une grande icône de police impressionnante?

Disons que j'ai un bouton d'amorçage avec une icône de police impressionnante et du texte: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Comment faire pour que le texte apparaisse centré verticalement? Le texte est désormais aligné sur le bord inférieur de l'icône: http://jsfiddle.net/V7DLm/1/ EDIT: J'ai une solution possible : …

231 html css font-awesome

15

Comment créer une ombre portée uniquement sur un côté d'un élément?

Existe-t-il un moyen de déposer l'ombre uniquement sur le fond?. J'ai un menu avec 2 images côte à côte. Je ne veux pas d'une bonne ombre car elle chevauche la bonne image. Je n'aime pas utiliser d'images pour cela, donc y a-t-il un moyen de le déposer uniquement sur le …

230 css

13

CSS deux divs côte à côte

Je veux mettre deux <div>s côte à côte. La droite <div>est d'environ 200 pixels; et la gauche <div>doit remplir le reste de la largeur de l'écran? Comment puis-je faire ceci?

230 html css

9

Sélecteur CSS3: premier du type avec nom de classe?

Est-il possible d'utiliser le sélecteur CSS3 :first-of-typepour sélectionner le premier élément avec un nom de classe donné? Je n'ai pas réussi mon test, donc je pense que non? Le code ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be …

230 css css-selectors

Questions marquées «css»