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

Fermé
Kats21 - 12 déc. 2010 à 18:06
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 12 déc. 2010 à 21:03
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 jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 477
Modifié par arthezius le 12/12/2010 à 21:04
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