search

cmarois / catec

0 stars 0 forks source link

http://magiciengatineau.com/contactez-nous/ #130

Closed Clownatec01 closed 10 years ago

Clownatec01 commented 10 years ago

Problème quand on regarde sur un téléphone

  1. bouton soumettre (pas responsive)
  2. captcha (pas responsive)
  3. la forme (peut-être que ce serait mieux de mettre la question sur une ligne et la réponse sur l'autre) pas responsive

Le prochain est pour le site

  1. Est-ce possible de mettre moins d'espace entre les questions
cmarois commented 10 years ago

1, 2, La page 'contact' utilise une table pour faire le layout, je crois que c'est plus compliquer a avoir qqchose de tres correct avec une table. Va falloir que je transforme ca en divs et ca va etre mieux.

J'ai mis le captcha et button responsive. Mais a cause de la table qui reste legerement plus large que l'ecran, ils sont centrer sur cette largeur et debarque du cadrage.

3- Avec des divs je crois que je serais capable de laisser les questions/reponse sur une meme ligne en temp normal, et les mettre sur des ligne differentes sur les telephone.

4- oui

cmarois commented 10 years ago

Reglé. test sur pad, iphone et pc.

Clownatec01 commented 10 years ago

Je vais le diviser en 3 pour faire mes commentaires

Je 3 différents set up à combler, ordinateur, Ipad tablette, télépone J’adore la boite bleu pour la réponse Ordinateur • Ca fait un peu bizarre que la boite de réponse soit si longue. Peut-être qu’on devrait le mettre sur 2 colones (comme réservation et prix) • Je voudrais un peu d’espace entre le captcha et le bouton soumettre Ipad • Ca fait un peu bizarre que la boite de réponse soit si longue. Peut-être qu’on devrait le mettre sur 2 colones (comme réservation et prix) • Le nom de la field (ex. nom de famille) est presque collé sur la boite bleu au dessus (sur le téléphone c’est correct) • Je voudrais un peu d’espace entre le captcha et le bouton soumettre • Le bouton soumettre (Est-ce possible de le réduire un peu pour que cela a l’air d’un bouton car présentement il prend la largeur de l’écran) Téléphone • Quand j’écrit dans la boite bleu, cela écrit presque sous la boite bleu

cmarois commented 10 years ago

Les 3 layouts sont fait, je vais te laisser le soin de fermer l'issue quand tu aura testée

Clownatec01 commented 10 years ago

J'adore les 3 differents look merci Voici quelques modifications Ordinateur

Ipad

Téléphone

cmarois commented 10 years ago

J'ai mis de l'espace apres le paragraphe, j'ai grossi le bouton. Firefox devrait etre correct. Je peux pas te dire comment changer le layout sinon tu auras pu besoin de moi :P dans la boite AS pour la form au debut j'ai les CSS, pour le bouton c'est input[type="image"]{ width: x% }

tu peux jouer avec le width.

je vais checker les 4 icons demain. Ca ca requiert des media requests.

Clownatec01 commented 10 years ago

hahaha Ordi, ipad, telephone

cmarois commented 10 years ago

j'ai mis l'espace dans les fields.

Clownatec01 commented 10 years ago

Super alors il reste seulement les icons

cmarois commented 10 years ago

Fait

Clownatec01 commented 10 years ago

I pad Le texte formulaire de demande d'information ne tombe pas a la bonne place... j'aime moins cette disposition est-ce que tu peux les mettres les 4 sur la même ligne (je crois que ca va faire plus beau)

cmarois commented 10 years ago

j'ai reussi a mettre le texte 'formulaire' en bas. Mais les boutons sont sur 2 lignes. je ne sais pas encore comment pouvoir les mettre sur une meme ligne les 4 ensembles, il deviennent toujours 3 sur une ligne et 1 sur l'autre.

l'autre chose c'est que avec les boutons sur 2 lignes, j'arrive pas a les centrer. M'a rechecker demain, il y a plusieurs classes avec lequels je suis moins familier.

cmarois commented 10 years ago

Les boutons sont sur la meme ligne pour ipad / mini ipad-landscape

Clownatec01 commented 10 years ago

super pour landscape Est-ce possible aussi pour portrait

cmarois commented 10 years ago

Peux tu aller sur le site: http://ryanve.com/lab/dimensions/ Avec ton I-pad, met le en portrait et donne moi la valeur du @media breakpoint (width) la premiere de toute.

J'ai pas de Ipad, juste un mini pad, alors pour pouvoir avoir les boutons sur une meme ligne sur le ipad-portrait, ca me prendrait la largeur. Merci.

PS Sur le mini-pad portrait, les boutons sont mieux en 2 lignes.

Clownatec01 commented 10 years ago

ok pour le mini i pad sur 2 lignes

media breakpoint 768

On 2014-11-06 09:52 AM, cmarois wrote:

Peux tu aller sur le site: http://ryanve.com/lab/dimensions/ [1] Avec ton I-pad, met le en portrait et donne moi la valeur du @media [2] breakpoint (width) la premiere de toute.

J'ai pas de Ipad, juste un mini pad, alors pour pouvoir avoir les boutons sur une meme ligne sur le ipad-portrait, ca me prendrait la largeur. Merci.

PS Sur le mini-pad portrait, les boutons sont mieux en 2 lignes.

Reply to this email directly or view it on GitHub [3].

Links:

[1] http://ryanve.com/lab/dimensions/ [2] https://github.com/media [3] https://github.com/cmarois/catec/issues/130#issuecomment-61989672

cmarois commented 10 years ago

c'est fait.

Clownatec01 commented 10 years ago

super merci