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

Mise en page CSS Discussion :

Adapter habillage à une structure en pourcentage


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Jiraiya42
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    671
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 671
    Par défaut Adapter habillage à une structure en pourcentage
    Salut !

    Je suis en train de faire un design plein écran. J'ai globalement une bannière et une partie contenu. J'aimerais faire un design tout beau avec un logiciel de dessin pour habiller les div. Etant donné que la taille des div est en pourcentage et qu'elle s'adapte aux différents écrans comment je peux faire pour que mon habillage s'adapte en même temps sans pour autant le déformer svp ?

    Merci d'avance...

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    Février 2008
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 10
    Par défaut
    J'ai souvent fait ça ... enfin avant, maintenant j'aime plus les images ^^

    c'est pas très dur en fait, mais y'a pas 36 solutions, une image ça s'étire pas (enfin si ... mais non).

    un truc tout bête, pour un header
    tu coupe l'image en deux, et au centre du met un background-image:TONIMAGE.png repeat-x; (enfin un truc comme ça ^^)

    j'espère avoir bien compris ce que tu voulais, et si toi tu comprend pas, je t'expliquerais mieux.

  3. #3
    Membre éclairé Avatar de Jiraiya42
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    671
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 671
    Par défaut
    Citation Envoyé par LeDuc123 Voir le message
    J'ai souvent fait ça ... enfin avant, maintenant j'aime plus les images ^^

    c'est pas très dur en fait, mais y'a pas 36 solutions, une image ça s'étire pas (enfin si ... mais non).

    un truc tout bête, pour un header
    tu coupe l'image en deux, et au centre du met un background-image:TONIMAGE.png repeat-x; (enfin un truc comme ça ^^)

    j'espère avoir bien compris ce que tu voulais, et si toi tu comprend pas, je t'expliquerais mieux.
    Merci pour ta réponse

    C'est ce que je faisais avant mais là le soucis c'est que la largeur et la hauteur sont en pourcentage donc la solution marche pour l'un ou l'autre à condition que ce soit un à la fois. Pour les deux je sais pas comment faire.

  4. #4
    Membre régulier
    Profil pro
    Inscrit en
    Février 2008
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 10
    Par défaut
    Ben le principe est le même ... mais j'ai du mal parce que je vois pas très bien ce que tu veux faire, tu devrais poster ton image et le rendu que tu souhaite avoir

    je verrais si je peux t'aider

  5. #5
    Membre éclairé Avatar de Jiraiya42
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    671
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 671
    Par défaut
    Citation Envoyé par LeDuc123 Voir le message
    Ben le principe est le même ... mais j'ai du mal parce que je vois pas très bien ce que tu veux faire, tu devrais poster ton image et le rendu que tu souhaite avoir

    je verrais si je peux t'aider
    J'ai pas encore créé l'image, j'essaie de visualiser comment je vais m'y prendre. Mes div sont en place mais reste à faire l'image.

    Admettons que le gars est une résolution de 800 par 600. Je voudrais que la bannière prenne 100% de la largeur donc jusque là ça va. Je voudrais aussi qu'elle prenne 20% de la page en hauteur. L'image serait la même mais prenant des dimensions différentes. Une solution (pourrie) serait de créer la même image avec des tailles différentes et adapter la taille du div en absolue mais niveau flexibilité c'est minable. Donc je sais pas comment faire, suis-je condamné à mettre un background-color dans mon cas ?

  6. #6
    Membre régulier
    Profil pro
    Inscrit en
    Février 2008
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 10
    Par défaut
    ben ça dépend ton image, c'est sur que tu pourra jamais étirer une image donc faut trouver des compromis ...

    je peux pas plus t'aider mais n'hésite pas à venir me demander quand t'aura ton image et que tu pourra me montrer le rendu final (ce que tu souhaite avoir)

Discussions similaires

  1. sizeof() d'une structure
    Par tut dans le forum MFC
    Réponses: 12
    Dernier message: 29/08/2006, 18h21
  2. [Initialisation] Remplir une structure une fois
    Par Kimael dans le forum Langage
    Réponses: 14
    Dernier message: 08/06/2004, 15h33
  3. Comment mettre en place une structure 3 tiers.
    Par WOLO Laurent dans le forum Débats sur le développement - Le Best Of
    Réponses: 13
    Dernier message: 27/07/2003, 22h01
  4. [toFAQ][socket] Envoi d'une structure
    Par julien20vt dans le forum C++
    Réponses: 15
    Dernier message: 23/04/2003, 15h47
  5. longueur d'une structure
    Par bohemianvirtual dans le forum C
    Réponses: 6
    Dernier message: 28/05/2002, 18h31

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