Lecture
Hack CSS Opéra · 18 janvier 2007, 19:38 par Romuald
Après avoir lu un sujet sur Alsacréations pour un hack CSS sur Opéra, j’ai ressorti d’outre tombe ma bonne vieille bidouille que j’avais trouvé à l’époque.
/*...........css hack…........*/
a{
color:green;/* tous */
}
*>a{
color:red;/* tous sauf ie – star hack */
{
:;color:black;/* opera seulement */
}
}
*{/*pour que les prochains styles fonctionnent sur opera*/}
Attention, à placer en fin de fichier, car ensuite, Safari ne lit plus, du moins, je n’ai pas pu tester, mais il semblerait bien que cela soit le cas. On peut imaginer un hack CSS pour Safari donc.
Un article du genre CSS XHTML - Le 18 jan 2007 19:38 Commentaire [2]
Hack CSS IE7 · 2 novembre 2006, 14:02 par Romuald
IE7 a lui aussi ces petits défauts qui nécessitent quelques corrections.
.maClass{
color:black;
!color:green;
}
*> .maClass{
color:red;
!color:blue;
}
Les navigateurs standards auront du rouge, IE6/5 du vert et IE7 du bleu.
MàJ :
Plus simple :
.maClass{
color:red;
!color:green; /* tous les IE */
_color:blue; /* tous les IE sauf le 7 */
}
Un article du genre CSS XHTML - Le 02 nov 2006 14:02 Commentaire [5]
Openweb accessible de nouveau · 7 septembre 2006, 09:42 par Romuald
Openweb.eu.org est de nouveau accessible. Pas de nouveau contenu, mais de retour quand même.
Etrange disparition tout de même, depuis plusieurs mois.
hover et opacité · 13 août 2006, 19:49 par Romuald
Attention, article webdesign.
Il est d’un effet sympathique que je convoite avec abus ces derniers temps, le changement d’opacité sur les images au survol.
Il est simple d’utilisation, fonctionne avec juste du CSS et pour plein de navigateur.
L’idée met venu en voulant donner un effet au lien en image qui soit sympa, alors j’ai fait un
a:hover img{
opacity:.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
(si vous connaissez d’autres propriétés cachés, n’hésitez pas)
et donc d’avoir en html
<a href="#"><img src="#" alt="#" /></a>
Vous pouvez avoir l’effet sur mon blog en regardant les gravatars (dans les commentaires donc) ou un effet similaire sur le blog sibellia pour faire des liens sur des images ou des zones d’images tout jolis.
Un article du genre XHTML CSS - Le 13 aoû 2006 19:49 Commentaire [2]
Internet explorer PNG et bug en tout genre · 17 juin 2006, 18:03 par Romuald
Quiconque touche un peu à la programmation web sait que le PNG peut donner des crises de fou rire en regardant par erreur le résultat sur un navigateur non moderne (que l’on nommera.. euh.. comme ça au hasard, Internet Explorer).
Il existe alors un script pour faire passer la transparence des PNG (visible sur ce blog entre la lune et le clocher, mais il faut un navigateur qui va bien).
Le script (javascript) en question utilise la fonction :
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale'
qui s’utilise dans du CSS, soit donc en inline avec un style=”” dans un tag, remplaçant le background préféré habituelle, soit dans votre fichier CSS.
Un coup de moteur de recherche préféré pour trouver la version JavaScript qui permet de modifier les PNG à la volé dans un tag <img />
Le souci c’est que ce script, sur les images misent en liens, le curseur « pointeur » disparaît.
Pour ce faire, il vous faut donc en CSS appliquer un idiotique code à la hauteur du navigateur posant problème :
a{cursor:pointer;}