fixer du texte precisement sur une page

kelu77 · 03/04/2009, 22h44

bonsoir à tous, je suis plus qu'un débutant, et c'est pour m'éviter de chercher des jours (de manière honnête) alors que j'ai besoin très rapidement de ce site internet afin de présenter mes travaux pour trouver un stage en entreprise, que je me permets de vous solliciter.

voici le code HTML de ma page:

Code html :

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
29
30
31
32
33
34
35
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>lucfontaine</title>
<link href="monstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div Align="center">
<p>
  <img src="header.gif" width="850" height="75" hspace="0" vspace="0">
</p>
<p>
  <img src="accueil.gif" width="143" height="51"><img src="photoshop.gif" width="193" height="51"><img src="indesign.gif" width="180" height="51"><img src="illustrator.gif" width="166" height="51"><img src="handwork.gif" width="181" height="51">
</p>
</div>
<p class="monstyle2">&gt;&gt;Software:</p>
<p class="monstyle">Photoshop</p>
<p class="monstyle">Indesign</p>
<p class="monstyle">Illustrator</p>
<p class="monstyle"> Dreamweaver</p>
<p class="monstyle2"> &gt;&gt;Langage</p>
<p class="monstyle">Notions en HTML/CSS</p>
<p class="monstyle2">&gt;&gt;2009</p>
<p class="monstyle">Année préparatoire en art appliqué</p>
<p class="monstyle3">Ecole Autograf, Paris 20ème</p>
<p class="monstyle2">&gt;&gt;2008</p>
<p class="monstyle">Obtention du baccalauréat scientifique, sciences de l'ingénieur</p>
<p class="monstyle3">LEGT LaFayette, Clermont-Ferrand, 63</p>
<p class="monstyle">Passionné de graphisme, j'aime passer le temps en réalisant</p>
<p class="monstyle"> des petits travaux de retouches photos, de vectorisations etc.</p>
<p class="monstyle">J'apprécie également la musique, l'informatique, et le cinéma, </p>
<p class="monstyle">qui sont une source d'inspiration pour mes travaux.</p>
</body>
</html>
</html>

mon codage 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
20
21
22
23
24
25
26
27
28
29
30
31
@charset "utf-8";
.monstyle {
	font-family: "SF New Republic", "SF New Republic SC";
	font-size: 20px;
	line-height: 0px;
}
.monstyle2 {
	font-family: "SF New Republic", "SF New Republic SC";
	font-size: 24px;
	font-weight: bold;
	line-height: 5px;
	font-style: normal;
	font-variant: small-caps;
	color: #666;
}
a img
{
border: none;
} 
.monstyle3 {
	font-family: "SF New Republic", "SF New Republic SC";
	font-size: 19px;
	font-style: italic;
	line-height: 5px;
	font-weight: normal;
	color: #BBB;
}
body
{
background:url(background.gif) no-repeat top center #CCC;
}

Sur mon site, je voudrais placer mon texte dans l'alignement du reste, et pouvoir conserver cet alignement même lorsque je redimensionne la page (comme il est possible pour les autres éléments).
Merci de votre aide,je suis sûr que c'est pas bien dure pour le commun des programmeurs je pense qu'il y a une idée de pourcentage mais à vrai dire sans mon logiciels WYSIWUG, je serais moins que rien... J'imagine que mes codes sont très degueux en plus excusez moi.

(surtout les retours à la ligne surement pas orthodoxes...)
bonne soirée à tous!

PS: merci à la personne qui a édité mon post.

**bourvil** · 05/04/2009, 13h46

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>lucfontaine</title>
<link href="monstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div Align="center">

<img src="header.gif" width="850" height="75" hspace="0" vspace="0">


<img src="accueil.gif" width="143" height="51"><img src="photoshop.gif" width="193" height="51"><img src="indesign.gif" width="180" height="51"><img src="illustrator.gif" width="166" height="51"><img src="handwork.gif" width="181" height="51">

</div>
>>Software:
Photoshop
Indesign
Illustrator
 Dreamweaver
 >>Langage
Notions en HTML/CSS
>>2009
Année préparatoire en art appliqué
Ecole Autograf, Paris 20ème
>>2008
Obtention du baccalauréat scientifique, sciences de l'ingénieur
LEGT LaFayette, Clermont-Ferrand, 63
Passionné de graphisme, j'aime passer le temps en réalisant
 des petits travaux de retouches photos, de vectorisations etc.
J'apprécie également la musique, l'informatique, et le cinéma, 
qui sont une source d'inspiration pour mes travaux.
</body>
</html>
</html>

tu dois fermer ta balise div apres ton texte et non avant.

kelu77 · 05/04/2009, 20h37

bonsoir,

en fait je voudrais pas que le texte soit centré comme les icones, je me suis mal exprimé, je voudrais qu'il soit "aligné à gauche" mais en début de ligne dans la zone blanche

**desert** · 06/04/2009, 09h57

Bonjour,
Tu dois simplement donner une marge gauche à tes balises p.
Dans ta feuille de style, il faut indiquer :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
p.monstyle, p.monstyle2, p.monstyle3 {
    margin-left: 70px; /* modifier les 70 si cela ne convient pas */
}

Ne pas non plus oublier de déclarer un doctype en début de page.

fixer du texte precisement sur une page

HTML

Discussions similaires

Partager

Partager