Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Rechercher dans le sujet :
Forum
» Web Mobile et responsive web design
» N'afficher une div que pour les iPad ?
Auteur
billboc
#
Citer
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>...
^
Vaxilart
#
Citer
612 Posts
 Oui, c'est possible.
http://simonboudrias.com 
^
jmlapam
#
Citer
Bazinga !
2148 Posts
 et comment?
Don't <li> !
http://jmperso.eu 
^
Victor BRITO
#
Citer
Je ne suis pas mort, je dors
2385 Posts
 Salut,

Et pourquoi ne viser que l'iPad ? Qu'est-ce que les autres tablettes numériques ont fait de mal ? 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
Mon avatar : l'ancien département de la Seine (le grand 75 d'avant 1968)
http://www.victor-brito.fr 
^
billboc
#
Citer
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
#
Citer
124 Posts
 ... et quelque soit son orientation cligne
quelque part entre <header> et </footer>...
^
Vaxilart
#
Citer
612 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.
http://simonboudrias.com 
^
billboc
#
Citer
124 Posts
 je cherche à afficher une div uniquement lorsque le navigateur est une tablette ou un telephone
quelque part entre <header> et </footer>...
^
Patidou
#
Citer
2269 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. 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.
http://www.lombre.net/ 
^
billboc
#
Citer
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
#
Citer
2269 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.
http://www.lombre.net/ 
^
jbusprod
#
Citer
5 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??
http://www.jbusprod.com 
^
jokamax
#
Citer
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
http://www.golems.fr 
^
Prévenir un modérateur
Répondre au sujet
Aller à