Backround-repeat="no repeat" ne marche pas !

Kats21 -  
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous,

Je m'arrache les cheveux sur le code ci dessous.
J'ai créé un tableau avec un fond et ce fond se repete horizontalement !!!!
De plus mon tableau n'est pas centré !!!

Qui peut m'aider ????

Merci d'avance !

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
background-color: #000000;
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed
}
.Style12 {font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; }
.Style14 {color: #00b3a8; font-size: 18px; font-family: "Times New Roman", Times, serif; font-weight: bold; }
.Style16 {font-size: 18px}
.Style39 {color: #00b3a8; font-weight: bold; }
.Style5 { color: #FFFFFF;
font-size: 16px;
font-family: "Times New Roman", Times, serif;
}
.Style6 {color: #00b3a8}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body align="center">
<center>
<div align="center">
<table width="100%" height="100%" cellspacing="0" border="0" align="center">
<tr>
<td><div align="center">
<table width="90%" height="90%" cellspacing="1" border="0" align="center" background="Images/fond31.jpg" background-repeat="repeat-y" background-position="center">
<tr>
<td colspan="3" align="center" valign="middle"><div align="center"></div>
<div align="center">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div></td>
</tr>
<tr>
<td width="21%" rowspan="2"><p class="Style5"><span class="Style14"><a href="index.html" class="Style6">Accueil</a></span></p>
<p class="Style5"><a href="news.html" class="Style39">The News</a></p>
<p class="Style5"><span class="Style12"><a href="reyns.html" class="Style6">A propos de Reyn's</a></span></p>
<p class="Style5"><strong><a href="photos.html" class="Style6 Style16">Photos</a></strong></p>
<p class="Style5"><strong><a href="musique.html" class="Style6">A l'écoute</a></strong></p>
<p class="Style5"><strong><a href="aidez_nous.html" class="Style6">Aidez-Nous</a></strong></p>
<p class="Style5"><a href="partenaires.html" class="Style6"><strong>Nos partenaires</strong></a></p></td>
<td width="70%"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','500','height','40','src','menu','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','menu' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="500" height="40">
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<embed src="menu.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="500" height="40"></embed>
</object>
</noscript>
</td>
<td width="9%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div></td>
</tr>
</table>
</div>
</center>
</body>
</html>

1 réponse

arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
Je suppose que le background concerne cette balise:
<table width="90%" height="90%" cellspacing="1" border="0" align="center" background="Images/fond31.jpg" background-repeat="repeat-y" background-position="center">

Dans ce cas, si tu ne veux pas qu'il se repète:
<table style="width:90%;height:90%; border:none; background:url(Images/fond31.jpg) no-repeat center;" cellspacing="1" align="center">

J'ai tout résumé dans l'attribut style sur la balise.
Pour la répétition, j'ai mis no-repeat au lieu de repeat-y. L'image ne sera donc pas répété, ce que tu voulais visiblement faire. L'image est également centré dans le tableau mais ça je pense que c'était voulu (??)
« La recherche commence là où s'arrête la connaissance. »
0