[Résolu] Probleme de background dans lien sur plusieurs lignes

Bonjour,

j'ai un probleme concernant le background d'un lien s'etendant sur plusieurs lignes.. En effet, malgre la propriete du background en no-repeat, celui-ci se repete verticalement lorsque le lien est sur plusieurs lignes.
Je ne suis pas un expert en CSS, mais je sais qu'un lien devrait tenir normalement sur une seule ligne. Le probleme, c'est que afin de respecter une certaine logique je suis quasi oblige de proceder comme ca..
Explications : le lien execute un javascript afin de lire un fichier son representant un dialogue. Et puisque celui-ci represente un dialogue, je mets donc le lien sur plusieurs lignes (chaque ligne representant un personnage). Le background utilise est donc un ecouteur que j'aimerai placer devant le lien.
Enfin bref.. si quelqu'un pouvait m'expliquer comment eviter que cette image se repete verticalement, ca m'aiderait grandement.
Mon code :

.linkSong{
	position:relative;
	background: url(../inner/student/images/hearspeakers.jpg) top left no-repeat;
	background-align:center;
	padding-left:20px;
	color:#636363;
	font-size:11px;
	text-decoration:none;
	border:0;
}

<a href="Javascript: SendDataToFlashMovie('1.3.24.mp3')" class="linkSong"> bla bla bla...<br>bla bla bla<br>bla  bla bla</a>

Merci.
Modifié par kevos (03 Nov 2005 - 06:51)

Bonjour kevos.

T'as un lien à nous proposer pour qu'on observe le problème « in situ » ?

kevos a écrit :

background-align:center;

background-align ?

Utiliser javascript comme seule et unique option pour ouvrir un lien n'est certe pas la plus accessible des solutions. As-tu prévu une alternative au cas ou javascript serait désactivé ?

Merci de baliser ton code avec le BBCode [ code][/code ] (sans les espaces), ça le rendra plus lisible.

Salut !!

En effet, je viens d'essayer, cela vient de position: relative, soit tu enlèves cette propriété, ou alors tu passes ton lien en display: block.

Merci pour votre aide...
En effet, cela provenait du position:relative. Je n'ai pas trés bien compris pourquoi. Pouvez-vous m'expliquer ?
En ce qui concerne la balise background-align:center, j'avais juste testé celle-ci brièvement, elle s'est retrouvée par hazard dans mon post

En ce qui concerne le problème du javascript pour ouvrir un lien, je suis bien conscient du manque d'accessibilité occasioné par cette méthode, mais je n'ai à vrai dire pas vraiment le choix. En fait le clic sur le lien n'ouvre absolument pas une nouvelle page, mais envoie quelques variables à une application flash de la même page qui s'occupe elle de lire un fichier son. Je ne vois pas d'alternatives mais si vous en avez, je suis preneur

Encore merci.

C'est donc [Résolu] ?

Au passage, ton code est toujours en attente de balisage approprié, c'est à dire [ code][/code ] (sans les espaces).

Merci.