HTML mise en page

**ickyknox** · 23/05/2012, 01h30

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>

**Melancoliah** · 23/05/2012, 09h15

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

**ickyknox** · 23/05/2012, 17h13

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

**Melancoliah** · 25/05/2012, 10h05

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

**ickyknox** · 25/05/2012, 10h24

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 !

**Melancoliah** · 25/05/2012, 10h39

Derien, mais moi c'est Melancoliah

HTML mise en page

HTML

Vue hybride

Discussions similaires

Partager

Partager