Teemoweb: CSS

Affichage des articles dont le libellé est CSS. Afficher tous les articles

mardi 20 janvier 2015

Comment centrer un bouton avec bootstrap 3 ?

Lui ajouter la classe .center-block :

<button type="submit" class="btn btn-success center-block">Mettre à jour</button>

vendredi 28 novembre 2014

Enlever les pointillés autour des liens en CSS

Libellés : CSS

Il s'agit de la outline du lien (a) qui apparaît lorsque vous cliquez dessus.

Afin qu'elle n'apparaisse plus :

vendredi 11 octobre 2013

height 100% et marges

Libellés : CSS

Voici un problème que j'ai déjà rencontré plusieurs fois : mettre un bloc en height 100% avec un padding ou un margin top ou bottom. Vu que les marges s'ajoutent à la valeur de la hauteur, celle-ci fait au final plus de 100%, et ne rend pas l'effet escompté !

L'astuce est donc de mettre votre bloc en position absolute et de définir top/bottom/left/right à 0.

Exemple :

<html>
<body>
<div>mon bloc</div>
</body>
</html>

html, body {
height:100%;
}

div {
position:absolute;
top:30px;
bottom:0;
left:0;
right:0;
}

Au lieu de :

div {
height:100%;
padding-top:30px;
}