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

Discussion :

Developpement sous Html5 et Css3

  1. #1
    Membre du Club
    Femme Profil pro
    Formateur en informatique
    Inscrit en
    Novembre 2014
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Formateur en informatique

    Informations forums :
    Inscription : Novembre 2014
    Messages : 49
    Points : 54
    Points
    54
    Par défaut Developpement sous Html5 et Css3
    Bonjour à toutes et à tous,
    Je dois développer sous html5 et css3 le bandeau bleu du document joint.
    Ce document contient 3 éléments de texte qui coivent être à gauche, centrer et à droite
    Pouvez-vous m'indiquer comment l'écrire en html ?
    - est-ce que je dois utiliser un tableau (table)
    - est-ce que je dois utiliser des span ?
    et que dois-je déclarer en css3
    Je bloque complètement
    Images attachées Images attachées

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 030
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 030
    Points : 44 375
    Points
    44 375
    Par défaut
    Bonjour,
    tu aurais eu meilleur compte d'insérer une image plutôt qu'un PDF mais bon ...
    - est-ce que je dois utiliser un tableau (table)
    - est-ce que je dois utiliser des span ?
    non dans les deux cas, il faut penser simple au premier abord.


    et que dois-je déclarer en css3
    au minimum d'après ce que l'on voit, les couleurs et les centrages !


    Je bloque complètement
    Il ne faut pas que cela soit une fatalité, le code que tu as réalisé aurait également été un plus

    Une piste de structure, si bien sûr il s'agit d'un bandeau menu :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <nav class="bandeau">
      <a href="#">Adresse</a>
      <a href="#">Mail</a>
      <a href="#">Téléphone</a>
    </nav>

  3. #3
    Membre du Club
    Femme Profil pro
    Formateur en informatique
    Inscrit en
    Novembre 2014
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Formateur en informatique

    Informations forums :
    Inscription : Novembre 2014
    Messages : 49
    Points : 54
    Points
    54
    Par défaut
    Merci Nosmoking
    Mais ta solution correspond à une barre de navigation alors que moi j'ai besoin au milieu de ma page d'accueil d'avoir un bandeau bleu avec 3 textes : un à gauche, un au milieu et un à droite

    je te mets l'exemple en .jpg
    Merci d'avance
    Images attachées Images attachées  

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 030
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 030
    Points : 44 375
    Points
    44 375
    Par défaut
    Mais ta solution correspond à une barre de navigation ...
    oui j'avais prévenu

    Autre exemple :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div class="bandeau">
      <ul>
        <li>Adresse</li>
        <li>Mail</li>
        <li>Téléphone</li>
      </ul>
    </div>
    avec comme CSS :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    .bandeau {
      display: grid;
      min-height: 100vh;
      place-items: center; /* ou margin: auto sur enfant */
    }
    .bandeau ul {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      border: 4px solid #069;
      text-align: center;
      line-height: 5em;
      list-style: none;
      color: #FFF;
      background-color: #47C;
    }
    .bandeau li {
      min-width: 20em;
    }
    Maintenant il y a d'autres solutions possibles à toi de voir et d'adapter

  5. #5
    Membre du Club
    Femme Profil pro
    Formateur en informatique
    Inscrit en
    Novembre 2014
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Formateur en informatique

    Informations forums :
    Inscription : Novembre 2014
    Messages : 49
    Points : 54
    Points
    54
    Par défaut
    Merci Nosmoking !
    c'est parfait ! je vais l'adapter un petit peu

  6. #6
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 417
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 417
    Points : 5 771
    Points
    5 771
    Billets dans le blog
    1
    Par défaut
    Bonjour,
    je me disais aussi que les flexbox étaient une bonne solution et jreaux62 en avaient fait plusieurs : https://codepen.io/jreaux62/pen/POGdjj ou https://codepen.io/jreaux62/pen/bYwxYL. Pour les trouver toutes : google et codepen jreaux62 mise en page flex.
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

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

Discussions similaires

  1. librairie matlab pour developpement sous visual studio
    Par zak39 dans le forum Bibliothèques
    Réponses: 5
    Dernier message: 15/04/2008, 16h31
  2. Programme à developper sous visual basic 2005
    Par seb_de_quimper dans le forum VB.NET
    Réponses: 15
    Dernier message: 07/03/2007, 23h29
  3. Executer une procedure developpée sous VB.net Sous SQl server
    Par guandal dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 25/01/2007, 12h18
  4. developpement sous eclipse
    Par redamimo dans le forum Eclipse Java
    Réponses: 1
    Dernier message: 07/08/2006, 11h01
  5. Quel environnemement de developpement sous Unix
    Par harsh dans le forum Choisir un environnement de développement
    Réponses: 2
    Dernier message: 07/06/2006, 21h55

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