> 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
29,99 €SSD Crucial BX500 240 Go à 29,99 €
Valable jusqu'au 20 Janvier

Amazon propose actuellement le SSD Crucial BX500 240 Go à 29,99 €. Ce SSD offre des débits de 540 Mo/s en lecture et 500 Mo/s en écriture. Le SSD est accompagné du logiciel Acronis true image qui vous permettra de transférer tout le contenu de votre ancien disque dur sur le SSD. Il est garanti 3 ans. La livraison est gratuite.


> Voir l'offre
64,25 €Souris Logitech MX Master 2S à 64,25 € livrée
Valable jusqu'au 20 Janvier

Amazon Allemagne fait une promotion sur la souris sans fil Logitech MX Master 2S qui passe à 59,40 € (avec la TVA ajustée et un coupon de réduction). Comptez 4,85 € pour la livraison en France soit un total de 64,25 € livrée alors qu'on la trouve ailleurs autour de 80 €. Cette évolution de la MX Master est équipée de la technologie Logitech Flow. Cette dernière, révolutionnaire, vous permet de déplacer le curseur de votre souris d'un ordinateur à un autre (jusqu'à 3 ordinateurs), d'effectuer des copier/coller de textes, d'une images ou encore de fichiers d'une machine à une autre. Vous allez ainsi pouvoir transférer vos contenus entre 3 ordinateurs différents sans la moindre difficulté.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douane.


> Voir l'offre
349,99 €Casque réalité virtuelle Oculus Rift S à 349,99 €
Valable jusqu'au 21 Janvier

Amazon fait une promotion sur le casque de réalité virtuelle Oculus Rift S avec ses 2 manettes Oculus Touch à 349,99 € alors qu'on le trouve ailleurs à partir de 449 €. La livraison est gratuite. L'Oculus Rift S est un casque de Réalité Virtuelle pour PC qui vous permettra de tirer parti du meilleur de votre machine en matière de VR. Ce casque VR pour PC est le plus perfectionné conçu par Oculus. Plus ergonomique et plus performant, il est aussi plus confortable et plus efficace que ses prédécesseurs. L'immersion est parfaite, le rendu spectaculaire, les images éclatantes et bluffantes de réalisme. Sensations fortes garanties !


> 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