Centrer un élément sur une page en Css

Mardi 30 décembre, 2008

En mettant à jour, une page html concernant l’instinct de mort de Jacques Mesrines, j’ai un peu galéré aujourd’hui autour du simple centrage d’un élément sur une page sous IE 6 :

Le problème est assez simple, je souhaitais centrer un div. La technique officielle consiste à utiliser la propriété “margin” en “auto” à gauche et à droite, et à définir la largeur (“width”) de manière fixe  :  Ce qui veut dire que les marges à gauche et à droite seront calculées en fonction de l’élément central.

<style type="text/css">
<!--
centrer{
margin-left  : auto;
margin-right : auto;
width        : 760px;
}
-->
</style>
<body>
<div class="centrer">élément centré</div>
</body>

En utilisant les raccourcis css, on peut déclarer “margin : 0 auto;” ce qui signifie que les marges hautes et basses seront nulles, et que les marges gauches et droites seront calculées automatiquement.

<body>
<div style="margin : 0 auto; width : 760px;">élément</div>
</body>

Oui, mais voilà, ca ne fonctionne pas sous Internet Explorer 6. Il faut centrer l’élément avec la propriété text-align au niveau supérieur :

<body style="text-align:center;">
<div>élément</div>
</body>

Pour que l’élément fonctionne sur tous les navigateurs :

<body style=”text-align:center;”>
<div style=”margin : 0 auto; width : 760px;”>élément</div>
</body>

Si l’on rajoute cette difficulté au problème du float internet explorer, ca commence à faire beaucoup pour un navigateur !


Sumo Paint

Lundi 29 décembre, 2008

Sumo Paint, c’est heu… photoshop en ligne !
On ne comprend pas très bien comment peuvent vivre ces gens là, mais ils ont réussi à développer en flash photoshop !
Pas mal, non ?

Alors, pour voir ca, rendez-vous sur le site Internet sumopaint.com et cliquez sur le bouton en haut à gauche “Open Sumo Paint in new window”.
Ca parait peut-être évident pour vous, mais moi, j’ai pas mal galéré… à tel point que je vous ai mis une copie d’écran :
sumo-paint


chansons cultes

Dimanche 21 décembre, 2008

Allez… pour le plaisir, quelques une de mes chansons cultes francophones :

  1. William Sheller : un homme heureux
  2. Boris Vian : Le Déserteur
  3. Jacques Brel : Ne me quitte pas
  4. Francis Cabrel : Je l’aime à mourrir
  5. Daniel Guichard : Mon vieux
  6. Pierre Perret : Lily
  7. Daniel Balavoine : Le chanteur
  8. Yves Montand : Les feuilles mortes
  9. Edith Piaf : Milord
  10. Michel Jonaz : je voulais te dire que je t’attends
  11. John Lennon : Imagine
  12. Renaud : Mistral Gagnant
  13. Noir Désir / Léo Ferré : Des armes
  14. Bénabar : Je suis de Celles
  15. Claude Francois : Comme d’habitude
  16. Téléphone : La bombe humaine

Si vous passez par là, vous en voyez d’autres ?


Ziggy

Vendredi 19 décembre, 2008
ziggy

ziggy

Ziggy est un garçon pas comme les autres… C’est aussi une des légendes du rock :
A l’origine, David Bowie créa un personnage fictif “Ziggy Stardust”. Il s’agissait de l’utiliser comme seconde personnalité sur scène : mi-homme, mi-femme, victime peut-être de son succès médiatique. On reconnait également le caractère schyzophrénique d’un artiste.

Le prénom “Ziggy” provient sans doute d’une déformation musicale de “Iggy”. Bowie a en effet bien connu “Iggy Pop”, puisqu’à la suite de la fin de son groupe, les Stooges, il produira un album pour lui, comprenant la chanson “China Girl” écrite pour lui.

Au final, David Bowie fera mourrir sur scène son personnage à la suite de son succès en juin 1973 à Hammerfield en chantant une dernière fois Rock’n roll suicide.

Dans l’opéra Rock “Starmania”, l’un des personnages est fan de David Bowie, et se fait appeler “Ziggy” comme lui.

Ziggy

Paroles de Luc Plamondon, Musique de Michel Berger
Tiré de l’opéra Rock Starmania (1978)

Ziggy, il s’appelle Ziggy
Je suis folle de lui
C’est un garçon pas comme les autres
Mais moi je l’aime, c’est pas d’ma faute
Même si je sais
Qu’il ne m’aimera jamais

Ziggy, il s’appelle Ziggy
Je suis folle de lui
La première fois que je l’ai vu
Je m’suis jetée sur lui dans la rue
J’lui ai seulement dit
Que j’avais envie de lui

Il était quatre heures du matin
J’étais seule et j’avais besoin
De parler à quelqu’un
Il m’a dit: viens prendre un café
Et on s’est raconté nos vies
On a ri, on a pleuré

Ziggy, il s’appelle Ziggy
C’est mon seul ami
Dans sa tête y’a que d’la musique
Il vend des disques dans une boutique
On dirait qu’il vit
Dans une autre galaxie

Tous les soirs, il m’emmène danser
Dans des endroits très très gais
Où il a des tas d’amis
Oui, je sais, il aime les garçons
Je devrais me faire une raison
Essayer de l’oublier… mais

Ziggy, il s’appelle Ziggy
Je suis folle de lui
C’est un garçon pas comme les autres
Et moi je l’aime, c’est pas d’ma faute
Même si je sais
Qu’il ne m’aimera jamais.


Carla Bruni nue sur un sac

Samedi 13 décembre, 2008
carla bruni nue sur un sac

carla bruni nue sur un sac

Bah… C’est le buzz de décembre : Carla Brunie s’est retrouvée nue sur un sac de la marque Pardon. Le couple présidentiel n’a pas trop apprécié puisqu’il porte plainte contre Pardon. La marque s’était déjà fait remarquer par le passé  en vendant des strings décorés de la vierge Marie et avait publié des photos suggestives de Valérie Bègue, miss France 2008.

La photographie originale de Michel Compte s’était vendue 91.000 dollards le 10 avril 2008 chez Christies. Michel Compte aurait d’autres photo de Carla plus explicites, mais s’est refusé à les vendre.


Guide Photoshop

Jeudi 11 décembre, 2008
photoshop filtre decoupage

photoshop filtre decoupage

Trouver un bon guide photoshop sur Internet, n’est pas aussi simple qu’on peut le penser.

Ce logiciel d’Adobe de retouche d’images parrait simple au premier abord, mais devient rapidement complexe lorsqu’il s’agit d’obtenir un travail professionnel. Il reste le meilleur outil du marché pour le traitement des photographies.

J’avais bien réalisé rapidement un petit tutoriel photoshop bd , pour voir… mais, rien de bien merveilleux, sinon de manipuler, et peut-être de découvrir quelques outils.

A mon sens, pour commencer avec Photoshop, il suffit d’y aller progressivement :
- Tout d’abord, créer une image de dimension 300 x 300 pixels, et essayer les différents outils disposés sur le fond. (s’ils ne s’affichent pas, utiliser la commande “Fenêtre” puis “Afficher outils”.)
- Après quelques heures de découvertes, alors, ouvrir une photographie et essayer des retouches… C’est dur hein ?
- Apprendre alors le fonctionnement des calques : Les calques sont des couches superposées à l’image et permettent différentes maniulations.
Là, il y a de quoi faire.
- Enfin, faites un petit tour sur les filtres qui donnent des effets rigolos.
Voilà, vous avez fait un petit tour de photoshop.

Pour progresser, je vous invite à trouver des tutoriaux sur Internet qui vous permettront de vous exercer, ce qui vaudra bien tous les guides photoshop du web….


Le retour de Noir Désir

Lundi 1 décembre, 2008

noir-desirIl est loin le temps de Noir Désir, loin le temps où Cantat reprenait Des Armes de Léo Ferré. Et puis là, ils reviennent par la petite porte, avec un cadeau : 2 morceaux téléchargeables gratuitement sur leur site noirdez.com.

Pour le premier morceau, il s’agit “Des Gagnants, Des Perdants”… Ptet un peu rebelle.

Pour le second, il s’agit d’une reprise du temps des cerises, et ce morceau tient à coeur :

Quand nous chanterons le temps des cerises
Et gai rossignol et merle moqueur
Seront tous en fête …
Les belles auront la folie en tête
Et les amoureux du soleil au cœur
Quand nous chanterons le temps des cerises
Sifflera bien mieux le merle moqueur

Mais il est bien court le temps des cerises
Où l’on s’en va deux cueillir en rêvant
Des pendants d’oreille …
Cerises d’amour aux robes pareilles
Tombant sur la feuille en gouttes de sang
Mais il est bien court le temps des cerises
Pendants de corail qu’on cueille en rêvant

Quand vous en serez au temps des cerises
Si vous avez peur des chagrins d’amour
Evitez les belles …
Moi qui ne crains pas les peines cruelles
Je ne vivrai point sans souffrir un jour
Quand vous en serez au temps des cerises
Vous aurez aussi vos peines d’amour

J’aimerai toujours le temps des cerises
C’est de ce temps-là que je garde au cœur
Une plaie ouverte …
Et Dame Fortune, en m’étant offerte
Ne pourra jamais fermer ma douleur
J’aimerai toujours le temps des cerises
Et le souvenir que je garde au cœur.

 

Cette chanson de Jean-Baptiste Clément est si fortement associée à la Commune de Paris que, dans les esprits, elle fut écrite pour elle.

Pourtant elle fut écrite sous Napoléon III avant même la guerre de 1870 (dont l’humiliation de la défaite française devait produire, en 1871, l’occasion favorable au déclenchement de la Commune). Un fait notoire est qu’elle fut dédicacée par son auteur à une infirmière morte lors de la Semaine sanglante.

Les cerises évoquent par leur couleur le sang et le drapeau rouge, liés entre autre à la Commune, ce qui fait que la chanson demeure associée à l’idée de liberté, de solidarité, et de résistance face à l’oppression. D’autre part, les cerises renvoient au sucre et à l’été, et donc à un contexte joyeux voire festif. Ainsi la chanson véhicule une certaine nostalgie et une certaine idée de gaieté populaire.

Jean-Baptiste Clément a participé à la commune et a écrit une autre chanson “La Semaine Sanglante” qui dénonce les crimes des Versaillais contre les communards. C’est la semaine qui mit fin à la commune de Paris.


Code Analytics

Jeudi 20 novembre, 2008

J’ai perdu aujourd’hui mon code javascript google analytics.

Bon, alors, sans grand discours, le voilà :

<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : http://www.);
document.write(unescape(“%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script>

 <script type=”text/javascript”>
try { var pageTracker=_gat._getTracker(“UA-XXXXXX-1“);
pageTracker._trackPageview();
} catch(err) {}
</script>

Avec UA-XXXXXX-1 : votre code analytics.

Comment retrouver ce code analytic dans la google analytics ?

 

Eh bien… ce n’est pas si évident que ca, ca donne en 3 étapes :  

  1. Se rendre sur le premier tableau récapitulatif avant les statistiques.
  2. Cliquer sur “Modification” (dans la colonne “Action”).
  3. Cliquer sur “Vérifier l’état” (en haut à droite)

Et c’est gagné !

 

Cliquer sur Modifier

Etape 1 : Cliquer sur Modifier

 

 

 

 

Cliquer sur vérifier l'état

Etape 2 : Cliquer sur vérifier l


Coluche président

Dimanche 16 novembre, 2008
coluche

coluche

J’ai vu aujourd’hui “Coluche, l’histore d’un mec”. Alors, bon… c’est l’occasion d’en causer pour ceux qui hésiterait à le voir.

Bien, moi, j’ai aimé. Il faut dire que pour moi d’entrée, coluche : c’est un pote. C’est un pote de longue date, des années 80. J’avais le 45 tour du schmilblick, j’avais bien rigolé, et au final je le connaissais par coeur.

Bien sûr, en 1981, j’avais entendu parlé de sa présentation aux élections présidentielles. Je reconnais que je croyais que c’était un canulard. Mais, bon, c’était marrant, à un age où je ne comprenais encore rien à la politique. (Mon cousin m’avait dit que si Mitterand passait, on pourrait avoir des chars soviétiques sur Paris !)

Par contre, je me souviens très bien de ses sketches sur les pubs :
“Mamouth écrase les prix” qui donne en contrepétrie ”Mamie écrase les prouts”.

Et puis… j’avais vu ”Tchao Pantin”… avec une musique d’un autre pote : Charlélie Couture.

Je l’avais revu quelques fois sur Canal… On se souvient tous de son mariage avec Le luron.

Et puis, sont venus les “restos du coeur”. Et là, aussi, je pensais à un canulard : un de plus…

Ensuite, il est parti trop vite, mais assez jeune pour le rester toujours… Par son départ, il est devenu un peu un héros.

Et, les restos sont restés, et ca c’est sympa ! Donc, c’est un pote, et je me devais de voir ce film.

Avant de le voir, je savais heureusement qu’il s’agissait d’un moment particulier de sa vie : à sa voir, sa campagne présidentielle. Ca m’allait pas trop : Je souhaitais revoir le documentaire de Romain Goupil à ce sujet.

Finalement, le film est bon. Il est vrai que cette campagne illustre un peu ce que pouvait être la vie de coluche à son apogée. Mais, aussi, finalement, les difficultés dramatiques qui se sont abattues sur lui à ce moment là. Et pourquoi c’est arrivé… Et comment…

Bon, donc, à voir … pour le mec, pour l’histoire. Ensuite, vient bien sûr le jeu de Francois-Xavier Demaison qui donne tout ce qu’il a. Le film a été également réalisé avec passion autour du personnage, en respectant la vérité sur ce parcours difficile.

Bon, allez… pour la route, les paroles de la chanson “Putain de Camion” de Renaud Séchan écrite en hommage à son ami (parrain de sa fille Lolita Séchan), mort dans un accident de moto le 19 juin 1986.

PUTAIN DE CAMION

Putain c’est trop con
Ce putain d’camion
Mais qu’est-ce qu’y foutait là
Putain de vie d’merde
T’as roulé dans l’herbe
Et nous, tu nous plantes là

J’espère au moins qu’ là-haut
Y a beaucoup moins d’salauds

Tu nous laisses avec les chiens
Avec les méchants les crétins
 Sous un soleil qui brille moins fort et moins loin
J’ voudrais m’blottir dans un coin
Avec Marius avec Romain
Pleurer avec eux jusqu’à la saint-glinglin

Putain j’ai la rage
Contre ce virage
Et contre ce jour-là
Où tu t’es vautré
Dire qu’ c’était l’été
 Dans ma tête y fait froid

J’espère au moins qu’ là-haut
T’as acheté un vélo

Lolita a plus d’parrain
Nous on a plus notre meilleur copain
T’étais un clown mais t’étais pas un pantin
Enfoiré on t’aimait bien
Maintenant on est tous orphelins
 Putain d’ camion, putain d’ destin, tiens ça craint

Enfoiré on t’aimait bien
Maintenant on est tous orphelins
Putain d’camion, putain d’destin, tiens ça craint

 


Gmail devrait comporter un chat vidéo

Mercredi 12 novembre, 2008
Zig et Puce

Zig et Puce

Google annonce le lancement d’un service de discussion vidéo et audio. Une application téléchargeable depuis Gmail permet aux utilisateurs de discuter via webcam. Ceux qui n’ont qu’un micro peuvent également dialoguer. Google veut faire de Gmail un outil de communication mélangeant e-mail, messagerie instantanée, VoIP avec Google Talk et désormais chat video et audio. 

Par ailleurs, Google devrait lancer son propre portable, appelé Gphone.

On comprend bien la stratégie de Google qui consiste à se positionner sur tous les supports qu’ils soient sur Internet, ou en téléphonie mobile.

A suivre…