IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Webdesign & Ergonomie Discussion :

[Webdesign] Design site extensible


Sujet :

Webdesign & Ergonomie

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Février 2008
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 9
    Par défaut [Webdesign] Design site extensible
    Salut à tous,
    Je suis en train de réfléchir à comment faire un site au design extensible et je me pose une question qui va peut être vous paraitre un peu bête.

    Je me demande quelle taille je dois donner aux éléments fixes de ma page, comme par exemple la bannière du site, est ce que cette taille a une importance ou alors je met celle que je veux ?

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    si la taille de ton bandeau image peut être étendu en largeur il faut lui attribuer
    une width:100% (le plus souvent) sinon rien du tout, mais sans voir ton gabarit
    difficile de te répondre.
    Ensuite si tu souhaites que la taille de ton image s'adapte homotéthiquement
    aux petites résolutions ou en cas de diminution de la zone d'affichage (appelée
    viewport) sans qu'elle soit rognée, tu dois lui attribuer ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    img {height:auto; max-width:100%;}

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Février 2008
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 9
    Par défaut
    Ok merci beaucoup pour ces infos, mais si je fais une bannière fixe sous photoshop de 800 px (width) et que je fais un design extensible, pour l'internaute qui a une résolution de 1024px, la qualité de ma bannière ne sera pas réduite ??

  4. #4
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Salut,

    Dans ce cas, tu dois prévoir qu'une partie de ton image doit aussi être extensible.
    Soit un aplat de couleur, soit un dégradé vertical ou encore un motif répétitif...
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Webdesign] Design avec Photoshop
    Par jadorelescss38 dans le forum Webdesign & Ergonomie
    Réponses: 5
    Dernier message: 17/07/2007, 13h35
  2. [Webdesign] Design du site
    Par Commodore dans le forum Webdesign & Ergonomie
    Réponses: 3
    Dernier message: 22/07/2006, 12h55
  3. [Webdesign] design web
    Par ibtisss dans le forum Webdesign & Ergonomie
    Réponses: 3
    Dernier message: 18/10/2005, 15h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo