Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • PHP5 avancé
  • Memento MySQL
  • Memento CSS 3
  • WordPress 3 100% pratique
  • Memento HTML5
Auteur
billboc
#
124 Posts
bonjour

est-il possible qu'une div ne s'affiche que lorsque l'agent utilisateur est un iPad ?

merci
++

quelque part entre <header> et </footer>...

^
SBoudrias
#
891 Posts
Oui, c'est possible.

^
jmlapam
#
It's a Unix System.
2603 Posts
et comment?

Alors écoute bien !

^
Victor BRITO
#
Ne m'enterrez pas encore
3008 Posts
Salut,

Et pourquoi ne viser que l'iPad ? Qu'est-ce que les autres tablettes numériques ont fait de mal ? Smiley cligne

Il est possible de cibler les tablettes numériques de la même façon qu'un smartphone, grâce aux media queries, en utilisant les requêtes min-device-width (d'une valeur suffisamment élevée pour éviter de cibler en même temps les téléphones mobiles) et max-device-width.

En campagne contre la balkanisation du Web, pour rappeler qu'il existe un seul Web
Les frameworks CSS et les plug-ins jQuery ne sont pas les solutions

^
billboc
#
124 Posts
quel est le moyen le + simple de cibler tous les iDevives d'un coup d'une ligne ?

quelque part entre <header> et </footer>...

^
billboc
#
124 Posts
... et quelque soit son orientation Smiley cligne

quelque part entre <header> et </footer>...

^
SBoudrias
#
891 Posts
Si tu disais tout d'abord ton but final, ce serait alors plus facile de te diriger vers la solution la plus appropriée.

^
billboc
#
124 Posts
je cherche à afficher une div uniquement lorsque le navigateur est une tablette ou un telephone

quelque part entre <header> et </footer>...

^
Patidou
#
2632 Posts
Comme dit plus haut, tu devrais pouvoir te débrouiller avec les medias queries.


P.S. : mon site gère les mobiles et les iPads en mode portrait, à toi d'adapter. Smiley cligne

Avertissement : il est inutile de m'envoyer des mp pour demander de répondre à vos sujets sur le forum. Je répond si j'ai un élément de réponse et si j'ai le temps. Merci d'avance.

^
billboc
#
124 Posts
merci
mais il faut prévoir les valeurs media queries pour toutes les résolutions d'écran qui existent ?

quelque part entre <header> et </footer>...

^
Patidou
#
2632 Posts
Non. Sur mon site, j'ai les css générales pour tous les écrans, puis les adaptations pour mobiles (0 à 500 pixels), puis celles pour ipad (501 à 1024 pixels en mode portrait). Il y a aussi une règle (vide) pour les écrans plus grand que 1440 pixels.
Modifié par Patidou (06 Dec 2011 - 12:43)

Avertissement : il est inutile de m'envoyer des mp pour demander de répondre à vos sujets sur le forum. Je répond si j'ai un élément de réponse et si j'ai le temps. Merci d'avance.

^
jbusprod
#
6 Posts
En dessous de 1024px tu ne touchera que les tablettes et les mobiles.

(certains mettent 999px)

Après il est possible que je me trompe!
(auquel cas, merci de me le dire)


SINON:

Ton probleme se situe au niveau des media query ou sur comment afficher la DIV??

^
jokamax
#
11 Posts
Autre solution :
Cibler en javascript les user-agent qui permettent précisément de savoir si on est sur iphone ou ipad par exemple. Solution imparfaite mais rapide à mettre en oeuvre.

Jok

^