Des image avant et aprés ma pub de régie... bug

[FrenchyNeo]

Salut à tous.

Voilà j'ai un gros problémes. Qui concerne du codage/graphisme.

j'ai une pub pour ma régie sur mon site. De chaque coté de cette pub j'ai apposé une image. le code dans mon .php est donc comme ceci:

echo "<center><img src=\"images/pub-gauche.gif\" border=\"0\" alt=\"\"><script LANGUAGE=\"JavaScript1.1\">
    sas_pageid='';
    sas_formatid=;
    sas_target='';
    SmartAdServer(sas_pageid,sas_formatid,sas_target);
    </SCRIPT><img src=\"images/pub-droite.gif\" border=\"0\" alt=\"\"></center>";

Seulement voilà, il y a des problèmes de placement. Cértains pub s'aligne bien. Mais d'autre me bousille complétement le chose. Voilà un exemple:

Ou alors (le pire)

Alors que ce passe t'il ? Les pub des ma régie sont mal faites ?

Mon codage est mal fichue ?

Puis je faire autrement ?

Merci de votre aide

[xpatval]

Sans savoir comment est codée (HTML) ta portion de page (est-ce dans le header ?), je te dirais que tu peux utiliser les float:left; et float:right; (en CSS, donc) afin de les caler.

Peux-tu nous donner le code HTML ?

xpatval

[FrenchyNeo]

Heuuuu c'est du php.

C'est pour mon Phpnuke, voilà le code du début ou il y a la pub que j'ai mise:

<?php

echo "<script LANGUAGE=\"JavaScript1.1\">
sas_tmstp=Math.round(Math.random()*10000000000);sas_masterflag=1;
function SmartAdServer(sas_pageid,sas_formatid,sas_target) {
if (sas_masterflag==1) {sas_masterflag=0;sas_master='M';} else {sas_master='S';};
document.write('<SCR'+'IPT SRC=\"http://www.smartadserver.com/call/pubj/' + sas_pageid + '/' + sas_formatid + '/'+sas_master + '/' + sas_tmstp + '/' + escape(sas_target) + '?\"></SCR'+'IPT>');
}
</SCRIPT>";

if (!stristr($_SERVER['SCRIPT_NAME'], "modules.php")) {
	die ("You can't access this file directly...");
}
require_once("mainfile.php");
$module_name = basename(dirname(__FILE__));
get_lang($module_name);
$pagetitle = "- "._RECOMMEND."";

function RecommendSite() {
    global $user, $cookie, $prefix, $db, $user_prefix, $module_name;
    include ("header.php");
	echo "<center><img src=\"images/pub-gauche.gif\" border=\"0\" alt=\"\"></center>";
	echo "<center><script LANGUAGE=\"JavaScript1.1\">
    sas_pageid='1357/11080';
    sas_formatid=316;
    sas_target='';
    SmartAdServer(sas_pageid,sas_formatid,sas_target);
    </SCRIPT></center>";
	echo "<center><img src=\"images/pub-droite.gif\" border=\"0\" alt=\"\"></center>";
    title(""._RECOMMEND."");	
    OpenTable();

Merci beaucoup de ton aide.

[xpatval]

Ne connaissant pas phpnuke....

Disons qu'à la place de ça:

 echo "<center><img src=\"images/pub-gauche.gif\" border=\"0\" alt=\"\"></center>";

Tu remplaces par ça pour l'image de gauche:

echo "<img class=\"imagefloat\" src=\"images/pub-gauche.gif\" alt=\"\">";

avec ça en plus dans la feuille de style:

.imagefloat
{
float: left;
padding: 0;
border: none;
margin: 1px 1px 1px 1px;
}

Tu procèdes de la même manière pour l'image de droite, avec les modifs suivantes:

class=\"imagefloat_right\"

et pour la css:

float: right;

A titre d'info, les valeurs pour le margin sont à régler en fonction de ta page. et tu peux aussi régler le padding, en fonction de tes besoins.

xpatval

[FrenchyNeo]

Alors alors. Merci bcp pour ton aide !

Je récapitule.

j'ai mis ca dans mon css:

.imagefloat
{
float: left;
padding: 0;
border: none;
margin: 1px 1px 1px 1px;
}

.imagefloat
{
float: right;
padding: 0;
border: none;
margin: 1px 1px 1px 1px;
}

Et j'ai mis ca dans la page .php:

function RecommendSite() {
    global $user, $cookie, $prefix, $db, $user_prefix, $module_name;
    include ("header.php");
	echo "<img class=\"imagefloat_right\" src=\"images/pub-gauche.gif\" alt=\"\">";
	echo "<script LANGUAGE=\"JavaScript1.1\">
    sas_pageid='1357/11080';
    sas_formatid=316;
    sas_target='';
    SmartAdServer(sas_pageid,sas_formatid,sas_target);
    </SCRIPT>";
	echo "<img class=\"imagefloat\" src=\"images/pub-droite.gif\" alt=\"\">";
    title(""._RECOMMEND."");	
    OpenTable();

[FrenchyNeo]

Donc avec ce code, voilà ce que j'obtient:

[xpatval]

Tu as mis deux fois .imagefloat dans ta feuille de style !!

Il faut deux nom différents.

Ensuite, par rapport à ton résultat, tu modifies les margin dans l'image de droite, en attribuant probablement des valeurs négatives (margin: -40px 1px 1px 1px).

xpatval

[FrenchyNeo]

Exact.

Alors, j'arrive a compenser l'erreur que cette pub génère. Seulement, cette pub, en autre celle de michelin dans mon cas, crée donc un genre de saut de ligne. En bidouillant les image de chaques coté reste au même niveau mais le bloque (pub + images de chaques cotés) à un saut de ligne (crée au cause de la pub.

Bref c'est vraiment pas trés clair je me rend compte à dire

Alors je suis peut être en train de penser peut etre une autre technique.

Serait il possible de mettre un bandeau en fond de la pub. C'est a dire que, au lieu de dire "pub-gauche.gif" a gauche et "pub-droite.gif" à droite, de dire "fond-pub.gif" DESSOUS le script de la pub.

voilà une image qui pourrait mieux explique:

Merci beaucoup pour ton aide.

Je sent qu'on est sur la bonne voie

Modifié 29 Avril 2006 par FrenchyNeo

[FrenchyNeo]

Alors en attendant une réponse, j'ai retaper le code.

Donc, j'ai mis le bandeau "fond-pub.gif" et dessous la pub.

Et là, sous cette forme, la pub qui bug (michelin et une autre...) ne merdoi plus.

Elle ne génére pas d'espace en trop. Là, la pub reste bien dessous, coller à "fond-pub.gif".

Voilà donc ou j'en suis niveau code:

echo "<center><img src=\"images/fond-pub.gif\" border=\"0\" alt=\"\"></center>";
	echo "<center><script LANGUAGE=\"JavaScript1.1\">
    sas_pageid='1357/11080';
    sas_formatid=316;
    sas_target='';
    SmartAdServer(sas_pageid,sas_formatid,sas_target);
    </SCRIPT></center>";

Et rendu graphique:

[xpatval]

Bref c'est vraiment pas trés clair je me rend compte à dire

<{POST_SNAPBACK}>

Heu...exact ! Je n'ai pas tout saisi de ton post !

N'aurais-tu pas une url à proposer, afin de se rendre compte de visu ?

Et pourrais-tu faire un copier/coller du code source, une fois la page affichée, car on ne sait pas si les positions des différents blocs sont en relatif, absolute...?

xpatval

[FrenchyNeo]

Oui je me doutait que tu n'allait pas comprendre. Moi même j'avais du mal à me comprendre

Voilà ma page de test: http://www.frenchyskins.com/modules.php?name=Recommend_Us

En fait, la pub est sous "fond-pub.gif". Il faudrait donc dire au script de ce decaler vers le haut en ce superposant au .gif.

Je crois que là c'est plus clair

Grand merci

[FrenchyNeo]

Bon en attendant une réponse j'ai essayer de mon coté.

Bon j'ai fait ca comme un gros newbie car je n'y connait pas grand chose. Sous dreamweaver, j'ai créer un calque avec "fond-pub.gif" et un autre calque contenant le script pub.

Et ca marche

Seulement c'est peut etre trop facile car il faut que ce soit bien sur compatible avec mon site.

Bref... je m'arrete là

Je vais attendre une réponse

[xpatval]

Seulement c'est peut etre trop facile car il faut que ce soit bien sur compatible avec mon site.

<{POST_SNAPBACK}>

Qu'entends-tu exactement par compatible....?

Je viens de regarder le source de la page, et manifestement, c'est un gros foutoir...

En fait, avant de régler le problème des images, il vaudrait mieux régler celui de sa validation aux normes W3C, histoire de, car avec deux balises <html>, <head>, <body> etc., beaucoup de choses risquent de ne pas fonctionner comme prévu...

Regarde ici, concernant la propreté du code (est-ce que Phpnuke pond vraiment un code aussi crad ?

xpatval

[FrenchyNeo]

Ben le probléme est que le cherche d'erreur (conaissait pas) me donne des erreur pourtant "valide" pour Phpnuke. Des codages indispensable en clair...

Et puis des erreurs que je ne comprend pas car pourtant c'est bien fait (des espace de mot, etc...).

Sinon j'ai essayer de mettre des calque (fait sous dreamweaver) seulement ca bouge suivant la résolution. Donc pas bon...

Ya t'il un systéme qui pourrait "empiler" le script par dessus le gif, sans former d'erreur et qui ne bouge pas ?

Edit: Phpnuke utilise plusieurs morceaux de module pour former "un tout". D'ou le fait que tu a trouver deux la balise head par exemple.

Mais au niveau compatibilitée, j'ai vue mon site sous plusieurs navigateur, et apparement aucun probléme. Je n'ai jamais eu de soucis...

Modifié 29 Avril 2006 par FrenchyNeo

[FrenchyNeo]

Bon sinon, en attendant de l'aide

xpatval, j'ai reconstruit mon codage. C'était du temps ou je m'y connaissait encore moins qu'aujourd'hui. J'ai donc virer l'include html et mis l'animation dans le code .php.

Il n'y a donc plus de doublon <html> <head> etc...

merci

[FrenchyNeo]

Donc en fait, la chose à savoir:

Est il possible de supperposer un code javascript à une image ?!

Merci