Affiche des images sous Safari

Version imprimable

Salut tout le monde,

Je me casse la tete pour faire afficher une image qui se trouve dans un div tag sous Safari. Pourquoi ca ne marche pas?

Code:

1
2
3
4
5
6
7
        string HtmlString = "<div id='imageMenu' class='imageMenu' style='width: 453px;'><ul>";
 
             HtmlString += "<li><div>"
              + "<table cellpadding='0' cellspacing='0' border='0'>"
              + "<tr>"
                + "<td style='width: 93px; height: 141px; padding-left: 10px;'><img class='NewReleaseImage' alt='' style='height: 141px' src='images/img01.jpg'/></td>"
                + "<td>"  ... etc

03/03/2009, 10h30
HiRoN

Salut,

As-tu vérifier le chemin vers l'image ?
As-tu tenté en intégrant les dimensions de l'image sur celle-ci ?

Code:

<img class='NewReleaseImage' alt='' width='XX' height='141' src='images/img01.jpg' />

En utilisant des doubles quotes (et non des simples, voir en ajoutant un "\" devant si double quotes) ?
Bref plusieurs possibilités... (pas le temps de faire des essais :?)
03/03/2009, 10h34
Identifiant

Mais si! J'ai fait beaucoup de tests! Je ne peux pas utiliser des doubles quotes, c'est un code behind (asp.net).

Si je mets l'image dans la <td> tag, elle s'affiche. Mais dans l'img tag, ca ne marche pas. C'est un probleme du tag img dans div tag dans SAFARI. Je n'arrive pas a le resoudre.
03/03/2009, 11h53
blueice

Code:

style='height: 141px'

tu as oublié un ;
il se peut qu'il gamelle à cause de ça...
03/03/2009, 12h02
HiRoN

Citation:

Envoyé par blueice

tu as oublié un ;
il se peut qu'il gamelle à cause de ça...

Le ; n'est-il pas juste un séparateur ?

ca ne marche jamais

Code:

1
2
3
4
5
6
 
<div id="imageMenu" class="imageMenu" style="width: 453px"><ul>
                  <li><div>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 93px; padding-left: 10px;"><img class="NewReleaseImage" alt="" style="height: 141px;" src="Images/img01.jpg"/></td>

C'est le CSS: class="ImageMenu" qui me cause ce probleme uniquement sous SAFARI. Qu'est-ce que je dois faire pour resoudre ce probleme?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 .imageMenu { position: relative; width: 453px; height: 150px; overflow: hidden; } .imageMenu ul { list-style: none; margin: 0px; display: block; height: 200px; width: 1000px; padding-left:0; } .imageMenu ul li { float: left; } .imageMenu ul li div { text-indent: -1000px; background:#FFFFFF none repeat scroll 0%; border-right: 2px solid #fff; cursor:pointer; display:block; overflow:hidden; width:98px; height: 200px; }
Bon, j'ai besoin de votre aide. Apres avoir fait plusieurs tests, voici le probleme:
- Voici le code
Code:

1 2 3 4 5 6 7 string HtmlString = "<div id='imageMenu' class='imageMenu' style='width: 453px;'><ul>"; HtmlString += "<li><div>" + "<table cellpadding='0' cellspacing='0' border='0'>" + "<tr>" + "<td style='width: 93px; height: 141px; padding-left: 10px;'><img class='NewReleaseImage' alt='' style='height: 141px' src='images/img01.jpg'/></td>" + "<td>" etc
-- Apres avoir teste plusieurs fois, je peux conclure qu'il n'y a pas un probleme de syntaxe.

-- Le probleme est que l'image et d'autres portions du code qui se trouve dans le tag "<div>" ne s'affichent pas!! Si j'enleve le div, tout s'affiche correctement!

-- En safari, pourqoui div ne peut pas etre fils de li , et comment puis-je resoudre ce probleme?

04/03/2009, 11h18
blueice

Vide le cache de Safari
Valide ta page http://validator.w3.org/
corrige les erreurs éventuelles

et ensuite réessaye.

Sinon peux tu me donner un lien ou dossier que je puisse tester sur mes bécanes (par MP) si tu veux...

Bon le probleme c'etait dans:
Code:

1 2 3 4 5 6 7 8 9 10 .imageMenu ul li div { text-indent: -1000px; background:#FFFFFF none repeat scroll 0%; border-right: 2px solid #fff; cursor:pointer; display:block; overflow:hidden; width:98px; height: 200px; }
j'ai remplace text-inednt: -1000px par 5px et ca marche bien!