1 commentaireAu plus tard à la fin du mois d’octobre, Internet Explorer 7 sera disponible au téléchargement dans sa version finale. Tout comme son homologue, Mozilla Firefox devrait sortir dans sa version 2 courant de ce mois. J’ai hate de voir cela et de tester tous les sites sur lesquelles je bosse en ce moment.
Pour info, la version RC1 d’Internet Explorer 7 est toujours disponible.
L’aventure continue…
8 commentairesIl n’y a pas très longtemps, j’ai trouvé 2 solutions afin qu’Internet Explorer puisse interpréter correctement l’effet :hover (survol) sur les boutons (par exemple le fameux submit des formulaires).
1ère solution : csshover.htc
Il s’agit du fichier csshover.htc à ajouter à votre site et d’un petit bout de code à insérer dans la css correspondant :
body { behavior: url(csshover.htc); }
input.submit:hover {
color:green;
background-color:black;
cursor:pointer;
}
Dans la page internet :
<input type="submit" class="submit" />
Vous pouvez voir le résultat avec le bouton du formulaire de recheche (en haut de la colonne de liens).
Ce fichier permet également de gérer l’effet :active. Afin de bénéficier en plus de l’effet :focus, utilisez le fichier csshover2.htc.
2ème solution : insertion de balises <a>
Internet Explorer ne gère l’effet :hover que dans le cadre de balises <a> (lien hypertexte). Donc l’astuce consiste à entourer votre bouton de cette balise dans la page internet :
<a href="javascript:void(0)"> <input type="submit" class="submit" /> </a>
Dans la CSS :
a:hover input.submit {
color:white;
background-color:black;
cursor:pointer;
}
Le résultat :
A noter que j’ai également entouré le lien et le bouton d’un div (avec l’id test) afin de gérer au mieux un éventuel surlignement par défaut du lien.
<div id="test"> <a href="javascript:void(0)"> <input type="submit" class="submit" /> </a> </div>
Dans la CSS :
#test a {
text-decoration:none;
}
#test a:hover input.submit {
color:white;
background-color:black;
cursor:pointer;
}
En espérant que cela puisse aider…
MAJ : 21/01/2007 (Nouveau lecteur)
Exemple :
Tout d’abord il faut encoder votre vidéo (Avi, Mpeg, Quicktime, Wmv) en Flv (Flash Video). Pour cela il existe un logiciel gratuit : Riva Flv Encoder.Une fois le logiciel installé et lancé, il vous faudra paramétrer les différentes options, à savoir :
Une capture de mes paramètres au cas où :
Il existe d’autres logiciels permettant de faire cet encodage. Si Riva ne vous satisfaisait pas, je vous conseille l’excellent Total Video Converter.
Pour les utilisateurs Mac désirant générer une vidéo au format flv, je conseille cet excellent tutoriel : http://ffmpegx.com/fr/flv.html.
Le plus dur est fait. Vous pouvez à présent mettre en place le lecteur vidéo dans votre page internet. Téléchargez et décompressez, à l’aide d’un logiciel de décompression (Winrar ou autre), le fichier flvplayer.rar qui contient le lecteur vidéo flvplayer.swf.
Copiez ce fichier (flvplayer.swf) à la racine de votre site, et la vidéo flv dans un répertoire de votre choix (à la racine même, dans un sous-répertoire nommé /video/, …).
Il vous suffit à présent de copier ce code dans votre page internet :
<object type="application/x-shockwave-flash" data="http://site.fr/flvplayer.swf?file=http://site.fr/test.flv&autoStart=false"width="400"height="300"><param name="movie" value="http://site.fr/flvplayer.swf?file=http://site.fr/test.flv&autoStart=false" /></object>
en remplaçant test.flv par le répertoire et le nom de votre vidéo (exemple : repertoire_video/ma_video.flv ou http://www.votre-site.com/votre-video.flv), en mettant true ou false au paramètre autoStart (lancement automatique de la vidéo ou non), et en indiquant les bonnes dimensions de votre vidéo (largeur/width et hauteur/height).
N’hésitez pas à partager votre expérience en postant un commentaire avec le lien vers votre vidéo. Amusez-vous bien…
Plus de fonctionnalité (plein écran, playlist, …) dans ce fichier http://www.nikohk.com/files/flash_flv_player.zip.
Visitez le site de l’auteur : http://www.jeroenwijering.com
aucun commentaireFin 2006, le dernier projet du MIT (Massachusetts Institute of Technology) verra le jour. Il s’agit d’un PC Portable, valant 100 dollars, à destination des élèves des pays émergeants. Ce projet s’inscrit dans le cadre d’une collaboration avec les Nations Unies.
Quelques spécifications de la machine :
Le concepteur envisage d’aller jusqu’à 150 millions de machines produites pour 2007. Espérons que cela ouvrira une fenêtre sur le monde à tout les enfants de ces pays… En tout cas ça a le mérite d’exister.
