par
thib41 » 14 juin 2013, 23:18
Bonsoir à tous !
Je vous ai pas mal embêté ces derniers jours avec la création de mon site, du système d'observation etc...
Jusque là tout fonctionnait à merveille... Mais je suis sur mac (donc Safari), et un toute à l'heure j'ai eu l'idée de tester mon site sur Firefox et Chrome !
Et là petit hic : l'image de l'observation ne se positionne là où il faut !
Testez par vous même si vous avez la possibilité d'utiliser Safari et Firefox et/ou chrome :
http://www.com41.fr/V7/observations.html
Comme vous devez le remarquer, sur Safari l'image se place là où il faut (sur Sargé-sur-Braye) :
Pas sur Chrome et Firefox :
Voici le morceau de mon code correspondant à l'affichage de l'image :
echo'
<SPAN style="position: absolute; top: '.$coordfy.' px; left: '.$coordfx.' px;">
<style>a.info { position:relative; z-index:24; color:#FFFFFF0; text-decoration:none } a.info:hover { z-index:25; background-color:#FFFFFF0 } a.info span { display: none } a.info:hover span { display:block; position:absolute; top:1em; left:1em;
width:10em; border:1px solid #D3D3D3; background-color:#F9F9F9; color:#000000; font-weight:none; padding: 5px; border-radius: 3px; }</style>
<a href="#" style="text-decoration:none;" class="info">
<img src="'.$URLimg.'" width="50" height="50"/>
<span>
<center>
<b><u><font color="#62B2EF">'.$villecarte.' ('.$depcarte.')</font></u></b> <br>
<font color="#C0C0C0">'.$heure.'</font> <br>
</center>
</br>
<center>
<b>'.$obscarte.'</b> <br>
Température : '.$tempecarte.' <br>
Vent de '.$dirventcarte.' a '.$ventcarte.' km/h <br>
___________________ <br>
</br>
<EM>'.$comcarte.'</EMBED>
</center>
</span>
</a>
</span>
';
A première vue c'est plus un problème CSS/HTML que PHP, mais je préfère quand même demander ici
Merci !
Thib
Bonsoir à tous !
Je vous ai pas mal embêté ces derniers jours avec la création de mon site, du système d'observation etc...
Jusque là tout fonctionnait à merveille... Mais je suis sur mac (donc Safari), et un toute à l'heure j'ai eu l'idée de tester mon site sur Firefox et Chrome !
Et là petit hic : l'image de l'observation ne se positionne là où il faut !
Testez par vous même si vous avez la possibilité d'utiliser Safari et Firefox et/ou chrome : [url=http://www.com41.fr/V7/observations.html]http://www.com41.fr/V7/observations.html[/url]
Comme vous devez le remarquer, sur Safari l'image se place là où il faut (sur Sargé-sur-Braye) :
[img]http://img15.hostingpics.net/pics/716489Capturedcran20130614231217.png[/img]
Pas sur Chrome et Firefox :
[img]http://img15.hostingpics.net/pics/547898Capturedcran20130614231234.png[/img]
Voici le morceau de mon code correspondant à l'affichage de l'image :
[php]
echo'
<SPAN style="position: absolute; top: '.$coordfy.' px; left: '.$coordfx.' px;">
<style>a.info { position:relative; z-index:24; color:#FFFFFF0; text-decoration:none } a.info:hover { z-index:25; background-color:#FFFFFF0 } a.info span { display: none } a.info:hover span { display:block; position:absolute; top:1em; left:1em;
width:10em; border:1px solid #D3D3D3; background-color:#F9F9F9; color:#000000; font-weight:none; padding: 5px; border-radius: 3px; }</style>
<a href="#" style="text-decoration:none;" class="info">
<img src="'.$URLimg.'" width="50" height="50"/>
<span>
<center>
<b><u><font color="#62B2EF">'.$villecarte.' ('.$depcarte.')</font></u></b> <br>
<font color="#C0C0C0">'.$heure.'</font> <br>
</center>
</br>
<center>
<b>'.$obscarte.'</b> <br>
Température : '.$tempecarte.' <br>
Vent de '.$dirventcarte.' a '.$ventcarte.' km/h <br>
___________________ <br>
</br>
<EM>'.$comcarte.'</EMBED>
</center>
</span>
</a>
</span>
';
[/php]
A première vue c'est plus un problème CSS/HTML que PHP, mais je préfère quand même demander ici ;)
Merci !
Thib
