Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Adapter un tableau d'image a l'iphone

1 réponse
Avatar
fra
Bonjour

Je débute en html. Je souhaite intégrer des images à défilement
horizontal dans une div (qui apparait au clic d'où le display:none
initial).
Voilà le code :

<div id="real" align="center" style="overflow:auto;display:none">
<table border="0" cellpadding="2" cellspacing="0"
width="3150px">
<tbody>
<tr>
<td valign="top"><img src="img_3979-2.jpg"
alt="" align="left" hspace="0" vspace="0"
> </td>
<td valign="top"><img src="img_3980-2.jpg"
alt="" align="left" hspace="0" vspace="0"
></td>
<td valign="top"><img src="photo-0016-2.jpg"
alt="" align="left" hspace="0" vspace="0"
> </td>
<td valign="top"><img src="img_3982-2.jpg"
alt="" align="left" hspace="0" vspace="0"
></td>
<td valign="top"><img src="img_3981-2.jpg"
alt="" align="left" hspace="0" vspace="0"
> </td>
<td valign="top"><img src="img_3961-2.jpg"
alt="" align="left" hspace="0" vspace="0"
></td>
</tr>
</tbody>
</table>
</div>

Ca fait ce que je veux sauf sur mon iphone.
J'ai mis dans le <head> ceci :
<meta name="viewport" content="initial-scale=0.75"
content="height=device-height">
C'est ce qui rend le mieux.

Les images (verticales) font 700x525px (d'où le 3150px du tableau).
J'ai essayé plein de chose mais je ne parviens jamais à ce que les
images de 700px de haut soit downscallée à la hauteur dispo sur l'iphone
(ou autre smartphone à petit écran).

Qui aurait une idée ?
Merci.
--
Fra

1 réponse

Avatar
fra
Personne ?

Fra wrote:

Bonjour

Je débute en html. Je souhaite intégrer des images à défilement
horizontal dans une div (qui apparait au clic d'où le display:none
initial).
Voilà le code :

<div id="real" align="center" style="overflow:auto;display:none">
<table border="0" cellpadding="2" cellspacing="0"
width="3150px">
<tbody>
<tr>
<td valign="top"><img src="img_3979-2.jpg"
alt="" align="left" hspace="0" vspace="0"
> </td>
<td valign="top"><img src="img_3980-2.jpg"
alt="" align="left" hspace="0" vspace="0"
></td>
<td valign="top"><img src="photo-0016-2.jpg"
alt="" align="left" hspace="0" vspace="0"
> </td>
<td valign="top"><img src="img_3982-2.jpg"
alt="" align="left" hspace="0" vspace="0"
></td>
<td valign="top"><img src="img_3981-2.jpg"
alt="" align="left" hspace="0" vspace="0"
> </td>
<td valign="top"><img src="img_3961-2.jpg"
alt="" align="left" hspace="0" vspace="0"
></td>
</tr>
</tbody>
</table>
</div>

Ca fait ce que je veux sauf sur mon iphone.
J'ai mis dans le <head> ceci :
<meta name="viewport" content="initial-scale=0.75"
content="heightÞvice-height">
C'est ce qui rend le mieux.

Les images (verticales) font 700x525px (d'où le 3150px du tableau).
J'ai essayé plein de chose mais je ne parviens jamais à ce que les
images de 700px de haut soit downscallée à la hauteur dispo sur l'iphone
(ou autre smartphone à petit écran).

Qui aurait une idée ?
Merci.




--
Fra