Probleme de compatibilite avec chrome

[annyeong56]

Bonjour,

J'ai quelque lignes de code sous forme d'une liste de type balises ul et li imbriquées, qui s'affiche comme je souhaite sous firefox et safari sur l'iphone, mais qui foire sur google chrome, que j'utilise aussi pour tester l'affichage de mon site.
J'ai revu le code et je ne comprends pas ce qui déconne.
le code est censé afficher 2 box de mêmes dimensions, chacune contenant un lien, l'une sous l'autre, bref rien de très sorcier.

voila un apercu du code en question :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<div class="socialmedialist">
	<ul>
		<a href="http://ref1"
			<li class="SubscribeViaRss">
				<span class="rssboxtext">Subscribe via RSS</span>
			</li>
		</a>
		<a href="http://ref2" target="_blank">
			<li class="NewTwitter">
				<span class="rssboxtext">Follow me on Twitter</span>
			</li>
		</a>
		<li class=></li>
	</ul>
</div>

[bhamp0]

Code :

1
2
3
4
5
6
7
8
9
 
<ul class="socialmedialist">
   <li class="SubscribeViaRss rssboxtext">
      <a href="http://ref1" target="_blank">Subscribe via RSS</a>
   </li>
   <li class="NewTwitter rssboxtext">
      <a href="http://ref2" target="_blank">Follow me on Twitter</a>
   </li>
</ul>

[annyeong56]

merci pour ta reponse !
mais ca ne resout pas le pbm.

en fait concernant les li et href, j'avais ecris comme tu as fais au debut, mais j'ai volontairement change tel que j'ai ecris pour pouvoir avoir toute la box clickable, et pas seulement le texte de la box.
en effet, la box contient du texte, et une image a cote a droite du texte (un background que j'ajoute dans le code css en fait ).

est ce que chrome n'accepte pas cette syntaxe ?

[bhamp0]

Il ne s'agit pas d'une bonne pratique HTML. La balise <a> n'est censé contenir que du texte ou une image <img> (c'est-à-dire du contenu), mais pas des balises "organisationnelles" (<ul>, <li>, <table>, ...).

[annyeong56]

ok. et aurais tu alors une idee de ce que je pourrais faire pour obtenir leffet desire ?