IE m'e.....

Le
Guy
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à ?

Merci.

Guy
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses Page 1 / 2
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Williamhoustra
Le #22492681
"Guy" 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.
Guy
Le #22492821
On 21 août, 20:31, "Williamhoustra" wrote:
"Guy" 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
Sergio
Le #22493271
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
B.M.
Le #22493451
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.
Guy
Le #22493551
On 22 août, 09:44, "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 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
SAM
Le #22494251
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
SAM
Le #22494241
Le 22/08/10 10:06, Guy a écrit :
On 22 août, 09:44, "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 !









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
Guy
Le #22494791
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
Guy
Le #22494781
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
Guy
Le #22494911
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
Publicité
Poster une réponse
Anonyme