OVH Cloud OVH Cloud

Probleme de Rollover CSS

17 réponses
Avatar
Christophe - Elite grafx SARL
Plus ou moins suite a mon poste juste ci-dessus :

Donc je fais des tests de Rollover en CSS et je rencontres un probleme
Sur cette page, j'ai fait uniquement le rollover sur la case "Services"
http://test.elite-grafx.com/elite/

Je n'arrives pas a comprendre sur Firefox et Mozilla pourquoi il me pourrit
le Rollover comme ca.

De plus, si vous avez des suggestions pour simplifier le code du Rollover
elles sont bienvenues car je trouves ce que j'ai fait un peu complexe et je
suis sur que les pros du CSS vont me donner de bons conseils !

Christophe

7 réponses

1 2
Avatar
Christophe - Elite grafx SARL
euh... pour l'impression on utilise une css print et on remet en display
normal les span contenus dans les a où l'on applique le background



J'avais deja vu ca sur pas mal de sites en effet et je me suis toujours
demandé comment faire techniquement. Quel code ? Ca m'interresse de savoir,
donc si tu peux, donnes moi un lien ou une solution.

pourtant, c'est comme ca qu'on fait d'habitude
et personnellement, t'en connais beaucoup des gens qui désactivent les
backgrounds ?



Qui desactivent non, mais des gens qui ont encore au bureau des OS et
navigateurs tout vieux, ca oui, j'en connais plus d'un dans ma ville !

Disons que j'avais le souci de faire un site super accessible et j'ai
inventé des problemes innexistants car ma premiere version du Rollover etait
la solution qui m'a été proposé cet apres midi sur le forum et ensuite j'ai
tout viré et tout recommencé en me disant que ca ne serait pas accessible :)
Trop con défois...

Christophe
Avatar
Thibaut Allender
On 18/02/2005 18:35, Christophe - Elite grafx SARL wrote :
euh... pour l'impression on utilise une css print et on remet en display
normal les span contenus dans les a où l'on applique le background



J'avais deja vu ca sur pas mal de sites en effet et je me suis toujours
demandé comment faire techniquement. Quel code ? Ca m'interresse de savoir,
donc si tu peux, donnes moi un lien ou une solution.



l'attribut "media" de <link> sert à spécifier à quel média va
s'appliquer la feuille de style

on peut donc utiliser ceci :

<link rel="stylesheet" href="screen.css" media="screen" type="text/css" />
<link rel="stylesheet" href="print.css" media="print" type="text/css" />

pour que screen.css ne concerne que l'ecran, et print.css que l'impression

pourtant, c'est comme ca qu'on fait d'habitude
et personnellement, t'en connais beaucoup des gens qui désactivent les
backgrounds ?



Qui desactivent non, mais des gens qui ont encore au bureau des OS et
navigateurs tout vieux, ca oui, j'en connais plus d'un dans ma ville !



alors tu prévois une feuille simplifiée pour eux

--
thibaut allender | freelance | http://capsule.org
Avatar
Christophe - Elite grafx SARL
Christophe

l'attribut "media" de <link> sert à spécifier à quel média va s'appliquer
la feuille de style
<link rel="stylesheet" href="screen.css" media="screen" type="text/css" />
<link rel="stylesheet" href="print.css" media="print" type="text/css" />



Ok donc si j'ai bien compris et afin de ne pas faire d'erreurs, en placant
ca entre les balises <head></head>, lorsque le visiteur va demander
l'impression de sa page, ca va charger automatiquement la CSS print.css -
J'ai bon ?

alors tu prévois une feuille simplifiée pour eux



Ok, et toi tu ferait comment techniquement pour que le visiteur qui a un
ordinausaure ait cette feuille de styles simplifié chargée automatiquement ?
Une detection automatique du navigateur ? Autre solution ?

Christophe
Avatar
Thibaut Allender
On 18/02/2005 19:18, Christophe - Elite grafx SARL wrote :
Ok donc si j'ai bien compris et afin de ne pas faire d'erreurs, en placant
ca entre les balises <head></head>, lorsque le visiteur va demander
l'impression de sa page, ca va charger automatiquement la CSS print.css -
J'ai bon ?



tout bon

Ok, et toi tu ferait comment techniquement pour que le visiteur qui a un
ordinausaure ait cette feuille de styles simplifié chargée automatiquement ?
Une detection automatique du navigateur ? Autre solution ?



il existe divers hacks css ou html qui permettent d'empecher certains
browsers de charger certaines feuilles

par exemple un media="all" empeche Netscape 4 de charger la feuille
si on a la feuille simplifee au dessus, c'est tout bon

pour IE 5/5.5 on peut utiliser les commentaires conditionnels :
http://www.quirksmode.org/css/condcom.html

--
thibaut allender | freelance | http://capsule.org
Avatar
Christophe - Elite grafx SARL
il existe divers hacks css ou html qui permettent d'empecher certains
browsers de charger certaines feuilles

par exemple un media="all" empeche Netscape 4 de charger la feuille
si on a la feuille simplifee au dessus, c'est tout bon

pour IE 5/5.5 on peut utiliser les commentaires conditionnels :
http://www.quirksmode.org/css/condcom.html



Excellent lien je ne connaissais pas cette methode, si je meurs cette nuit,
je serais beaucoup moins idiot :)

Merci

Christophe
Avatar
Thibaut Allender
On 18/02/2005 19:46, Christophe - Elite grafx SARL wrote :
Excellent lien je ne connaissais pas cette methode, si je meurs cette nuit,
je serais beaucoup moins idiot :)



je ne te le souhaite tout de même pas :)

--
thibaut allender | freelance | http://capsule.org
Avatar
Mac Larinett
In article ,
Thibaut Allender
wrote:


> je serais beaucoup moins idiot :)

je ne te le souhaite tout de même pas :)



si quand même... ;-)
1 2