Articles of css

Ajouter de l’espace entre les éléments HTML uniquement à l’aide de CSS

J’ai plusieurs mêmes éléments HTML l’un après l’autre: 1 2 3 Je cherche le meilleur moyen d’append de l’espace ENTRE les éléments en utilisant uniquement CSS [no space] [1] [space 10px] [2] [space 10px] [3] [no space] Aditionellement: S’il vous plaît écrivez la compatibilité de votre navigateur de vos reçus METTRE À JOUR Il semble […]

Meilleures pratiques et considérations lors de l’écriture de courriels HTML

Je développe des sites Web depuis plus de dix ans, mais j’ai rapidement constaté que bon nombre de mes habitudes en matière de développement Web sont inutiles lors du développement de clients de messagerie. Cela m’a causé énormément de frustration, alors j’ai pensé poser une question qui, espérons-le, ferait apparaître les meilleures pratiques et les […]

Saut de ligne (comme ) utilisant uniquement css

Est-il possible dans css pure, c’est-à-dire sans append de balises html supplémentaires, pour faire un saut de ligne comme dans ? Je veux le saut de ligne après l’élément , mais pas avant: HTML Text, text, text, text, text. Sub header Text, text, text, text, text. CSS h4 { display: inline; } J’ai trouvé beaucoup […]

Deux éléments de bloc en ligne, chacun d’une largeur de 50%, ne sont pas alignés côte à côte dans une seule rangée

Width issue body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } Left Right JSFiddle: http://jsfiddle.net/5EcPK/ Le code ci-dessus essaie de placer le div #left et le div #right, côte à côte, dans une seule ligne. Mais comme vous pouvez le voir […]

Puis-je combiner: nth-child () ou: nth-of-type () avec un sélecteur arbitraire?

Y a-t-il un moyen de sélectionner chaque nième enfant qui correspond (ou ne correspond pas) à un sélecteur arbitraire ? Par exemple, je veux sélectionner chaque ligne de table impaire, mais dans un sous-ensemble des lignes: table.myClass tr.row:nth-child(odd) { … } Row Row Row Row Mais :nth-child() semble simplement compter tous les éléments tr , […]

Appliquer une police unique à un site Web entier avec CSS

Je souhaite utiliser une police unique nommée “Algérien” sur l’ensemble de mon site. Donc, je dois changer toutes les balises HTML et je ne veux pas écrire un code différent pour différentes balises comme: button{font-family:Algerian;} div{font-family:Algerian;} La méthode écrite ci-dessous est également fortement déconseillée: div,button,span,strong{font-family:Algerian;}

Application d’un sharepoint suspension à un texte multiligne

Y a-t-il une solution pour append des points de suspension sur la dernière ligne à l’intérieur d’un div avec une hauteur de fluide (20%)? J’ai trouvé la fonction -webkit-line-clamp dans CSS, mais dans mon cas, le numéro de ligne dépend de la taille de la fenêtre. p { width:100%; height:20%; background:red; position:absolute; } Lorem ipsum […]

Le texte peut-il être masqué et affiché en utilisant simplement CSS (pas de code JavaScript)?

Est-il possible d’afficher et de cacher du texte en utilisant un lien uniquement avec CSS – sans utiliser du tout JavaScript? Par exemple: Sur cette page Notez le lien “Plus”. Lorsque vous cliquez dessus, il affiche le texte. Cet exemple particulier est le JavaScript, mais je ne suis pas sûr que cela puisse être fait […]

Effet haut / bas avec ng-show et ng-animate

J’essaie d’utiliser ng-animate pour obtenir un comportement similaire à slideUp() et slideDown() . Seulement je préfère utiliser ng-show Je regarde le tutoriel ng-animate ici – http://www.yearofmoo.com/2013/04/animation-in-angularjs.html , et je peux reproduire l’effet de fondu dans l’exemple fourni. Comment pourrais-je changer le css pour obtenir un comportement ascendant / descendant? Aussi, si possible, il vaut mieux […]

Option graphique HighCharts backgroundColor: ‘transparent’ affichant noir sur IE 8

Highcharts graphique Highcharts backgroundColor:’transparent’ affichant noir sur IE 8 histogram = new Highcharts.Chart({ chart: { renderTo: ‘histogram’, defaultSeriesType: ‘bar’, backgroundColor:’transparent’ } Cela fonctionne très bien sur IE 9 et autres mais échoue sur IE 8 et Safari.