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 :

Hauteur bloc = 1/2 largeur bloc + centrer carousel


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Août 2019
    Messages
    51
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : Belgique

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : Finance

    Informations forums :
    Inscription : Août 2019
    Messages : 51
    Par défaut Hauteur bloc = 1/2 largeur bloc + centrer carousel
    Bonjour à tous,

    en fait, j'essaie de faire en sorte d'afficher un carousel dans un bloc qui doit prendre toute la largeur et dont la hauteur devrait être la moitié de la largeur.

    Si les images sont plus petites que ce bloc, je compte les centrer et avoir le même background que le bloc autour des images.

    Voici ce que j'ai essayé de faire mais ça ne donne pas le résultat escompté actuellement :

    https://codepen.io/thirt/pen/OJLObLP

    Merci pour votre aide.

    Bonne journée
    Thierry

  2. #2
    Invité
    Invité(e)
    Par défaut
    AÏEEEEEEUHHHH !!!
    Ça pique les yeux.....


    1- Si tu ne démarres pas avec une structure HTML(5) correcte, ce n'est pas la peine de continuer.
    Et on commence par la MISE EN PAGE, l'ossature globale de la page !

    D'autre part, il existe des sliders (jQuery ou autre) TOUT-FAITS.


    En d'autre terme, tu voudrais ranger tes caleçons et chaussettes, avant d'avoir construit le meuble...


    2- Si ce sont des "articles de presse" que tu cherches à mettre en page, il existe aussi des sites en ligne (médias,...), dont tu pourrais t'inspirer !
    • -> clavier "F12" pour regarder les codes HTML / CSS appliqués.

  3. #3
    Membre confirmé
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Août 2019
    Messages
    51
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : Belgique

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : Finance

    Informations forums :
    Inscription : Août 2019
    Messages : 51
    Par défaut
    Bonjour Jérôme,

    merci à vous pour votre aide et vos conseils.

    En tout cas, ce n'est pas rassurant. Pourriez-vous me dire ce qui ne va pas dans le code HTML afin que je puisse m'améliorer (si c'est possible -) et que je ne fasse plus ces erreurs ?

    Dois-je mettre des balises <section>, <article>, ... ?

    Merci d'avance pour votre aide.

    Bonne journée
    Thierry

  4. #4
    Invité
    Invité(e)
    Par défaut
    Commence par la BASE !


    Et je t'ai aussi déjà donné d'autres liens...

    A vouloir brûler les étapes, tu fais de la m.....

  5. #5
    Membre confirmé
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Août 2019
    Messages
    51
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : Belgique

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : Finance

    Informations forums :
    Inscription : Août 2019
    Messages : 51
    Par défaut
    Bonjour Jérôme,

    merci beaucoup pour vos infos et conseils.

    Pourriez-vous juste me donner un simple exemple de ce qui ne va pas dans le code ? En fait, je n'ai mis que des div dans le code de test.

    Merci d'avance

    Bonne journée
    Thierry

  6. #6
    Invité
    Invité(e)
    Par défaut
    Tu mets la charrue avant les bœufs.

Discussions similaires

  1. Réponses: 2
    Dernier message: 17/09/2012, 15h17
  2. background étirable uniquement en hauteur et répété en largeur
    Par ju0123456789 dans le forum Mise en page CSS
    Réponses: 12
    Dernier message: 24/03/2011, 15h53
  3. Copie hauteur de ligne et largeur de colonne
    Par zandru dans le forum Macros et VBA Excel
    Réponses: 10
    Dernier message: 06/08/2008, 14h31
  4. [Débutant] Centrer un bloc DIV sous IE
    Par Amon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 22/09/2005, 00h31

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