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.

fixer du texte precisement sur une page

HTML

Mode arborescent

Discussions similaires

Partager

Partager