Utiliser un "no-repeat"

ckvtdn Messages postés 756 Date d'inscription   Statut Membre Dernière intervention   -  
ckvtdn Messages postés 756 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour bonjour,

Voilà plusieurs semaines, je posais une question ici, et j'avais obtenu une réponse que j'ai jugé satisfaisante sur le moment. Après avoir enfin eu le temps de me pencher concrètement sur le problème, il s'avère que j'ai besoin d'une petite précision.

Le problème: une image se répète involontairement sur mon site d'à peine 10%, provoquant un petit "bug" visuel assez gênant. Alors, on m'avait conseillé de mettre un no-repeat quelque part, mais je ne vois pas trop ou, c'est justement là le problème. Alors, je me permet de coller ci-dessous la petite partie de code concernée:

<tr style="height:116px;">
		<td style="width:882px; vertical-align:top;">
<table style="width:882px; height:116px; background-image:url(themes/Na_Gigoss/images/unique/block.png);" border="0" cellspacing="0" cellpadding="0">
	<tr style="height:116px;">
		<td style="width:294px;"><a href="https://www.facebook.com/pages/The-Epsilon-League/161150927237177?ref=ts" target="_blank"><img onmouseout="this.src='themes/Na_Gigoss/images/join_facebook.png'" onmouseover="this.src='themes/Na_Gigoss/images/join_facebook_xxl.png'" src="themes/Na_Gigoss/images/join_facebook.png" /></a></p>
		<td style="width:294px;"><a href="http://teamepsilon.free.fr/index.php?file=User&op=reg_screen" target="_blank"><img onmouseout="this.src='themes/Na_Gigoss/images/join_epsilon.png'" onmouseover="this.src='themes/Na_Gigoss/images/join_epsilon_xxl.png'" src="themes/Na_Gigoss/images/join_epsilon.png" /></a></p>
		<td style="width:294px;"><a href="https://steamcommunity.com/groups/TheEpsilonLeague" target="_blank"><img onmouseout="this.src='themes/Na_Gigoss/images/join_steam.png'" onmouseover="this.src='themes/Na_Gigoss/images/join_steam_xxl.png'" src="themes/Na_Gigoss/images/join_steam.png" /></a></p>
	</tr>
</table>
		</td>
	</tr>


Voilà. Alors j'aimerai savoir ou insérer mon no-repeat. Est-ce bien là, dans ce fichier PHP ou est-ce dans le fichier CSS associé?

Merci d'avance !

1 réponse

Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 150
 
Salut

Haaa, des tableaux, mais c'est horible. ;-p

Sinon, pour le no-repeat, c'est dans le CSS, la ou tu définie ton image.
0
ckvtdn Messages postés 756 Date d'inscription   Statut Membre Dernière intervention   141
 
OK. C'est possible qu'il ne soit pas dans le CSS? Parce que je viens de chercher et je ne l'y trouve pas. Alors, il me semble que le seul endroit ou il se trouve, c'est dans mon index.php, d'où le morceau de code cité plus haut est extrait. Et pardon si c'est un peu moche ou pas du tout optimiser, je fais comme je peux, et comme je sais surtout. :s
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 150
 
Il faut que tu le rajoute dans le CSS. Par exemple, si tu veut qu'aucune image ne se répète, il faut que tu définisse le no repeat pour la balise img.

Pour savoir, c'est toi qui à codé tout ça ou c'est générer par un logicielle ?
0
ckvtdn Messages postés 756 Date d'inscription   Statut Membre Dernière intervention   141
 
C'est une base Nuked Klan à laquelle j'ai largement fait subir des changements "à l'aveuglette" pendant quelques années. Mais si je définis qu'aucune image ne se répète, mon background, lui non plus ne se répètera pas, et là, il y a problème, non?
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 150
 
Le backgrond se définie uniquement dans le CSS, il n'utilise pas de balise image, donc ça devrai le faire.
0
ckvtdn Messages postés 756 Date d'inscription   Statut Membre Dernière intervention   141
 
Et non, raté, toujours le même problème. :(

a img
{
border: none;
background-repeat:no-repeat
}

J'ai fait ça.

Mais tout bien refléchis, je ne sais pas s'il s'agit bien d'un background.

Vois par toi même: http://teamepsilon.free.fr/

Sous le header, l'image qui est sous les 3 vignettes "join".
0