Aller au contenu | Aller au menu | Aller à la recherche
jeudi 8 juillet 2010
Par Riven le jeudi 8 juillet 2010, 14:38
Comment ajuster automatiquement la hauteur d'une balise de type bloc (div principalement) en fonction de son contenu en HTML/CSS ? En général j'ai l'habitude de spécifier des tailles à mes bloc. Dans ce cas avec "overflow:auto;" le navigateur rajoute des barres de défilement. Mais quand on mets "overflow:auto;" alors que les dimensions du bloc ne sont pas spécifiées alors le bloc s'adapte en fonction de son contenu ! Pratique !
lundi 5 juillet 2010
Par Riven le lundi 5 juillet 2010, 10:37
Il y a en ce moment un concours sur developpez.net pour concevoir une horloge originale ! Donc à votre clavier et que le plus innovant gagne ! J'ai fini le mien ! Même s'il est pas beau il est original !
mardi 22 juin 2010
Par Riven le mardi 22 juin 2010, 14:39
Voici une bonne panoplie de cheatsheets CSS, JAVASCRIPT, HTML, PHP, WEB, DESIGN, SEO
http://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/
Régalez-vous !
mercredi 2 juin 2010
Par Riven le mercredi 2 juin 2010, 15:26
Oui on en a tous rêvé un jour ! Mettre notre police préférée sur notre site web ! Et bien c'est possible avec tous les navigateurs !
- Internet Explorer 4+
- Safari / Webkit 3.1+
- Firefox 3.5+
- Opera 10
- Chrome 4+
Le problème c'est que chaque navigateur ne gère pas tous les formats de font
(otf, eot, ttf).
Et internet explorer ne gère que eot.
Voici le code à mettre dans votre css
/* Pour IE fichier eot */
@font-face {
font-family: "mapolice"; src: url("police.eot");
}
/* TTF pour les autres */
@font-face {
font-family: "mapolice";
src: url("police.ttf") format("TrueType?");
}
Ainsi dans votre Css vous pourrez faire :
.maclass{
font-family:"mapolice";
}
Et là vous aller me dire "AAAAAAAH" j'ai pas de fichier EOT pour internet
explorer.
Et bien cerise sur le paquebot : il existe un utilitaire gratuit et
open-source (linux/windows) pour générer un EOT à partir d'un TTF.
TTF2EOT à voir ici
http://code.google.com/p/ttf2eot/
vendredi 19 février 2010
Par Riven le vendredi 19 février 2010, 10:31
En css il existe une propriété particulière (très connu mais mal
comprise) : position
Static (par défaut): Se positionne à la suite de l'élément
précédent (dans le flux)
Fixed : Se positionne en haut à gauche de l'écran (ne
se déplace pas pendant le scrolling). (hors du flux)
Relative : Se positionne à la suite de l'élément
précédent (dans le flux)
Absolute : Se positionne au haut à gauche du dernier
élément conteneur positionné (le dernier élément auquel on a spécifié
'position') sinon la fênetre du navigateur.(hors du
flux)
Fixed, Relative, Absolute acceptent les attributs de décalages (top, left, right, bottom). Attention Static ne permet pas ces attributs de décalage. (C'est d'ailleurs la différence entre static et relative)
« billets précédents - page 1 de 2
