HTML mise en page

Version imprimable

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:

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>

23/05/2012, 09h15
Melancoliah

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 :

Citation:

1) quel code dois je rajouter pour que le texte soit centré ?

Google + "centré texte css" donne :

Code:

.maclasse {text-align:center;}

Citation:

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
23/05/2012, 17h13
ickyknox

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:

<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
25/05/2012, 10h05
Melancoliah

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:

line-height: 75%; //par exemple

Place le dans le body pour qu'il soit appliqué à l'ensemle de votre page.

Mel
25/05/2012, 10h24
ickyknox

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 !
25/05/2012, 10h39
Melancoliah

Derien, mais moi c'est Melancoliah ;)