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

[CSS?] Probleme d'affichage bizarre

3 réponses
Avatar
Seo-Kyeong KIM-BOUDOT
Bonjour,

Je me suis fait un site pour voir si les gens sont online ou pas sur MSN...
Le truc fonctionne bien, mais j'ai un probleme bizarre d'affichage :

http://msnstatus.apinc.org

le probleme, c'est que le logo MSN en haut a gauche n'apparait pas
correctement, souvent en noir, et il faut passer la souris dessus pour que
l'image s'affiche en couleur..

bon, je sais que c'est rien, mais j'aimerais bien savoir comment ca se
fait... ca a peut etre un rapport avec les css, cette image apparait dans un
tableau dans une partie pour laquelle j'ai defini des styles
(background-color etc).

Si qqn a une idee, merci d'eclairer ma lanterne..

FB

3 réponses

Avatar
Seo-Kyeong KIM-BOUDOT a ecrit :

Bonjour,

Je me suis fait un site pour voir si les gens sont online ou pas sur MSN...
Le truc fonctionne bien, mais j'ai un probleme bizarre d'affichage :

http://msnstatus.apinc.org

le probleme, c'est que le logo MSN en haut a gauche n'apparait pas
correctement, souvent en noir,



Difficile d'avoir une idée quand chez soi c'est OK ;-))
IE5.0 & Mozilla1.2 (vieux Mac)

--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************
Avatar
Le Fou
Seo-Kyeong KIM-BOUDOT a écrit

http://msnstatus.apinc.org
(...)
bon, je sais que c'est rien, mais j'aimerais bien savoir comment ca se
fait... ca a peut etre un rapport avec les css, cette image apparait dans


un
tableau dans une partie pour laquelle j'ai defini des styles
(background-color etc).



Je n'ai pas vu le problème (Mozilla 1.4 et IE 5.0 Win) mais :
<div id="top">
<table class="top">
<tr class="top">
<td class="top"><a href="/?page=check"><img src="msn_logo.gif" width="118"
height="35" border=0 alt=""></a></td>
<td class="top" valign="middle"><h1>ONLINE STATUS CHECKER</h1></td>
</tr>
</table>
</div>
peut s'écrire :
<div id="top">
<a href="/?page=check"><img src="msn_logo.gif" width="118" height="35"
border=0 alt=""></a>
<span>ONLINE STATUS CHECKER</span>
</div>
ça évitera les différentes classes .top appliquées à tous les éléments de la
table.
Tu peux même garder <h1> au lieu de <span> avec :
h1 {display : online;}
(pas testé)

--
A'tchao

Le Fou
http://perso.club-internet.fr/ehiller/ - http://club.exocet.free.fr/
http://www.ffessm-cd84.com/
Avatar
Seo-Kyeong KIM-BOUDOT
Merci pour vos reponses, je vais essayer ca...

FB

"Le Fou" a écrit dans le message news:
404a3111$0$5911$
Seo-Kyeong KIM-BOUDOT a écrit
>
> http://msnstatus.apinc.org
> (...)
> bon, je sais que c'est rien, mais j'aimerais bien savoir comment ca se
> fait... ca a peut etre un rapport avec les css, cette image apparait


dans
un
> tableau dans une partie pour laquelle j'ai defini des styles
> (background-color etc).

Je n'ai pas vu le problème (Mozilla 1.4 et IE 5.0 Win) mais :
<div id="top">
<table class="top">
<tr class="top">
<td class="top"><a href="/?page=check"><img src="msn_logo.gif"


width="118"
height="35" border=0 alt=""></a></td>
<td class="top" valign="middle"><h1>ONLINE STATUS CHECKER</h1></td>
</tr>
</table>
</div>
peut s'écrire :
<div id="top">
<a href="/?page=check"><img src="msn_logo.gif" width="118" height="35"
border=0 alt=""></a>
<span>ONLINE STATUS CHECKER</span>
</div>
ça évitera les différentes classes .top appliquées à tous les éléments de


la
table.
Tu peux même garder <h1> au lieu de <span> avec :
h1 {display : online;}
(pas testé)

--
A'tchao

Le Fou
http://perso.club-internet.fr/ehiller/ - http://club.exocet.free.fr/
http://www.ffessm-cd84.com/