Joyeuse et belle année 2007 à vous! Que les voeux de chacun se réalise, et que la santé soit à vos côtés!

Je galère depuis 2 jour pour résoudre un bug lié à l’incompréhension d’Internet Explorer 6… et j’ai enfin trouvé la solution à mon problème!! Pour le site Sushis-net que je suis en train de coder, j’avais besoin d’aligner une image en bas à droite de la page, et qu’elle descende en même temps que mon contenu lorsque je scroll!
Dans une CSS classique il suffirait de mettre;

#monbloc {
position:fixed;
right: 0px;
bottom: 0px;
width: 200px;
height: 200px;
}

Evidemment ce code marche sur Firefox, IE7, Netscape et Opera… mais notre cher IE6 est à la traine! il a donc fallu que je trouve une feinte!
Pas mal de sites propose des solutions pour déjouer ce bug mais la plupars positionnaient mon bloc en partant du haut de la page, hors j’avais besoin que ce dernier parte du bas de la page…

J’ai donc trouvé sur ce site un code, qui marche à merveille, Vous trouverez sur le site pleins d’autres façon de positionner un bloc dans vos pages.

#monbloc {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
}

Petite explication;
Grâce à certaines variables de chez Microsoft (ici la variable expression), on peu incorporer du javascript à notre CSS, et donc indiquer une valeure variable à la propriété top:;.

Ensuite, comme ce problème ne concerne que IE6, et pas les autres navigateurs, on va rajouter dans notre header le lien vers une feuille de style externe que pour IE6, de cette façon;

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="style/styleie6.css">
<![endif]-->

Vous trouverez aussi de bonnes informations sur le site d’alsacréations!

Allez un peu de graphisme en ce début d’année, je n’avais encore présenté aucuns portfolio jusqu’à maintenant!
Brand:Nu est le portfolio en ligne de l’illustrateur indépendant et concepteur Radim Malinic, qui a fondé son studio en 2002.
Les travaux sont comme je les aiment, fleuris, lumineux, et très harmonieux!

En voulant écrire le sujet IE et la position fixed, j’ai remarqué en voulant insérer du code dans mon article que le bouton “code” de l’éditeur basique de Wordpress ne marchait pas… Bizarre!
J’ai donc cherché pourquoi, mais sans résultats sur le forum de Wordpress Francophone.
Et puis grâce au blog de David Touvet, j’ai trouvé le plugin idéal:
Code Markup

Citation:

Ce plugin vous permet de contrôler exactement ce qu’il se passe entre les balises <code>…</code>. Vous pouvez copier-coller sans autre un bout de code qui apparaîtra tel quel. En ajoutant un attribut allow="" à la balise code, vous pourrez ensuite décider s’il faut afficher tel quel le code ou interpréter l’HTML. Quel gain de temps!

Voici une maquette pour un deuxième site de vente en ligne de sushis, plus basée sur le côté Zen cette fois, avec tout de même une petite touche de sussii

Voici un autre travail que j’avais éffectué à l’Eracom, le module était nomé “projet intéractif”, en fait on devais créer un DVD avec Director, et le thème était “hommage à…”.
J’avais donc chois de rendre hommage à ma tite maman, qui fait de la pinture, scupture, ecris aussi, pour qu’elle puisse par la suite distribuer quelques DVD dans son entourage et se faire un peu mieux connaître.
L’animation n’est pas prévue pour être publiée sur le web, donc soyez patients pendant le chargement qui n’est pas très rapide…

Intensive station est un site bien sympas qui vous propose différents templates CSS avec par exemple des sites construits avec 2 voir 4 colones, ou encore des boîtes dynamiques ou fixes… Chaques preview d’un template vous indique la CSS correspondante à chaques blocs, et le code est valide XHTML 1.0 et CSS2.

Alors là, moi je dis BRAVO!
Depuis loooongtemps j’essayais de trouver un site pareil, moi qui ne suis pas maceuse par exemple je n’avais aucune idée de comment pouvais ressortir mes templates sur Safari! Voilà chose faite avec Browsershots!
Browsershots fait des screenshots de votre site Web vus par différents navigateurs. C’est un service en ligne gratuit et open-source créé par Johann C. Rocholl.
Dès qu’une adresse web est soumise, elle est ajoutée dans une file d’attente (cela peut prendre de 15min à 4h, mais c’est vous qui choisissez). Un certain nombre d’ordinateurs ouvriront votre site Web dans leur navigateur et feront des screenshots. Chaque image est ensuite envoyée au serveur central…