+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 23 650
    Points : 91 552
    Points
    91 552
    Billets dans le blog
    20

    Par défaut Réussisez vos alignements HTML avec du CSS.



    Pour terminer la semaine sur une bonne note, Pascale Lambert propose un tutoriel sur la gestion des alignements HTML réalisés en CSS. En effet, à l'aide d'exemples basés sur une image, un texte et la propriété CSS float, elle réussie à nous montrer des techniques qui peuvent s'avérer utiles dans nos développements (futures ?).

    N'hésitez pas à faire part de vos remarques, questions et encouragements à la suite de ce message.

    Voir aussi les cours et tutoriels pour apprendre CSS.

    Merci à elle
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #2
    ILP
    ILP est déconnecté
    Membre confirmé
    Avatar de ILP
    Homme Profil pro
    Développeur informatique
    Inscrit en
    mai 2002
    Messages
    255
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : mai 2002
    Messages : 255
    Points : 506
    Points
    506

    Par défaut

    Bon tutoriel .
    Mais je n'aime pas le fait que tu aies ouvert une balise de paragraphe uniquement pour mettre une image.
    Ça modifie la structure du document HTML et je ne trouve pas ça propre .
    Je préfère faire comme ça :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .flotte {
      float: left;
    }
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <p style="line-height: 65px;">
      <img src="images/new.png" alt="Nouveau !" class="flotte" />
      Toutes les nouveautés, rien que des nouveautés.
    </p>
    Comme ça, au niveau de la structure du document, l'image est bien dans le paragraphe .

Discussions similaires

  1. Valider vos formulaires HTML avec Parsley.js
    Par FirePrawn dans le forum JavaScript
    Réponses: 1
    Dernier message: 22/01/2013, 12h29
  2. Réalisation de mise en page HTML avec du CSS
    Par ForgetTheNorm dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 17/08/2011, 20h59
  3. Débutant : Réussisez vos alignements HTML avec du CSS.
    Par Kerod dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 09/07/2010, 12h46
  4. [CSS 2.1] Inverser le flux html avec du css
    Par burnzedy dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 01/07/2009, 11h54
  5. [CSS] remplacement de tags html avec css
    Par wtfu dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 28/02/2006, 16h44

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