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 :

Positionnement d'image


Sujet :

Positionnement en CSS

  1. #1
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Septembre 2013
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2013
    Messages : 18
    Points : 21
    Points
    21
    Par défaut Positionnement d'image
    Bonjour,

    Sur le site que j'ai entamé il y a 2 jours, le menu gris, avec Archeage et Wildstar dedans http://nalh.site50.net/ et la bar de login en haut ne sont pas comme je le veux.

    (Les 2 éléments sont des images et lorsque je serais satisfait du positionnement, je ferais les boutons et tout, mais ce n'est pas important pour l'instant.)

    Je veux que le menu et la bar de login soient visibles en tout temps et qu'ils aient en tout temps la même taille ou presque. Lorsque je réduit la résolution, les 2 sont soit à moitié visible, difformés ou trop petits. Je voudrais qu'ils aient toujours la même taille et qu'ils soient toujours visible dans le navigateur.

    Je voudrais que ça donne un truc dans le genre.

    Ex: résolution 1920x1080 alors menu = 100% taille d'origine et centré au milieu du navigateur.

    résolution 1024x720 alors menu = 100% taille d'origine et centré au milieu du navigateur.

    Voici le code HTML

    http://nalh.site50.net/

    Voici le code CSS

    http://nalh.site50.net/style.css

    Aidez-moi svp,

    Et merci d'avance pour vos réponses!

    Hoimli

  2. #2
    Nouveau membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2014
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2014
    Messages : 34
    Points : 35
    Points
    35
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    body { 
    width : XX px;
    margin : auto;
    }

    pour centrer ton site.

  3. #3
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 700
    Points : 3 849
    Points
    3 849
    Billets dans le blog
    6
    Par défaut
    Il faut éviter au maximum les valeurs et les positionnements absolus.

    Allez voir du côté de notre FAQ "positionnement" (pour centrer horizontalement et verticalement), et découvrez les fondamentaux du Responsive Web Design (pour modifier la mise en page selon la résolution).

Discussions similaires

  1. [css] positionnement d'images width 100%
    Par testicool dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/02/2006, 23h18
  2. [VB] excel->word positionner une image
    Par estampille dans le forum VBA Word
    Réponses: 2
    Dernier message: 19/01/2006, 17h34
  3. positionner une image
    Par Bibouda dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 17/12/2005, 13h26
  4. Pb de positionnement d'images
    Par pekka77 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 17/12/2005, 09h15
  5. comment Positionner une image sur une autre ?
    Par moumoule17 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 25/11/2004, 16h41

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