Probleme avec mon site

kemy -  
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   -
bonjour , j'ai réalisé une page internet qui fonctionne bien sur IE 6 mais lorsque je suis sous mozilla cela ne marche plus completement quelqu'un pourrait ma'aidé svp??
A voir également:

22 réponses

  • 1
  • 2
Réponse 1 / 22
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
et bien en fait c'est déjà un petit miracle que quelquechose s'affiche…

il y a 4 <body> dans la page, dont 3 (2 sont imbriqués dans le troisième) dans le <head>.
enfin bref, tu as dû faire des copiés/collés de plusieurs documents différents mais tu n'as pas respecté les règles de base de html concernant la structure.

un document comme celui là ne se corrige pas, il faut le refaire entièrement.
tu pourrais le refaire simplement sans le javascript. une fois que tout sera bien en place tu pourras l'enrichir avec des effets javascripts.

qu'en penses-tu ?
1
Réponse 2 / 22
king
 
Et revois aussi la déco, on doit dépasser largement les 300ko en une page, erf

Le meilleur conseil est effectivement de repartir à zéro...
1
Réponse 3 / 22
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

peux-tu nous montrer le code html+css ou nous donner une url ?
0
Réponse 4 / 22
kemy
 
C'est http://www.distrifrance-video.fr/diapo.htm
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 22
kemy
 
J'ai utiliser plusieurs body pour utiliser plusieurs choses, body onlad par exemple je peux pas le merttre deux fois dans le meme!! alors explictions
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
l'explication est simple : il faut d'abord te former aux bases d'html avant d'attaquer Javascript.
un seul <body> par fichier et au bon endroit, tu ne peux pas faire autrement. il faut que tu vois ce que tu peux faire et après décider ce que tu feras. un site simple, statique et bien pensé est bien plus efficace qu'une avalanche d'effets non maitrisés qui ne s'affichent pas correctement.

je ne peux pas te donner d'explication pour chaque erreur il y en a beaucoup trop.
ne le prend pas mal, on est pas là pour te descendre gratuitement. tu as simplement sauté une étape. si tu veux on peut te donner les pistes pour apprendre et repartir sur de bonnes bases mais ce que tu as écrit on ne peut rien en faire de mieux.
0
king
 
Pour la question, si.
Suffit de les séparer par un ----> ;

<BODY onLoad="focusOnLaunch();FadeById('image');">
0
Réponse 6 / 22
king
 
structure de base:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<title>Sans titre</title>
<meta name="............">
</head>

<body>
......
......
......
</body>

</html>

Tu peux appeler tes javascripts depuis le "Head", si tu souhaites qu'ils fonctionnent avant chargement complet de la page.
Tout ce qui est humainement visible doit se situer entre les balises "body"

Donc commence par faire ta page simplement sur cette base, gaffe au poids des images et ensuite insère ce dont tu as besoin et teste chaque étape.

Si tu as un pépin, ben tu poses ta question.
0
Réponse 7 / 22
kemy
 
Ok merci
0
Réponse 8 / 22
kemy
 
j'ai repris mon script à la base mais j'aimerais que vous me disié s'il y'a un souci dessus avant d'aller plus loin
0
Réponse 9 / 22
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut !

tu peux nous le montrer s'il te plait ?
0
Réponse 10 / 22
kemy
 
ca derange pas si je met tout le code ca ve etre un peu long non ?
0
Réponse 11 / 22
Pompom
 
Bonjour,
Non, pourquoi ?

Pompom
0
Réponse 12 / 22
kemy
 
OK VOILA LE CODE 
<HTML>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 
<HEAD> 
    
<style type="text/css">
//<div style="text-align: left;">
//body     { background: ; }
//background-attachment: fixed; 
//background-position: center 500px;
p        { font: normal normal normal 12pt/16pt "Times New Roman", Times, serif; color: black; text-decoration: none; text-align: justify; text-indent: 0em; }
.title   { font-size: 24px; text-align: center; font-weight: bold; border: solid #0000BB 0px; border-width: 1px 0px 1px 0px; padding: 5px; background: #BFDDFF; text-indent: 0em; }
.section { font-size: 18px; font-weight: bold; border: solid #0000BB 0px; border-width: 1px 0px 1px 0px; padding: 5px; background: #BFDDFF; text-indent: 0em; }
.button  { font-weight: bold; color: blue; }
.code    { font-family: courier new, fixedsys; color: green; }
.imgfade {        opacity: 0;        -Moz-Opacity: 0;        -Khtml-Opacity: 0;        filter: alpha(opacity=0);      }
</style>

<body style="margin:0px; padding:0px;">
  <img src="photo/cop.gif" style="width:100%;">
  <p>&nbsp;</p>
  <div style="position:absolute; top:0px; left:8px;">
  <p>
  </div>
</body>

<BODY onLoad="focusOnLaunch()">
<SCRIPT LANGUAGE="JavaScript">

var rep = "";  // Répertoire des images du diaporama (vide si meme repertoire que le fichier html)
var num = 0;
var myCounter;
var next_img = new Image;
next_img.src = rep+"photo/pixel_transparent.gif"; 
var wPopup;
var tabImg;
var tabImgSave = new Array;
tabImgSave[0] = 'photo/gif2.gif';
tabImgSave[1] = 'photo/bandeau2.gif';
tabImgSave[2] = 'photo/bandeau3.gif';
tabImgSave[3] = 'photo/image1.gif';
tabImgSave[4] = 'photo/bandeau4.gif';
tabImgSave[5] = 'photo/bandeau5.gif';
tabImgSave[6] = 'photo/bandeau6.gif';
tabImgSave[7] = 'photo/bandeau7.gif';
tabImgSave[8] = 'photo/bandeau8.gif';
tabImgSave[9] = 'photo/bandeau9.gif';
var nb_img = tabImgSave.length;
	       

//
// Les trois fonctions suivantes (+ éventuellement, "mySplice")
// servent à mélanger un tableau quelconque à partir d'une
// permutation tirée aléatoirement
//

// Méthode "splice" si elle n'existe pas
//   tab : tableau
//   s   : début de la suppression
//   l   : nombre d'éléments à supprimer
function mySplice(s, l) {
	if(s+l > this.length) l = this.length-s;
		
	for(var i=s; i<this.length; ++i)
		this[i] = this[i+1];

	delete this[this.length-1];
	this.length--;
}

// Est-ce que la méthode "splice" est disponible ?
if(!Array.prototype.splice) {
	// Non, alors on utilise la version "maison"
	Array.prototype.splice = mySplice;
}

// Génère une fonctione sous-excédente
function fctSsExc() {
	var fct = new Array;
	for(var i=0; i<nb_img; i++) {
		fct[i] = Math.floor( Math.random()*(nb_img-i) );
	}
	return fct;
}

// Construit une permutation à partir d'une fonction sous-excédente
function buildSigma() {
	var fct_ss_exc = fctSsExc();
	var set_N       = new Array;

	for(var i=0; i<nb_img; i++) {
		set_N[i] = i;
	}

	var sigma = new Array;

	for(var i=0; i<nb_img; i++) {
		sigma[i] = set_N[fct_ss_exc[i]];
		set_N.splice(fct_ss_exc[i],1);
	}
	return sigma;
}

// Retourne une version mélangée du tableau passé en paramètre
function shuffleArray(myArray) {
	var sigma    = buildSigma();
	var newArray = new Array;

	for(var i=0; i<nb_img; i++) {
		newArray[i] = myArray[sigma[i]];
	}
	return newArray;
}
//
// Fin des fonctions de mélange
//

// Donne le focus au bouton "Lancer"
function focusOnLaunch() {
	window.document.forms.settings.bLaunch.focus();
}

// Donne le focus au bouton "Stopper"
function focusOnStop() {
	window.document.forms.settings.bStop.focus();
}
function next() {
	// Est-ce que l'image suivante est oréchargée ?
	if(next_img.complete) {
		// Oui, alors après le temps de pause choisi par l'utilisateur, cette image remplacera l'actuelle
		myCounter = setTimeout("launch()", 1000*window.document.settings.tempo.value);
	}
	else {
		// Non, alors on continue d'attendre qu'elle le soit
		myCounter = setTimeout("next()", 250);
	}
}

// Lance le slideshow
function launchFirst() {
	// Petite vérification de la temporisation choisie
	if(window.document.settings.tempo.value == "") {
		alert("Précisez une temporisation entre 0 et 60 secondes...");
		return false;
	}

	// Ordre normal ou aléatoire
	if(window.document.settings.order[1].checked) {
		tabImg = shuffleArray(tabImgSave);
	}
	else {
		tabImg = tabImgSave;
	}

	// Avant de lancer le slideshow, on désactive tous les éléments du formulaire
	// et on active le bouton "Stopper"
	next_img.src = rep+tabImg[0];
	window.document.forms.settings.bStop.disabled    = false;
	focusOnStop();
	window.document.forms.settings.bLaunch.disabled  = true;
	window.document.forms.settings.repeat.disabled   = true;
	window.document.forms.settings.order[0].disabled = true;
	window.document.forms.settings.order[1].disabled = true;
	window.document.forms.settings.tempo.disabled    = true;
	
	launch();
}

// Poursuit le slideshow
function launch() {
	// Si la fenêtre n'existe pas ou est fermée, on la réouvre
	if(!wPopup || wPopup.closed) {
		wPopup = window.open('', 'img_popup', 'width=50, height=50, top='+(screen.height-50)/2+', left='+(screen.width-50)/2+', directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=yes');
	}

	// On écrit le contenu de la fenêtre popup
	wPopup.document.clear();
	wPopup.document.write("<HTML><HEAD><TITLE>Presentation CB5.2 : "+(num+1)+"/"+nb_img+"</TITLE></HEAD>");

	// La fonction qui attend que l'image soit chargée et affichée pour redimensionner la fenêtre à la bonne taille
	wPopup.document.write('<SCRIPT language="JavaScript">\nfunction checkSize() { if(document.images && document.images[0].complete) { w = document.images[0].width+50; h = document.images[0].height+100; window.resizeTo(w, h); window.moveTo((screen.width-w)/2, (screen.height-h)/2); document.images[0].style.visibility = "visible"; window.focus(); if(opener.next_img.src != opener.rep+opener.tabImg[opener.num]) { opener.next_img.src = opener.rep+opener.tabImg[opener.num]; } } else { setTimeout("checkSize()", 250); } }\n</'+'SCRIPT>');
	
	wPopup.document.write('<BODY bgcolor="#FFFFFF" leftMargin="0" topMargin="0" marginWidth="0" marginHeight="0">');
	wPopup.document.write('<table width="100%" height="100%" align="center" cellpadding="0" cellspacing="0"><tr valign="middle"><td align="center"><img src="'+next_img.src+'" border="0" onLoad="checkSize()" onClick="window.opener.stop()" style="visibility:hidden"></td></tr></table>');
	wPopup.document.write('</BODY></HTML>');
	wPopup.document.close();
	num++;
	
	// On a passé toutes les images, on repart du début
	if(num == nb_img) num = 0;
	
	// Si "Répéter" n'est pas cochée, on stoppe le slideshow
	if(num == 0 && !window.document.settings.repeat.checked) {
		setTimeout("stop()", 1000*window.document.settings.tempo.value);
		return false;
	}

	// En cas de répétition en mode aléatoire, on remélange les images
	if(num == 0 && window.document.settings.order[1].checked) {
		tabImg = shuffleArray(tabImgSave);
	}

	next();
}

// Stoppe le slideshow
function stop() {
	clearTimeout(myCounter);
	wPopup.close();
	// On réactive tous les éléments du formulaire
	// et on désactive le bouton "Stopper"
	window.document.forms.settings.bLaunch.disabled  = false;
	focusOnLaunch();
	window.document.forms.settings.bStop.disabled    = true;
	window.document.forms.settings.repeat.disabled   = false;
	window.document.forms.settings.order[0].disabled = false;
	window.document.forms.settings.order[1].disabled = false;
	window.document.forms.settings.tempo.disabled    = false;
	num = 0;
}

// Vérification de la temporisation à chaque modification de celle-ci
function checkTempo() {
	var t = window.document.settings.tempo.value;
	if(isNaN(t) || t<0 || t>60) {
		window.document.settings.tempo.value = 3;
		alert("Mauvaise temporisation...\nEntrez un temps compris entre 0 et 60 secondes.");
		return false;
	}
}

</SCRIPT>
</HEAD>

<form name="settings">					  
<table align="center" cellpadding="2" cellspacing="0" border="0">
	<tr> 
		<td><p class="left"> <input type="hidden" name="order" value="normal" checked>&nbsp;&nbsp;&nbsp;
			<input type="hidden" name="order" value="aléatoire"> </p>
		</td>
	</tr>
	<tr> 
		<td>
			<p class="left">
			<input type="hidden" name="repeat"></p>
       </td>
    </tr>
	<tr> 
		<td>
			<p class="left">
            <input type="hidden" name="tempo" value="10" size="4" maxlength="2" style="background:#FFFFFF;color:#000033;font-size:14;font-family:Courier,monospace;text-align:center;" onKeyUp="checkTempo()" onChange="checkTempo()"> </p>
			</td>
	</tr>
</table>
<br>
<table align="center" cellpadding="2" cellspacing="0" border="0">
	<tr> 
		<td align="center">
			<input type="button" onClick="launchFirst()" name="bLaunch" value="Lancer"  style="width: 150px">&nbsp;&nbsp;&nbsp;&nbsp; 
			<input type="button" onClick="stop()"        name="bStop"   value="Stopper" style="width: 150px" disabled>
		</td>
	</tr>
</table>
</form>	
			

</BODY>


</html>
0
Réponse 13 / 22
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
mais c'est le même qu'hier !!! non il faut repartir de zéro, fichier vide, page blanche ! tu copies/colles le code que t'as fourni king et tu commences par faire un page statique c'est à dire sans Javascript.
0
Réponse 14 / 22
kemy
 
comme ca 


<HTML>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 
<HEAD> 
</head>   
<body style="margin:0px; padding:0px;">
  <img src="photo/cop.gif" style="width:100%;">
  <p>&nbsp;</p>
  <div style="position:absolute; top:0px; left:8px;">
  <p>
  </div>
</body>
</html>
0
Réponse 15 / 22
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
oui. je sais que ce n'est pas très joyeux comme perspective mais au moins tu vas pouvoir écrire une page solide et tout terrain. je te mets un peu plus sur la piste 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>Le titre de ma page</title>
		<style type="text/css">
body{
background-image:url("photo/cop.gif");
background-repeat:no-repeat;
background-position:top left;
color:#fff;
}
		</style>
	</head>
	<body>
		<ul>
			<li><a href="page1.html">Menu 1</a></li>
			<li><a href="page2.html">Menu 2</a></li>
			<li><a href="page3.html">Menu 3</a></li>
		</ul>
		<h1>Le titre de la page<h1>
		<h2>Sous-titre</h2>
		<p>un peu de texte, blablabla</p>
	</body>
</html>

le style c'est à dire la mise en forme est totalement à part (entre <style type="text/css"> et </style>). on pourra t'expliquer comment ca marche ou du moins ou trouver d bons tutos.
le contenu (le texte, les liens...) sont entre <body> et </body>.
à toi de mettre ce que tu veux après on verra comment le mettre en page.
l'image (<img />) a disparu, je l'ai mise en image de fond de la page car elle est simplement décorative. elle s'affichera quand même.

avec quel logiciel travailles-tu ?
0
Réponse 16 / 22
kemy
 
JE TRAVAILLE AVEC FRONTPAGE , par contre il faut absoulment que la page soit comme elle étiat présenté
0
Réponse 17 / 22
kemy
 
quand au style que j'ai ajouté c'etait pour mettre le fond a 100% SUR LA page ca marché pluto bien et je veux pas faire de menu, par contre je veux ajouter ceci 
<BODY text="#FFFFFF" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">
pour mettre mes liens en blanc si dans mon body j'ai deja un onload c'est possible ?? SANS AJOUTER UN AUTRE BODY
0
Réponse 18 / 22
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
pour Frontpage il vaut mieux l'abandonner de suite.
pour le remplacer gratuitement par quelque chose de mieux regarde là.

pour des liens, regarde la réponse que j'avais faite ici.
d'autres liens

pour ta mise en page, modifie pour obtenir 
body{
background-image:url("photo/cop.gif");
background-repeat:no-repeat;
background-position:top left;
color:#fff;
width:100%;
height:100%;
}

à la suite tu ajoutes ça : 
a:link{
color:#ffffff;
}
a:visited{
color:#ffffff;
}

il faut que tout cela reste entre <style type="text/css"> et </style>.
0
Réponse 19 / 22
king
 
tu peux mettre ça dans un style externe:

a:link {
color : white;
text-decoration : none;
font-weight : bold;
font-family : Arial, sans-serif;
font-size : 8pt;
}
a:visited {
color : white;
text-decoration : none;
font-weight : bold;
font-family : Arial, sans-serif;
font-size : 8pt;
}
a:hover {
color : white;
text-decoration : underline;
}


le "white" peut être changé pour #FFF ou #FFFFFF

Tu copies/colles avec le bloc note et tu enregistres sous "style.css" (par exemple)

Sut ta page html, entre les balises "head", tu rappelles ton style avec: <link rel="stylesheet" href="style.css">

Le fichier "style.css" doit être enregistré dans ce cas ci au même niveau que ta page

Pour le texte body avec, ça devient:
---------------------------------------------------------
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
background-image:url("photo/cop.gif");
background-repeat:no-repeat;
background-position:top left;
color:#fff;
}

a:link {
color : white;
text-decoration : none;
font-weight : bold;
font-family : Arial, sans-serif;
font-size : 8pt;
}
a:visited {
color : white;
text-decoration : none;
font-weight : bold;
font-family : Arial, sans-serif;
font-size : 8pt;
}
a:hover {
color : white;
text-decoration : underline;
}
-----------------------------------

Note qu'il est préférable de changer de couleur pour signaler aux visiteurs les liens déjà visités.
0
Réponse 20 / 22
kemy
 
j'ai ultra edit 32 mais je prefere l'utiliser pour le php
0

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses
Coco Chat : nouveau lien !
LoupiotteDesTenebres -
brucine -

9 réponses