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

HTML Discussion :

HTML mise en page


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Par défaut HTML mise en page
    Bonjour,

    j'ai 2 questions sur ma ligne :

    BLABLABLA vous propose des prestations de qualité à domicile sur Cannes et environs


    1) quel code dois je rajouter pour que le texte soit centré ?
    2) quel code dois je rajouter pour que mes lignes soient resserrées ?

    voilà j'espère que vous pourrez m'éclairer. J'ai trouvé des codes sur internet mais ca ne marche pas chez moi car je m'y prends mal , étant débutant.

    Je vous remercie d'avance


    Code : 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
    20
    21
    22
    23
    24
    25
    26
    27
    28
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <html><head><link rel="stylesheet" type="text/css" href="style.css" />
    <style type="text/css">
     
     body {
        font-family: BelleroseLight;
     src: url('http://BLABLABLA.com/font/bellerose-webfont.eot');
        src: url('http://BLABLABLA.com/font/bellerose-webfont.eot?#iefix') format('embedded-opentype'),
             url('http://BLABLABLA.com/font/bellerose-webfont.woff') format('woff'),
             url('http://BLABLABLA.com/font/bellerose-webfont.ttf') format('truetype'),
             url('http://BLABLABLA.com/font/bellerose-webfont.svg#BelleroseLight') format('svg');
        font-weight: normal;
        font-style: normal;
     
    line-height:50px;
        background-color: transparent 
    }
     
      </style></head><body>
     
     
     <FONT size="6" >Bienvenue</a></FONT>
     
     <FONT size="5" >BLABLABLA vous propose des prestations de qualité à domicile sur Cannes et environs.</a></FONT>
     
     
    </body></html>


    <config>Mac OS X / Safari 536.5</config>

  2. #2
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2012
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2012
    Messages : 40
    Par défaut
    Bonjour,

    Tout d'abord je vous conseil de lire attentivement un tutoriel sur l'utilisation du css --> ici

    En effet vous utilisez à la fois une page de style "style.css" et du css dans la page HTML. Je penses que celà peut marcher mais c'est pas tip top pour s'y retrouver.

    Ensuite, faites attention à bien indenter votre code. Celà permet d'être plus lisible et de bien voir les "blocs". Même si vous avez repris le code d'internet.

    Enfin pour répondre à vos deux questions :

    1) quel code dois je rajouter pour que le texte soit centré ?
    Google + "centré texte css" donne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .maclasse {text-align:center;}
    2) quel code dois je rajouter pour que mes lignes soient resserrées ?
    Sachant qu'à l'affichage il n'y a qu'une ligne, je ne comprend pas

    Mel

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Par défaut
    bonjour,

    je vous remercie pour vos réponses, ca m’aide déjà beaucoup.

    concernant le texte centré, où dois je placer le code ?
    j’ai essayé ceci :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <FONT size="5" .maclasse {text-align:center;} >BLABLABLA vous propose des prestations de qualité à domicile sur Cannes et environs.</a></FONT>
    et d’autres encore, mais ca ne marche pas

    Concernant les lignes à resserer , c’est parceque ma phrase est contenu dans un fragment HTML, mais que le cadre n’est pas assez large (et c’est voulu) donc ma phrase fait 3 lignes, et ces 3 lignes sont très espacées les unes des autres.
    J’ai entendu parlé du line height, mais je n’ai pas du tout compris comment et où je dois rajouter le morceau du code.

    donc voilà, étant débutant en la matière j’ai quelques soucis.

    Je vous remercie encore

  4. #4
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2012
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2012
    Messages : 40
    Par défaut
    Désolé de vous dire ça mais le lien que je vous ai passé répond à votre question sur "où placer le code CSS". Soit vous placer le code css dans le HTML grace à une balise <style> soit vous le placer dans un ficher de style en .css. Lisez attentivement le tuto et vous comprendrez.

    Pour l'espace entre les lignes c'est bien ligne-height comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    line-height: 75%; //par exemple
    Place le dans le body pour qu'il soit appliqué à l'ensemle de votre page.

    Mel

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Par défaut
    merci melancholia;

    c'est bon ca marche.
    Ca ne fonctionnait pas car au debut de mon code il me manquait le lien vers mon fichier style.css

    Donc tout est ok.

    Merci encore !

  6. #6
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2012
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2012
    Messages : 40
    Par défaut
    Derien, mais moi c'est Melancoliah

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

Discussions similaires

  1. Probleme avec les div (HTML) Mise en page
    Par yassinert dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/08/2008, 09h54
  2. [HTML] mise en page de formulaire
    Par sambzh24 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 07/02/2008, 16h04
  3. [Html/Css] Problème mise en page texte
    Par Myogtha dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 07/12/2005, 14h21
  4. [CSS][HTML] Mise en page : Avec ou sans tableaux ?
    Par arno2000 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 09/08/2005, 02h34
  5. [html][css] mise en page iframe
    Par niglo dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 09/06/2005, 14h08

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