Discussion :

[koKoTis]

Bonjour, est il possible de créer une page index qui affiche une page différente si c'est un mobile ou un PC qui ouvre un site ?

[Muchos]

Une petite recherche vous aurait donné plein de réponses.

Parmi elles, celle que l'on a aujourd'hui tendance à conseiller est le Responsive Web Design (note: le tuto de DVP parle des différences de traitement côté navigateur et côté serveur. C'est un très bon tuto, je crois).
Par exemple, jetez un œil au site du webdesigner Brad Frost

Il y en a une autre qui est la détection de user-agent avec redirection vers la page adaptée. Pour beaucoup (à juste titre), ce n'est pas une bonne pratique.

[koKoTis]

Merci, tu n'aurais pas un lien juste pour un menu horizontale sur grand écran et verticale sur petit écran ?


En fait je voudrais juste adapter cette page en responssive, mais j'ai du mal pour l'instant j'ai besoin d'aide:

http://www.lunnatick.fr/index.php

[rodolphebrd]

Bonjour,

l'urgent serait de refaire le menu horizontal existant avec une liste non-ordonnée.

Le positionnement vertical sera, ainsi, très simple avec une média-querie.

L'usage abusif (voir inutile) des balises br montre une nécessité de bien consolider les bases en CSS.

[koKoTis]

Merci

l'urgent serait de refaire le menu horizontal existant avec une liste non-ordonnée.

<ul> ?

L'usage abusif (voir inutile) des balises br montre une nécessité de bien consolider les bases en CSS.

Par quoi puis-je les remplacer ?


Edit: Donc j'ai refait le menu en UL, puis pour le placer à la verticale j'ai trouver ca:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
@media screen and (min-width: 200px) and (max-width: 9000px) {
.DIV_Ban_Menu {
    display:block;
    clear:both;
  }
}

Mais cela ne fonctionne pas.

[NoSmoking]

Bonjour,
juste une question, tu es sûr de ton 9000px.

Sinon il te suffit de passer d'un display:inline-block à un display:block.

[koKoTis]

Bonjour,
juste une question, tu es sûr de ton 9000px.

J'avais pas vu ca dans le code

Sinon il te suffit de passer d'un display:inline-block à un display:block.

Comment faire ?