Probleme avec mon site

en tout cas abandonne Frontpage ou le code qu'on t'a donné va devenir un champ de bataille en moins de deux.

as-tu créé une feuille de style externe comme te l'a conseillé king ?
est-ce que tu as vu que tous les styles sont regroupés ensemble et que dans le html il n'y a plus du tout de mise en forme ? --> c'est le but du jeu !

Ben tu peux poursuivre avec Frontpage pour peu que tu ne publies pas avec lui, donc au minimum prends un client FTP indépendant :-)

j'ai ultra edit 32 mais je prefere l'utiliser pour le php

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.

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>.

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

JE TRAVAILLE AVEC FRONTPAGE , par contre il faut absoulment que la page soit comme elle étiat présenté

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 ?

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>

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.

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>

Bonjour,
Non, pourquoi ?

Pompom

ca derange pas si je met tout le code ca ve etre un peu long non ?

salut !

tu peux nous le montrer s'il te plait ?

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

Ok merci

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.

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

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...

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 ?