Articles of css

7 colonnes égales dans le bootstrap

Je me demandais si quelqu’un pouvait expliquer comment je peux obtenir 7 colonnes égales dans le bootstrap? J’essaie de faire un calendrier. Ce code semble faire 5: div class=”row”> Mon contenu principal a la classe suivante, donc je voudrais que les 7 colonnes se situent à l’intérieur: col-lg-12 Quelqu’un peut-il expliquer si cela est possible, […]

Que signifient les virgules et les espaces dans plusieurs classes en CSS?

Voici un exemple que je ne comprends pas: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Il me semble que la width: 460px est appliquée à toutes les classes mentionnées ci-dessus. Mais pourquoi certaines classes sont séparées par une virgule ( , ), et d’autres simplement par un espace? Je suppose que width: 460px sera […]

Comment puis-je obtenir une nouvelle ligne, après avoir utilisé float: left?

Ce que j’essaie de faire est d’avoir des lignes d’images, 6 images dans chaque ligne. Certaines de ces images doivent avoir une autre image flottant au-dessus d’elles (alignées avec le coin inférieur droit). J’ai pu obtenir que cela fonctionne à partir de ce fil: Comment positionner une image sur une autre en HTML? Cependant, maintenant […]

Comment justifiez-vous le texte dans une zone de texte HTML?

J’ai besoin d’afficher de nombreuses valeurs numériques dans les colonnes. Ces valeurs doivent être facilement modifiables, je ne peux donc pas simplement les afficher dans un tableau. J’utilise des zones de texte pour les afficher. Y a-t-il un moyen de justifier correctement le texte affiché dans une zone de texte? Il serait également intéressant que […]

Élément Bootstrap 100% Largeur

Je veux créer des blocs 100% colorés en alternance. Une situation «idéale» est illustrée en pièce jointe, ainsi que la situation actuelle. Configuration souhaitée: Actuellement: Ma première idée était de créer une classe div, de lui donner une couleur de fond et de lui donner une largeur de 100%. .block { width: 100%; background: #fff; […]

Aligner deux divs horizontalement côte à côte au centre de la page en utilisant le bootstrap css

S’il vous plaît se référer au code ci-dessous ce que j’ai essayé First Div Second DIV sortie: First Div SecondDiv Production attendue : First Div Second Div Je veux aligner les deux divs horizontalement au centre de la page en utilisant css bootstrap. Comment puis-je faire ceci ? Je ne veux pas utiliser le concept […]

La position de l’image de fond svg est toujours centrée dans Internet Explorer, malgré la position de l’arrière-plan: centre gauche;

J’utilise un logo SVG comme image d’arrière-plan et je n’arrive pas à l’aligner correctement à gauche dans Internet Explorer (edit: et Safari) . Les conteneurs ressemblent à ça: Avec les styles: #header{ width: 100%; max-width: 1200px; height: 100%;} #logo{ background: url(../images/ss_logo.svg); background-position: left center; width: 100%; height: 100%; float: left;} Vous pouvez voir que le […]

comment append la classe css au code HTML générique de contrôle?

J’ai créé une balise div comme ceci: System.Web.UI.HtmlControls.HtmlGenericControl dynDiv = new System.Web.UI.HtmlControls.HtmlGenericControl(“DIV”); J’ai ajouté du style à la balise div comme ceci: dynDiv.Style.Add(HtmlTextWriterStyle.BorderStyle, “1px solid #DBE0E4”); dynDiv.Style.Add(HtmlTextWriterStyle.Height, “auto”); dynDiv.Style.Add(HtmlTextWriterStyle.MarginTop, “5px”); dynDiv.Style.Add(HtmlTextWriterStyle.PaddingBottom, “5px”); dynDiv.Style.Add(HtmlTextWriterStyle.Width, “682px”); Mais je dois contrôler le style de la balise div via un fichier css externe situé dans le dossier ~/css/maincss.css . […]

Éléments de fondu entrant et sortant sans changer la mise en page de la page

Le comportement normal lors de l’utilisation de fadeIn et de fadeOut consiste à utiliser la propriété display . Cependant, cela modifie la disposition de la page. Comment faire en fadeIn que fadeIn et fadeOut ne modifient pas la mise en page de la page?

La deuxième ligne de li commence sous la puce après la réinitialisation de CSS

J’ai des problèmes avec ma ul -list après avoir appliqué l’application de réinitialisation CSS. Lorsque le texte dans le li est long et qu’il se divise en une deuxième ligne, le texte commence sous la puce. Je voudrais qu’il commence avec la même marge / remplissage que le texte à droite de la puce. Un […]