> 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
799,90 €Ultrabook HONOR MagicBook Pro 16.1 (Core i5-10210U, 16Go, 512 Go SSD, GeForce 350MX) à 799,90 €
Valable jusqu'au 07 Mars

HONOR fait une promotion sur son ultrabook HONOR MagicBook Pro 16.1 qui passe à 799,90 € au lieu de 999 € grâce un coupon de réduction à activer sur la page du produit. Cet ordinateur portable possède un écran 16.1 pouces Full HD IPS 100% sRGB, un processeur Intel Core i5-10210U à 4 coeurs, une carte graphique GeForce MX350, 16 Go de mémoire DDR4, un SSD 512 Go PCIe NVME, le WiFi5 / Bluetooth 5.0, un lecteur d'empreintes, une webcam, un clavier rétro éclairé, une batterie 56 Wh (jusqu'à 11h d'autonomie et recharge rapide) et ne pèse que 1,7 kg. Il fonctionne sous Windows 10. Une très bonne affaire pour une machine compacte et puissante.

Vous pourrez également choisir un lot de 2 ou 3 cadeaux gratuits parmi une sélection (souris, casque bluetooth, écouteurs, haut-parleur, tracker d'activité, ...). La livraison est également gratuite.


> Voir l'offre
109,99 €Alimentation modulaire Corsair RM750 80+ Gold à 109,99 €
Valable jusqu'au 05 Mars

Amazon propose actuellement l'alimentation modulaire Corsair RM750 à 109,99 € livrée gratuitement. Cette alimentation de 750W est certifiée 80+ Gold et est garantie 10 ans. Entièrement modulaire, vous pourrez brancher uniquement les câbles (fournis) dont vous avez besoin. On la trouve ailleurs à partir de 130 €. 


> Voir l'offre
17,99 €Clé USB 3.0 Philips Flash Drive Vivid Edition 128 Go à 17,99 €
Valable jusqu'au 06 Mars

Amazon fait une promotion sur la clé USB 3.0 Philips Flash Drive Vivid Edition 128 Go qui passe à 17,99 € alors qu'on la trouve ailleurs autour de 30 €. La livraison en relais colis est gratuite.


> Voir l'offre

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