[Résolu] Liste ul li avec bacground et text

Bonjour,
J'ai fait une liste de logo avec la methode ul li.
Mes logos sont en background.
Par contre, j'aimerai mettre du texte entre les <li></li> pour que les robots puisse savoir se que contiens la liste, mais sans que le texte soit visible par l'utilisateur.
seriez vous comment faire ?

.logos-assurance{list-style: none outside none;margin: 0;padding: 0;}
.logos-assurance > li {background: url("/images/template/logo-assurances.jpg") no-repeat scroll 0 0 transparent;display: inline-block;height: 102px;margin: 6px;width: 102px;}

<ul class="logos-assurance">
	<li>axa</li>
	<li style="background-position: 0 -102px;">mma</li>
	<li style="background-position: 0 -204px;">macif</li>
	<li style="background-position: 0 -306px;">maif</li>
	<li style="background-position: 0 -408px;"></li>
	<li style="background-position: 0 -510px;"></li>
	<li style="background-position: 0 -612px;"></li>
	<li style="background-position: 0 -714px;"></li>
	<li style="background-position: 0 -816px;"></li>
	<li style="background-position: 0 -918px;"></li>
	<li style="background-position: 0 -1020px;"></li>
	<li style="background-position: 0 -1122px;"></li>
	<li style="background-position: 0 -1224px;"></li>
	<li style="background-position: 0 -1326px;"></li>
	<li style="background-position: 0 -1428px;"></li>
	<li style="background-position: 0 -1530px;"></li>
	<li style="background-position: 0 -1632px;"></li>
	<li style="background-position: 0 -1738px;"></li>
	<li style="background-position: 0 -1840px;"></li>
</ul>

Modifié par christobal (26 Jul 2013 - 10:46)

Bonjour,

Une liste (ul/li) d'images (img dans le HTML !) avec une alternative textuelle (alt) pertinente.

Je ne souhaitai pas passer par là pour éviter de charger une vingtaine d'images.

Bonjour, plusieurs pistes ou astuces avec overflow:
text-indent ?

li {
    width:102px;
    height:102px;
    overflow:hidden;
    display:inline-block;
    text-indent:102px;
}

padding ?

li {
    height:0;
    width:0;
    padding:102px 102px 0 0;
    overflow:hidden;
    display:inline-block;
}

line-height ?

li {
    overflow:hidden;
    display:inline-block;
    width:102px;
    height:102px;
   line-height:220px;
}

et enfin , le classique text-indent:-9999px
Dans tout les cas , il faut-etre certains que les images seront affichées, sinon le visuel sera des zone blanches et vide ....

c'est parfait, milles merci.
J'ai utilisé le text-indent et le line-height.