Scroll centré sur Firefox+Opera mais pas sur ie

lordbdp · Message par **lordbdp** » 15 juin 2006, 15:58

Bonjour à tous et à toutes,

Je viens de mettre un scroll d'images en place (pour OsCommerce).

?>
<!-- referals_scroll //-->
          <tr>
            <td>
<?php
  $info_box_contents = array();
  $info_box_contents[] = array('text' => BOX_HEADING_PARTNERS);

  new infoBoxHeading($info_box_contents, false, false);

  $info_box_contents = array();
  $info_box_contents[] = array('text' => '<MARQUEE behavior= "scroll" align= "center" direction= "up" height="100" scrollamount= "1.5" scrolldelay= "50"><a href="http://www.site1.com/clic.php" target="_blank"><img src="http://www.site1.com/cgi-bin/vote.eur?id=xxx" width="80" height="30" border=0 alt="Classement de sites - Inscrivez le vôtre!"></a><br><br>' .
                                         '<A HREF=http://www.site2.com/hp.asp?site=xxx TARGET=_blank><IMG SRC=http://log.site2.com/logo.gif TITLE="blabla" WIDTH=77 HEIGHT=15 BORDER=0></A><br><br>' .
                                         '<A HREF="http://www.site30.com/top/cliclogo.php?idsite=xxx" TARGET="_blank"><IMG SRC="http://www.site30.com/logo.gif" BORDER=0></A></MARQUEE>');


  new infoBox($info_box_contents);
?>
            </td>
          </tr>
<!-- referals_scroll_eof //-->

Seuls petits défauts non résolus :
1) Sous ie les images se collent à gauche de la boxe.
2) Sous Opera, rien à dire.
3) Sous Firefox, affichage de toutes les images avec agrandissement de la boxe avant défilement.

Résultat visible sur mon site de test en bas sur la colonne de droite.

Si vous savez comment régler cela...je suis prenneur.

Merci d'avance.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Caille Rotie · Message par **Caille Rotie** » 15 juin 2006, 16:38

J'ai pas bien compris ton problème, pourtant, je m'y suis un peu plongée.

Ce que je comprends pas, surtout, c'est que sur ton site d'exemple, ya 3 scroll qui s'alignent très bien (bestselleur, promotions et nouveauté) et que la quatrième (en bas à droite) est le seul à poser problème. Pourquoi ne pas copier le code qui crée les autres???

Sinon, j'ai été très surprise de ne pas retrouver tes commentaires

Code : Tout sélectionner

<!-- referals_scroll //-->

dans le source de la page que tu donnes en démo. T'es sur que tes modifications sont bien prises en compte?

Toujours en regardant le source, j'ai bien vu que dans les scroll qui marchent, il y a toujours une balise <center> quelquepart :

Code : Tout sélectionner

<td class="boxText">
<MARQUEE behavior= "scroll" align= "center" direction= "up" height="160" scrollamount= "2" scrolldelay= "60" onmouseover='this.stop()' onmouseout='this.start()'
  <table border="0" width="100%" cellspacing="0" cellpadding="1">
    <tr><td class="infoBoxContents" valign="top"></td>
      <td class="infoBoxContents">
      <center>
      [...]
      </td>
    </tr>
  </table>
</MARQUEE>
</td>

Code : Tout sélectionner

<td class="boxText">
<MARQUEE behavior= "scroll" align= "center" direction= "up" height="130" scrollamount= "2" scrolldelay= "60" onmouseover='this.stop()' onmouseout='this.start()'>
  <center>
    <a href=""> etc...
    [...]
    <span class="productSpecialPrice">11.95€</SPAN>
  </center>
  <hr>
  </span>
</MARQUEE></td>

D'ailleur, ce code est pas terrible. C'est quand même beacoup plus facile de s'y retrouver quand on ferme les balises qui ont été ouvertes, de fermer en premier celles qui ont été ouverte en dernier, de fermer uniquement des balises qui ont été ouvertes, de mettre en majuscule et minuscule de facon cohérente... (comment j'indente ca, moi après ??)

Après tout ca, j'ai enfin a peu près pu lire le bout de code que tu nous a mis, et je n'ai vu aucune consigne d'alignement. Pas étonnant que cela varie selon les navigateurs : chacun doit faire en fonction de ses règles d'héritage, et surement aussi du système de fermeture de balises non fermées...

Enfin, je n'ai pas le problème d'affichage de la boxe avant défilement avec Fx.

J'espère avoir pu t'aider un peu quand même.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

PS : j'ai un doute soudain, c'est quand même pas de la pub dégisée ???

epsy · Message par **epsy** » 15 juin 2006, 16:44

salut,

Caille Rotie a écrit :Enfin, je n'ai pas le problème d'affichage de la boxe avant défilement avec Fx.

pendant le chargement de la page si tu scrolles à fond vers le bas tu les veras tous

et j'ai remarqué que fx passe en mode quirks

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

lordbdp · Message par **lordbdp** » 29 juin 2006, 18:30

Kézako le mode quirks ?

Concernant le code, je ne peu partir sur le code des autres boxes car il n'est pas fait de la même manière et fait appel à une base sql.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

teoli2003 · Message par **teoli2003** » 29 juin 2006, 19:34

lordbdp a écrit :Kézako le mode quirks ?

C'est le mode utilisé par Firefox pour traiter les sites ayant du code html/css incorrect.

Plus lent et souvent plus buggué, mais moins strict.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

lordbdp · Message par **lordbdp** » 30 juin 2006, 00:00

C'est étonnant car le validateur W3C est ok sur la version finalisée !

http://www.e-central.fr

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **Benoit** » 30 juin 2006, 07:50

teoli2003 a tort quand il parle de code incorrect, le mode de rendu est simplement choisi en fonction de la déclaration doctype (que tu peux respecter ou non dans la suite de la page).

Pour que ta page soit évaluée en mode standard, il faudrait changer la ligne du doctype de

Code : Tout sélectionner

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

en

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

(ce sera le mode "presque standard" puisque c'est toujours du transitional)

lordbdp · Message par **lordbdp** » 19 oct. 2006, 10:54

Dsl du retard j'avais un petit soucis de serveur...réglé.

J'avais en effet homis les <center> et </center>. Maintenant c'est plus propre.

Merci.

Reste le soucis d'ouverture complète en hauteur des colonnes de défilement avant le défilement des images.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

Geckozone

Scroll centré sur Firefox+Opera mais pas sur ie

Scroll centré sur Firefox+Opera mais pas sur ie

Qui est en ligne ?