Utiliser un "no-repeat"

ckvtdn Messages postés 863 Statut Membre -
ckvtdn Messages postés 863 Statut Membre - 6 janv. 2012 à 13:08

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 !

Afficher la suite

1 réponse

Réponse 1 / 1
Pierrecastor Messages postés 10830 Date d'inscription Statut Modérateur Dernière intervention 4 215

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
1. ckvtdn Messages postés 863 Statut Membre 143
  
  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
2. Pierrecastor Messages postés 10830 Date d'inscription Statut Modérateur Dernière intervention 4 215
  
  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
3. ckvtdn Messages postés 863 Statut Membre 143
  
  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
4. Pierrecastor Messages postés 10830 Date d'inscription Statut Modérateur Dernière intervention 4 215
  
  Le backgrond se définie uniquement dans le CSS, il n'utilise pas de balise image, donc ça devrai le faire.
  
  0
5. ckvtdn Messages postés 863 Statut Membre 143
  
  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

Utiliser un "no-repeat"

1 réponse

Discussions similaires

Newsletters