Créer un compte
Connexion

Signatures pour forumsImages perso pour forums (avatar)UserbarTextes stylés (Pseudo)Redimention d'images gifs animéesBadges Web 2.0Reflets sur imagesFaviconTitres Web 2.0Images gifs à effet gratuit
Vous êtes ici: Support du Web > Forum > Notre site > Questions ou Problèmes > Popup

Popup

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
Lolo44
23/10/2010 à 23:06:23
Lolo44
Membre
:exit: Accéder au site web de ce membre
Spitfire 95
24/10/2010 à 09:38:59
Spitfire 95
Membre
 Je ne pense pas que ça vienne du Support Du Web, ce n'est pas dans l'esprit du site que de polluer les sites des utilisateurs des services.
Je penserais plutôt à Weborama. Utilise tu un de leurs services ?

Cordialement.
Lolo44
24/10/2010 à 09:55:15
Lolo44
Membre
 Si tu parle de ce site alors non , je ne l'utilise pas ...
:exit: Accéder au site web de ce membre
ybouane
24/10/2010 à 18:12:34
ybouane
Admin
 Bonjour,
Comme l'a dit Spitfire 95, ce n'est pas le support du web qui a ouvert des pop-ups sur ton site.
Peut-tu nous donner l'adresse de la page ou il y a le problème?

Cordialement :)
Image
Lolo44
24/10/2010 à 22:18:52
Lolo44
Membre
 Mon site est en maintenance mais j'ai laissé une page 'standart' ou se trouve le problème , voila le lien --> URL
:exit: Accéder au site web de ce membre
Spitfire 95
24/10/2010 à 22:30:42
Spitfire 95
Membre
 Tu parle du bouton vert "S'inscrire/se connecter" au milieu de la page ? Il ne fait rien chez moi à part changer la largeur du site ^^
Si c'est bien de ça dont tu parles alors voici le code :
<div align="center">
<a onClick="this.nextSibling.style.display=((this.nextSibling.style.display=='none')?'':'none');" href="javascript:;">
<!--connect-->
<div id="connect">
<img src="btn_connect.png" border="0" />
</div>
</a><span style="display: none;"><!--membres-->
 <div id="membres">
<iframe src="membres" width="350px" height="450px" frameborder="0" name="maframe1" scrolling="yes">
Votre navigateur ne prend pas en charge les frames ou elles sont d&eacute;sactiv&eacute;e.</iframe>
</div>
</span></div> Il ne reste plus qu'à trouver d'où ça vient.

Mais avant tout, purifie ton code ! Je ne sais pas si c'est toi qui a codé ça ou si c'est un CMS, mais <font face="... dans le head, je ne comprend pas s'où ça peut venir. Surtout quand il change la fonte de rien (même pas d'un espace)
146 erreurs au validateur du W3C de mémoire !
Lolo44
24/10/2010 à 23:24:58
Lolo44
Membre
 Je sais pas pourquoi tu me donne un code que j'ai deja !
Ce code ne marche pas sous XP , regarde un apercu avec seven -->apercu ce n'est pas au milieu ...
Ensuite pour le W3C , ce n'est pas très important ... pour moi !

Et c'est 141 erreurs :-. ... Mais c'est pas tellement mieux :(

:exit: Accéder au site web de ce membre
Spitfire 95
24/10/2010 à 23:30:15
Spitfire 95
Membre
 Le problème ne vient pas du système d'exploitation, mais de la résolution et/ou du navigateur.
Pour le W3C, un code valide permet lors d'une modification de trouver directement d'où vient l'erreur. Ça marche pas, W3C, 2 erreurs, et tu résous le problème. 250 erreurs, tu cherche même pas. Ensuite, un code valide sera plus compatible avec les différents navigateurs. Enfin, ça reste théorique, parce que ça assure une compatibilité avec les navigateurs qui respectent les standards, donc tu retire déjà IE, puis les versions <4 de Firefox pour les sites utilisant du CSS3.
C'est la raison pour laquel mon site s'affichera très mal sous IE, mal sous FF, et très bien sous Chrome.
Lolo44
25/10/2010 à 08:46:39
Lolo44
Membre
 Oui mais si mon code est valide ,mon site serais compatible avec tous les systemes d'exploitation ou si j'ai bien compris ce que tu as dit , toutes les résolutions ?

Mon site marche très bien sous FireFox et Chrome ... mais surtout sur Chrome ! Pour IE , je ne sais pas il plante chez moi (j'ai la beta de IE9 donc c'est juste un apercu du navigateur)
:exit: Accéder au site web de ce membre
Spitfire 95
25/10/2010 à 10:37:33
Spitfire 95
Membre
 Toutes les résolutions ? Non, il peut être valide au point de vue du W3C et mal s'afficher sur les différentes résolutions. Mais c'est difficile de le rendre compatible toutes résolutions.
Pour tester ton site sous différentes résolutions : http://www.supportduweb.com/testeur-resolution-site-taille-ecran-page-test-screen-resolution-size.html
Lolo44
25/10/2010 à 11:27:25
Lolo44
Membre
 Merci pour le lien .... Sinon pour mon problème ?
Yboune tu voulais le lien ou se trouve le problème , le (re)voila -->URL
:exit: Accéder au site web de ce membre
Spitfire 95
25/10/2010 à 11:45:39
Spitfire 95
Membre
 #connect {
position:fixed;
top:220px;
left:314px;
} Là, je ne comprend pas. Position fixe, distance en pixel, ça devrait fonctionner indépendamment de la résolution. O_o À moins que mes pixels fassent trois pixels de large :0

Spitfire 95
25/10/2010 à 11:54:17
Spitfire 95
Membre
 J'ai trouvé ! Enfin, je crois... j'espère...
Si ton site était valide HTML 4.01, j'aurais pris le temps de lire les erreurs avant. Mais j'ai finalement choisi d'éplucher le catalogue d'erreurs que nous donne le W3C, et j'ai trouvé.
Sur ta capture, la partie centrale est centrée, mais pas chez moi. Ce qui est surprenant car j'ai aussi Google Chrome. La version 8 instable, certes, mais Chrome quand même.
Or :
Line 28, Column 8: element "CENTER" undefined


Cependant, la bannière est bien centrée chez moi, donc je ne comprend toujours pas... Bref, j'avais cru trouver.
Ensuite, tu devrais peut-être choisir un DocType HTML 4.01 Transitionnal plutôt que le Strict. Il est plus simple à respecter.
Et fais attention, tu utilise parfois des anciennes propriétés qui sont maintenant obsolètes et plus reconnues par les nouveaux navigateurs .
Lolo44
25/10/2010 à 15:13:25
Lolo44
Membre
 D'accord merci je vais voir le doctype que tu me dit ...
:exit: Accéder au site web de ce membre
Lolo44
25/10/2010 à 17:11:35
Lolo44
Membre
 Bon je suis passé de 141 erreurs a 21 Errors, 0 warning en un apres-midi ...
Maintenant faut voir pourquoi y a ces popups ... tu n'as pas une idée ?
:exit: Accéder au site web de ce membre
Lolo44
25/10/2010 à 23:20:39
Lolo44
Membre
 Ca me semble resolu (les popups) , mais je pense que c'était du a des sevices du site http://www.onwebcreations.net/

Ca y est mon code est presque corrigé : 7 erreurs , qui , pour moi ne sont pas des erreurs ! regarde et dis moi ou est le problème stp . ;)
:exit: Accéder au site web de ce membre
Spitfire 95
26/10/2010 à 13:48:17
Spitfire 95
Membre
 La balise center n'existe plus. Utilise plutôt <div align="center">.
onmouseover et onmouseout n'existent pas pour l'élément <font>

Pour le div qui n'a pas le droit d'être là, je comprend pas pourquoi, mais je vais relire le code plus attentivement et j'éditerais mon message quand j'aurais (si je réussi à) trouver.

==Edit==
J'ai compris... Mais qu'est-ce que tu as été mettre un div dans un lien !?! x)
Lolo44
26/10/2010 à 17:39:28
Lolo44
Membre
 Merci pour le <div align="center"> mais ca ne change rien ... (il y a quand même un erreur de ma part ailleurs )
Pour le lien , c'est modifié , plus que 5 erreurs !
Merci de ton aide ;)
:exit: Accéder au site web de ce membre
Spitfire 95
26/10/2010 à 19:51:39
Spitfire 95
Membre
 J'ai trouvé ! Et cette fois, c'est pour de vrai.
T'as mis tes div dans le <head>.

Pour ton bouton de connexion, il est certes valide W3C, mais... chez moi il ne fait plus rien... -_-

Pour ton dernier problème, c'est que <font> ne connait pas les attributs javascript onmouseover et onmouseout. Si tu as voulu copier le Support du Web, tu aurais du regarder un peut le code.
Surtout que tu utilises Google Chrome alors c'est facile : Clique droit sur la barre de navigation, procéder à l'inspection de l'élement, tu vois que c'est <div class="barre_nav"> qui est sélectionné, tu regardes à droite les attributs de style ou tu vas directement dans la feuille de style pour rechercher ça :
/*
Barre de navigation
*/
.barre_nav a
{
        color:#aaaaaa;
}
.barre_nav
{
        padding:1px;
        text-align:left;
        padding-left:5px;
        width:840px;
        border:0px;
        font-size:12px;
        color:#aaaaaa;
}
.barre_nav:hover, .barre_nav:hover a
{
        color:#000000;
} Et tu copies ce qui t'intéresse la dedans.
Mais avant, demandes à Ybouane : "Toute copie partielle ou complète de nos créations est interdite sans l'accord de ses auteurs." :0
Spitfire 95
26/10/2010 à 19:15:11
Spitfire 95
Membre
 Ensuite, il faut valider la CSS sur http://jigsaw.w3.org/css-validator/. Prêt ? Non, t'inquiète pas, je te fais peur pour rien. Il met deux erreurs, mais si tu lui demande CSS3, t'en as aucune. T'as de la chance ^^
Lolo44
26/10/2010 à 23:11:13
Lolo44
Membre
Quote: Spitfire 95
T'as de la chance ^^

Mais je suis fort aussi.... bah a qui je vais faire croire ça !
Et c'est CSS niveau 2.1 ...

Et pour la dernière erreur , je n'ais pas copier le SDW mais j'ai cherché sur Google et j'ai pris le premier résultat mais je vais Demander a Ybouane plutôt ^^

Quand au bouton , je vais voir ca ... Je pense que c'est la fait d'utiliser du JS externe ...

______________________________________

Edit: Finalement j'ai réussi en CSS pour le onmouseover ... et ca reste valide en CSS!
Donc plus qu'une erreur dans mon code HTML!

:exit: Accéder au site web de ce membre
Spitfire 95
26/10/2010 à 23:21:35
Spitfire 95
Membre
 Ta dernière erreur, c'est un dic dans le <head>. Met le dans le <body> et ce sera finit.
Ensuite, tu auras un bouton 'Valide HTML 4.01' pour montrer à tes visiteurs que ton site est codé dans les règles de l'art ^^
Pour la CSS, cyan est reconnu en CSS3 mais pas en 2.1. Remplace le par un code hexadécimal de couleur, et ça devrait passer.
Lolo44
27/10/2010 à 10:39:41
Lolo44
Membre
 Heu ? Je n'ais pas mis 'cyan' dans ma feuille de style ... Je pense que tu as regardé 'default.html' au lieu de 'style.css'

Et pour la dernière erreur , mon <div> n'est pas dans <head> mais dans <body> ... Mais je crois que l'erreur est la parce que mon <div> est dans un <span>...

Edit: J'ai corrigé le cyan et le gray dans default.html
:exit: Accéder au site web de ce membre
Spitfire 95
27/10/2010 à 10:49:09
Spitfire 95
Membre
 Oui, un div dans un span... Un div dans un span ???
Un span est un élément qui contient du texte et qui le met en forme. Un div est un conteneur.
Mettre un div dans un span, c'est mettre une boite dans ta feuille.

Lolo44
27/10/2010 à 11:07:48
Lolo44
Membre
 Ou mettre un spoiler ...

<div align="center"><a onClick="this.nextSibling.style.display=((this.nextSibling.style.display=='none')?'':'none');" href="javascript:;"><img src="image.png" border="0" /></a><span style="display: none;"><p> </p>Ceci apparait après avoir cliqué</span></div>
 
:exit: Accéder au site web de ce membre
Spitfire 95
27/10/2010 à 12:05:25
Spitfire 95
Membre
 Bon, la bonne nouvelle, c'est que ton site est presque valide...
La mauvaise, c'est que le problème d'affichage est toujours là...
Je vais faire quelques essais sur ta page pour résoudre le problème.

PS : Je verrais bien des effets onmouseover sur ta barre de navigation ;)


==Edit==
Voila ce que je te propose :
<!--connect-->
<div style="position:fixed;top:220px;left:215px;">
<a onclick="this.nextSibling.style.display=((this.nextSibling.style.display==&#39;none&#39;)?&#39;&#39;:&#39;none&#39;);" href="javascript:;"><img src="./pa Legends    Title - Koo_files/btn_connect.png" alt="connection" border="0"></a><p style="display: none; "></p>
<span style="display: none;">
<!--membres-->
 <div id="membres">
<iframe src="http://koopa-legends.legtux.org/em" width="350px" height="450px" frameborder="0" scrolling="yes">
Votre navigateur ne prend pas en charge les frames ou elles sont d&amp;eacute;sactiv&amp;eacute;e.</iframe>
</div>
</span></div>

<!--Voir btn conection-->


<div style="position:absolute;left:260px;">
<!--Partie Verte--> Ayant mit le style dans les éléments, tu peux retirer .connect de ta CSS, ou remettre <div class="connect"> Dans ton HTML.
Avec ce code, la partie centrale sera toujours placée à 260px du bord gauche de l'écran, mais ne sera pas fixe. Le bouton, lui, restera fixe à 215px. De cette manière, ça s'affichera bien avec toutes les résolutions et tous les navigateurs.
Lolo44
27/10/2010 à 20:14:53
Lolo44
Membre
 Ce qui rend la partie plus au milieu , desactive le spoiler et ce n'est pas valide question W3C ..

C'est normal?
:exit: Accéder au site web de ce membre
Spitfire 95
28/10/2010 à 09:39:39
Spitfire 95
Membre
 Chez moi, avec Chrome 8, ton bouton était sur la zone de texte, ta zone de texte était à gauche collée à la barre de navigation, et avec ça, tu as normalement la certitude que c'est compatible tous navigateurs et toutes résolutions.
Pour ton spoiler, chez moi, il n'a jamais fonctionné correctement. J'ignore où il devait s'ouvrir, mais surement pas à droite de ton site, détruisant le design et forçant l'utilisateur à utiliser la scrollbar horizontale pour y accéder. Comme on dit chez les Ubunteros, pas très user-friendly.
Ensuite, ton erreur est encore la même : <div id="membre"> dans un span.
Ma faute cette fois ^^

==Edit==
Bon, même avec le tuto proposé par le SupportDuWeb, je n'ai pas réussi à refaire fonctionner ton machin. Et pourtant, Chrome n'a pas reporté d'erreurs dans le javascript.
De toute façon, ton truc de connexion doit apparaître à un endroit précis, alors que ton bouton ne l'est pas. Donc, soit tu garde le système et t'ajoute une ancre vers #membres, soit le bouton lance une fenêtre pop-up de connexion. Une fois l'utilisateur connecté, il faudrait aussi remplacer le bouton par "Se Déconnecter".
Et ton <div id="connect"> contient une frame. Cette frame en contient elle même une autre. Je n'ai pas été plus loin mais est tu sûr que tu n'as pas d'autres solutions ? Parce que pour la maintenance, ce n'est peut-être pas l'idéal. Surtout que les navigateurs pour malvoyants, en mode texte (il y a même des linuxiens nostalgiques d'il y a 20 ans qui en utilise quotidiennement :) Pas moi, mais y'en a), et les robots d'exploration des moteurs de recherche ne peuvent pas y acceder, donc je pense que c'est à éviter.
Lolo44
28/10/2010 à 21:04:31
Lolo44
Membre
 Moi le spoiler a toujours marché , il 'ouvrait' un partie a droite de la partie centrale sous forme d'iframe...
Je garde ton idée de popup ,, mais dans ce cas la , l'utilisateur ne verra pas le menu lorsqu'il est connecté ... je pense que je vais supprimer le spoiler et mettre directement l'iframe...Quand au bouton je vais le mettre sous ou sur l'iframe .


Edit:Bon ca y est mon site est valide coté W3C , il marche avec toutes les résolutions d'écran , a peu prs tous les navigateurs ... je n'ai pas utilisé les popups , ni le systeme d'ancre , et pour les frames c'est temporaires ...
:exit: Accéder au site web de ce membre
Pages: 1