> Tous les forums > Forum des Webmasters
 JS affichage aléatoire d'une image dans un tableau
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
spikelvampiro
  Posté le 28/01/2007 @ 15:04 
Aller en bas de la page 
Petit astucien

Bonjour,

J'ai un problème sur ma page htm...

Elle est composée en tableaux, avec dans le tableau du haut mon logo au centre. je souhaite aussi afficher une image de chak coté du logo, 1 à droite et 1 a goche de manière aléatoire (mais toujours 1 de chak coté).

Mon problème est que ces images s'affichent de manière aléatoire comme je le souhaite, mais pas au bon endroit...

voici mon code... je pense que le problème se situe au niveau du script, mais je ne saurais pas dire où exactement. je l'ai fait ressortie en gras pour utilité.

est-ce que quelqu'un pourrait me dire ce qui ne va pas ? Merci beaucoup d'avance

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.body {
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #FFFFFF;
text-decoration: none;
font-family: Tahoma;
}
.logo {
background-image: url(logo.png);
background-repeat: no-repeat;
background-position: center center;
}
.menu {
font-family: "Blade 2", Evanescent, Neverwinter, QUAKE, Regular;
font-size: 36px;
font-variant: small-caps;
color: #CCCCCC;
text-decoration: none;
}
.bannière {
background-image: url(banniere.png);
background-repeat: no-repeat;
background-position: center center;
}
.cadre {
border: medium solid #FFFFFF;
color: #CCCCCC;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
text-decoration: none;
background-image: url(cadrecopie.png);
background-repeat: repeat-y;
background-position: center top;
}
.cadregauche {
background-image: url(cadre%20gauche.png);
background-repeat: repeat-y;
background-position: right top;
}
.cadredroite {
background-image: url(cadre%20droite.png);
background-repeat: repeat-y;
background-position: left top;
}
-->
</style>
<script language="javascript">
{
document.write('<img src="vincent/'+ Math.round((Math.random()*3)+1)+ '.png" />');
document.write('<img src="chalamon/'+ Math.round((Math.random()*3)+1)+ '.png" />');
}
</script>

</head>

<body background="fondbis.jpg">
<table width="100%" height="210" border="0" cellpadding="0" cellspacing="0" class="banni&egrave;re">
<tr>
<td colspan="2">&nbsp;</td>
<td width="21%" rowspan="3"><div align="center"><img src="logo.png" width="249" height="183"></div></td>
<td width="39%" colspan="2">&nbsp;</td>
</tr>
<tr>
<td height="82" colspan="2"><div align="center"></div></td>
<td colspan="2"><div align="center"></div></td>
</tr>
<tr>
<td colspan="2"><div align="right"><img src="vincent/'+ Math.round((Math.random()*3)+1)+ '.png" width="364" height="74"></div></td>
<td colspan="2"><div align="left"><img src="chalamon/'+ Math.round((Math.random()*3)+1)+ '.png" width="392" height="74"></div></td>

</tr>
</table>
<table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr class="menu">
<td width="20%"><div align="center"><a href="index.htm">ACCUEIL</a></div></td>
<td width="20%"><div align="center"><a href="codeserecom.htm">SERECOM</a></div></td>
<td width="20%"><div align="center"><a href="codeprive.htm">PRIVE</a></div></td>
<td width="20%"><div align="center"><a href="loisirs.htm">LOISIRS</a></div></td>
<td width="20%"><div align="center"><a href="legal.htm">LEGAL</a></div></td>
</tr>
</table>
<p>&nbsp;</p>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="body">
<tr>
<td width="21%" class="cadregauche"><div align="right"></div></td>
<td width="58%" class="cadre"><p align="center">Bonjour,</p>
<p align="center">Bienvenue sur mon site perso : celui-ci est maintenant op&eacute;rationnel !!!</p>
<p align="center">Vous trouverez ici mes cours de l'IUT S&eacute;R&eacute;Com (page cod&eacute;e) ainsi que divers fichiers de ma vie priv&eacute;e (page cod&eacute;e aussi... eh eh eh, soyez pas deg !!!).</p>
<p align="center">Quelques articles portant sur diff&eacute;rents loisirs (musique, films, s&eacute;ries, mangas, jeux vid&eacute;os...) se trouvent dans la partie &quot;Loisirs&quot; du site, et j'esp&egrave;re que beaucoup d'entre vous me proposeront leurs articles ou d&eacute;poseront leurs opinions.</p></td>
<td width="21%" class="cadredroite"><div align="left"></div></td>
</tr>
</table>
</body>
</html>

Publicité
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Toilettes japonaises Xiaomi SmartMi (jet nettoyant, siège chauffant, massage par jet) à 147,99 €
147,99 € 300 € -51%
Chargeur USB UGREEN Nexode 35W GaN USB C + USB A à 18,19 €
18,19 € 27,99 € -35%
@Amazon
Disque dur externe Western Digital Elements Desktop USB 3.0 18 To à 328,06 €
328,06 € 400 € -18%
@Amazon Allemagne
LEGO Harry Potter 71043 Le château de Poudlard à 351,75 €
351,75 € 469,99 € -25%
@Amazon
Ecran 24 pouces KTC H24T09P (Full HD, Fast IPS, 165 Hz, 1 ms, HDR10) à 114,97 €
114,97 € 159,99 € -28%
@Geekbuying
SSD Crucial MX500 500 Go à 37,57 €
37,57 € 65,99 € -43%
@Amazon

Sujets relatifs
dreamweaver: dimensionner 1 image dans un tableau
Affichage dans un tableau javascript
image de fond transparente dans tableau ?
probléme alignement image dans tableau
tableau: image dans rowspan = > tout décalé
image de fond dans tableau
affichage page dans tableau
Affichage image dans IE et dream
Texte dans tableau
Image Pub dans PCa
Plus de sujets relatifs à JS affichage aléatoire d''une image dans un tableau
 > Tous les forums > Forum Forum des Webmasters