Articles of css

Comment faire en sorte qu’un élément parent apparaisse au-dessus de l’enfant

J’ai deux éléments CSS nesteds. Je dois faire en sorte que le parent soit au dessus, c’est-à-dire au-dessus de l’axe des z, de l’élément enfant. Juste définir z-index n’est pas suffisant. Je ne peux pas définir un index z négatif sur l’enfant, qui le placera sous le conteneur de page sur ma page réelle. Est-ce […]

Imbrication des éléments de niveau bloc dans la balise … à tort ou à raison?

Est-ce que la syntaxe et la sémantique sont correctes pour nest ou tout autre élément de niveau bloc dans la ? Je parle de HTML4 Transitional DTD. Sinon, est-il préférable d’utiliser à la place ?

Faites en sorte que les affiches vidéo HTML5 soient de la même taille que les vidéos

Est-ce que quelqu’un sait comment redimensionner l’affiche vidéo HTML5 pour qu’elle corresponde aux dimensions exactes de la vidéo elle-même? voici un jsfiddle qui montre le problème: http://jsfiddle.net/zPacg/7/ voici ce code: HTML: ​ CSS: video{ border:1px solid red; }​ Notez que le rectangle orange ne s’adapte pas à la bordure rouge de la vidéo. De plus, […]

Thymeleaf: comment utiliser des conditions pour append / supprimer dynamicment une classe CSS

En utilisant Thymeleaf comme moteur de template, est-il possible d’append / supprimer dynamicment une classe CSS à / depuis une simple div avec la clause th:if ? Normalement, je pourrais utiliser la clause conditionnelle comme suit: Lorem Ipsum Nous allons créer un lien vers la page lorem ipsum , mais uniquement si la clause condition […]

Comment supprimer un élément du stream HTML / CSS?

Je sais que “position: absolute” fera apparaître un élément du “stream de HTML / CSS” et interrompt son interaction avec ses voisins. Quels sont les autres moyens pour y parvenir?

Sass – deux classes dans une seule balise

Donc, j’ai besoin d’un style pour .question_actions.active mon CSS existant .question_actions { float: right; font-size: 1em; width: 110px; } .question_action { margin-bottom: 8px; padding: 3px; } .question_actions.active { /* some CSS */ } Quelle serait la syntaxe pour les combiner?

Internet Explorer prend-il en charge les transitions CSS?

Les transitions CSS sont un moyen très pratique d’animer les modifications des propriétés CSS. Des versions d’Internet Explorer les prennent-elles en charge?

Appliquer le style aux cellules de la première ligne

Cela devrait être très simple mais je ne peux pas le comprendre. J’ai une table comme celle-ci: blabla 1 blabla 2 blabla 3 blabla 4 Je veux que les balises td de la première ligne tr soient vertical-align . Mais pas la deuxième rangée. .category_table td{ vertical-align:top; }

Bootstrap: tirer à gauche et à droite dans le panneau

J’ai un panneau Bootstrap avec deux boutons dans le pied de page: {{ Form::open( array(‘route’ => array(‘dogs.edit’, $dog->id), ‘method’ => ‘get’, “class” => ‘col-lg-6 ‘)) }} {{ Form::submit(“Edit”, array(‘class’ => ‘btn btn-default’)) }} {{ Form::close() }} {{ Form::open( array(‘route’ => array(‘dogs.destroy’, $dog->id), ‘method’ => ‘delete’, “class” => ‘col-lg-6 ‘)) }} {{ Form::submit(“Delete”, array(‘class’ => ‘btn […]

Diviseurs verticaux sur le menu horizontal UL

J’essaie de créer une barre de navigation horizontale (pas de liste déroulante, juste une liste horizontale), mais j’ai du mal à trouver le meilleur moyen d’append des séparateurs verticaux entre les éléments de menu. Le code HTML actuel est le suivant: Item 1 Item 2 Item 3 Item 4 Item 5 Le CSS actuel est […]