Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

IE m'e.....

14 réponses
Avatar
Guy
Bonsoir,

Encore un probl=E8me avec IE !!!

Sur cette page : http://www.grenault.net/photos/

Si on survole les gros boutons, il les d=E9place ! Il n'y a que lui pour
faire =E7a. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devrais-
je v=E9rifier en plus de ces 4 l=E0 ?

Merci.

Guy

10 réponses

1 2
Avatar
Williamhoustra
"Guy" a écrit dans le message de groupe de
discussion :

Bonsoir,

Encore un problème avec IE !!!

Sur cette page : http://www.grenault.net/photos/

Si on survole les gros boutons, il les déplace ! Il n'y a que lui pour
faire ça. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devrais-
je vérifier en plus de ces 4 là ?



Simple ! Chaque fois que j'ai vu ce genre de gag c'était des histoires de
javascript ! Or je prétends faire des pages Web avec des menus et des
boutons qui se comportent pareil avec tous les navigateurs y compris IE6
(que l'on ne regrettera pas) sans une ligne de javascript (d'ailleurs j'y
connais rien, les scripts que j'utilise c'est plutôt du côté serveur). J'en
donne d'ailleurs un exemple sur mon site (http://wmarie.free.fr). La seule
chose où IE se distingue ce sont ses marges par défaut qui ne sont pas les
même que FF ou Opera. Il suffit donc de tuer les marges, pour tout le monde,
et faire ensuite celles qu'on veut.
Avatar
Guy
On 21 août, 20:31, "Williamhoustra"
wrote:
"Guy" a écrit dans le message de groupe de
discussion :
Bon soir,

> Encore un problème avec IE !!!

> Sur cette page :http://www.grenault.net/photos/

> Si on survole les gros boutons, il les déplace ! Il n'y a que lui pou r
> faire ça. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devrai s-
> je vérifier en plus de ces 4 là ?

   Simple ! Chaque fois que j'ai vu ce genre de gag c'était des his toires de
javascript ! Or je prétends faire des pages Web avec des menus et des
boutons qui se comportent pareil avec tous les navigateurs y compris IE6
(que l'on ne regrettera pas) sans une ligne de javascript (d'ailleurs j'y
connais rien, les scripts que j'utilise c'est plutôt du côté serveu r). J'en
donne d'ailleurs un exemple sur mon site (http://wmarie.free.fr). La seul e
chose où IE se distingue ce sont ses marges par défaut qui ne sont pa s les
même que FF ou Opera. Il suffit donc de tuer les marges, pour tout le m onde,
et faire ensuite celles qu'on veut.



Mes boutons ne font pas appel à Javascript. Ils sont en CSS pur et
dur.

Guy
Avatar
Sergio
Le 21/08/2010 19:07, Guy a écrit :
Bonsoir,

Encore un problème avec IE !!!

Sur cette page : http://www.grenault.net/photos/

Si on survole les gros boutons, il les déplace ! Il n'y a que lui pour
faire ça. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devrais-
je vérifier en plus de ces 4 là ?



Néanmoins, avec FF, on remarque qu'au survol, le bouton diminue légèrement vers le bord droit. Peut-être IE accentue le phénomène ?

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
B.M.
Le 22/08/2010 08:55, Sergio a écrit :
Le 21/08/2010 19:07, Guy a écrit :
Bonsoir,

Encore un problème avec IE !!!

Sur cette page : http://www.grenault.net/photos/

Si on survole les gros boutons, il les déplace ! Il n'y a que lui pour
faire ça. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devrais-
je vérifier en plus de ces 4 là ?



Néanmoins, avec FF, on remarque qu'au survol, le bouton diminue
légèrement vers le bord droit. Peut-être IE accentue le phénomène ?




Ce n'est pas IE qui pose problème, c'est Guy :
a.boutons {width: 200px; ...}
a:hover.boutons {width: 196px;...}

--
B. M.
Avatar
Guy
On 22 août, 09:44, "B.M." wrote:
Le 22/08/2010 08:55, Sergio a écrit :

> Le 21/08/2010 19:07, Guy a écrit :
>> Bonsoir,

>> Encore un problème avec IE !!!

>> Sur cette page :http://www.grenault.net/photos/

>> Si on survole les gros boutons, il les déplace ! Il n'y a que lui po ur
>> faire ça. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devra is-
>> je vérifier en plus de ces 4 là ?

> Néanmoins, avec FF, on remarque qu'au survol, le bouton diminue
> légèrement vers le bord droit. Peut-être IE accentue le phénom ène ?

Ce n'est pas IE qui pose problème, c'est Guy :
a.boutons {width: 200px; ...}
a:hover.boutons {width: 196px;...}

--
B. M.



Ben non, c'est fait exprès justement !

Guy
Avatar
SAM
Le 21/08/10 19:07, Guy a écrit :
Bonsoir,

Encore un problème avec IE !!!

Sur cette page : http://www.grenault.net/photos/

Si on survole les gros boutons, il les déplace ! Il n'y a que lui pour
faire ça. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devrais-
je vérifier en plus de ces 4 là ?



IE ne calcule pas les bordures comme les autres.

En outre ...

Firebug me dit que :

- ils sont dans un td d'un table dans un autre table dans un div
(probablement dans un autre encore ... comment suivre les héritages?)

- les css sont esstrémement confuses, y en a de partout !
(ligne 80, ligne 110, ligne 410, rien que pour a.boutons)

- et surtout que le a.boutons et le a:hover.boutons
n'ont pas la même largeur ! ! !
a -> 200px a:hover -> 196px

Pourquoi ?

Il va falloir fouiller dur pour les retrouver avec 3 feuilles de styles


Essayer de réviser cette(ces) feuille(s) de styles ! ?
(regrouper ce qui peut l'être)
(afin de moins s'y perdre !)

Eviter absolument des trucs qui perdent tout sens comme :

a.lightblue
a.lightblue:hover
a.bleu-gras
a.bleu-gras:hover
a.bleuclair
a.bleuclair:hover

.normal-arial
.normal-arial-12
.normal-gauche

Préférer des nom de class (ou mieux, des IDs) se rapportant à la mise en
page, son découpage, pas sa mise en forme
(pas de class pour police graisse couleur)
(menu-principal, menu-second, menu-annexe et pas menu-haut, menu-bas,
menu-droite)


Le plus bô dans cette FdS :

.center { text-align: center }
#center { text-align: center }

.petite-ligne { line-height:5px;}
.interligne { font-size:5px; }
(je passe les interligne1, 2, 3, 4, 5 ...)



text-decoration ne doit servir à rien dans :
.image {
border:0 solid black;
text-decoration:none;
}


les effarants .t26c et autres tXXmobi tXXcmobi tXXdm ...

Simplifier, simplifier, simplifier, simplifier et trier, trier, trier

(on dirait un truc bâti par toute une équipe dont chaque membre oublie
d'informer les autres quand il modifie qque chose !)

--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 22/08/10 10:06, Guy a écrit :
On 22 août, 09:44, "B.M." wrote:
Le 22/08/2010 08:55, Sergio a écrit :

Le 21/08/2010 19:07, Guy a écrit :
Bonsoir,





Encore un problème avec IE !!!





Sur cette page :http://www.grenault.net/photos/





Si on survole les gros boutons, il les déplace !









Où les déplace t-il ?

Il n'y a que lui pour
faire ça. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devrais-
je vérifier en plus de ces 4 là ?





Néanmoins, avec FF, on remarque qu'au survol, le bouton diminue
légèrement vers le bord droit. Peut-être IE accentue le phénomène ?



Ce n'est pas IE qui pose problème, c'est Guy :
a.boutons {width: 200px; ...}
a:hover.boutons {width: 196px;...}



Ben non, c'est fait exprès justement !



Ha ? Alors c'est par hasard que ça fonctionne :-(


revoir le padding dans a.boutons
style1.css (ligne 410)

padding: 5px auto; /par exemple, et peut-être ? */

s'inquiéter de .tag-gauche-50 ?

--
Stéphane Moriaux avec/with iMac-intel
Avatar
Guy
On 22 août, 14:00, SAM
wrote:

Ha ? Alors c'est par hasard que ça fonctionne :-(

Stéphane Moriaux avec/with iMac-intel



Mauvaise langue !-)

FF, Chrome, Safari et Opera respectent parfaitement mon code eux ! On
se comprend nous...

Guy
Avatar
Guy
On 22 août, 13:50, SAM
wrote:
Le 21/08/10 19:07, Guy a écrit :

> Bonsoir,

> Encore un problème avec IE !!!

> Sur cette page :http://www.grenault.net/photos/

> Si on survole les gros boutons, il les déplace ! Il n'y a que lui pou r
> faire ça. Impeccable avec FF, Chrome, Safari et Opera ! Lequel devrai s-
> je vérifier en plus de ces 4 là ?

IE ne calcule pas les bordures comme les autres.

En outre ...

Firebug me dit que :

- ils sont dans un td d'un table dans un autre table dans un div
   (probablement dans un autre encore ... comment suivre les hérita ges?)

- les css sont esstrémement confuses, y en a de partout !
   (ligne 80, ligne 110, ligne 410, rien que pour a.boutons)

- et surtout que le a.boutons et le a:hover.boutons
   n'ont pas la même largeur ! ! !
   a -> 200px   a:hover -> 196px

Pourquoi ?

Il va falloir fouiller dur pour les retrouver avec 3 feuilles de styles

Essayer de réviser cette(ces) feuille(s) de styles ! ?
(regrouper ce qui peut l'être)
(afin de moins s'y perdre !)

Eviter absolument des trucs qui perdent tout sens comme :

a.lightblue
a.lightblue:hover
a.bleu-gras
a.bleu-gras:hover
a.bleuclair
a.bleuclair:hover

.normal-arial
.normal-arial-12
.normal-gauche

Préférer des nom de class (ou mieux, des IDs) se rapportant à la mi se en
page, son découpage, pas sa mise en forme
(pas de class pour police graisse couleur)
(menu-principal, menu-second, menu-annexe et pas menu-haut, menu-bas,
menu-droite)

Le plus bô dans cette FdS :

.center { text-align: center }
#center { text-align: center }

.petite-ligne { line-height:5px;}
.interligne { font-size:5px; }
(je passe les interligne1, 2, 3, 4, 5 ...)

text-decoration ne doit servir à rien dans :
.image {
border:0 solid black;
text-decoration:none;

}

les effarants .t26c et autres tXXmobi tXXcmobi tXXdm ...

Simplifier, simplifier, simplifier, simplifier et trier, trier, trier

(on dirait un truc bâti par toute une équipe dont chaque membre oubli e
d'informer les autres quand il modifie qque chose !)

--
Stéphane Moriaux avec/with iMac-intel



Ah oui, il faut être bon pour déchiffrer mon code !-)

Guy
Avatar
Guy
Et un de plus :

Je viens d'installer SeaMonkey que je ne connaissais pas car 0.22% de
mes visiteurs viennent de lui. Et bien il comprend parfaitement mon
code aussi... Il n(y a donc bien qu'IE qui m.... !

Guy
1 2