Aide pour construire ma page HTM...

Fermé
Adéma - 27 août 2004 à 09:43
 alektor - 27 août 2004 à 15:12
Bonjour,

J'aimerais qu'un texte, tout en étant JUSTIFIÉ, puisse bénéficier d'une MARGE (quelconque) de chaque côté de la page et quelque soit la résolution de celle-ci ?

Si vous pourriez me donner un exemple simple (et clair) des balises à insérer dans ma page, cela me serait très utile.
Merci de votre aide.
A voir également:

13 réponses

teebo Messages postés 33491 Date d'inscription jeudi 14 octobre 2004 Statut Modérateur Dernière intervention 24 février 2011 1 793
27 août 2004 à 10:08
Salut, le plus simple est de le coller dans un tableau que tu decalleras ...

*,*  Ce post a été écrit entièrement
\_/  avec des molécules recyclées
0
GallyNet Messages postés 434 Date d'inscription mardi 1 juin 2004 Statut Membre Dernière intervention 15 décembre 2008 386
27 août 2004 à 10:51
ou alors tu utilise les CSS:
<font style="margin-left:20px;">la tu met tout t'on texte qui est justifiè</font>

et tu aura une margin de 20pixel sur la gauche .
0
arnotw Messages postés 25 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 28 décembre 2007 36
27 août 2004 à 10:52
Non faut pas utiliser les tableau.
il faut creer une CSS (feuille de style). Ya plusieurs moyens de faire.
Ton texte doit être entre des balises <P>

Pour le bloc de texte :
Utilise un <div> que tu positionne dans ta page.
Ton code HTML :
<div id="bloc"><p>bla bla bla...</p></div>

et ton fichier CSS :
#bloc {
margin-left: 50px;
margin-right: 50px;
margin-top: 100px;
margin-bottom: 100px;
}
p 
{
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}

Ton bloc sera toujours positionné à 50 pixels à droite et à gauche
et de 100 pixels du haut et du bas... et ce dans toutes les résolutions.
Ya même pas de tableau (bc plus efficace car plus rapide d'affichage, adaptation sur tous les ecrans et conforme au W3 !)


Ya moyen !
0
Utilisateur anonyme
27 août 2004 à 10:56
Ca serait pas plutot 60px a droite et a gauche ?

--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
arnotw Messages postés 25 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 28 décembre 2007 36
27 août 2004 à 10:59
Ouais, exact
j'ai defini 10px pour le texte

1000 excuses !

Ya moyen !
0
Utilisateur anonyme
27 août 2004 à 11:09
text-align:justify ca fait quoi ?
Ca decale la première ligne pour faire un alinéa ?

--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!
0
arnotw Messages postés 25 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 28 décembre 2007 36
27 août 2004 à 11:12
"text-align" c'est pour aligner à droite gauche centre ou justifié.
Pour alinea c'est "text-indent"

Ya moyen !
0
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
Tout le monde est bien gentil, mais je n'ai toujours pas compris ce qu'il fallait faire exactement pour résoudre mon problème.
Ne serait-il pas plus simple de m'aider en indiquant les balises du début et tout ce qui vient à la suite l'un de l'autre pout terminer ensuite par les balises de fin de page ?
Si je demande de l'aide, c'est parce que je suis débutante et je souhaiterais pouvoir (par exemple) faire un copier/coller en ajoutant mon texte entre les balises nécessaires et quelle que soit la valeur des marges à définir.
Est-ce vraiment trop demander que de résoudre mon petit problème ?
Merci cependant pour la personne qui comprendra ce que je veux exactement.
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
0
arnotw Messages postés 25 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 28 décembre 2007 36
27 août 2004 à 12:53
Bon on va se détendre !

je suis pas du genre à macher le TAF,
mais bon t'es debutante, et on si tu peux trouver des conseil de pro,
si on peux te refiler la passion, bah soit ...

Le code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>titre de ta page</title>
<style>
#bloc {
margin-left: 50px;
margin-right: 50px;
margin-top: 100px;
margin-bottom: 100px;
}
p 
{
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}
</style>
</head>

<body>
	<div id="bloc">
				<h1>ton titre 1</h1>
				<p>bla bla bla... tontexte</p>
				<h1>ton titre 1</h1>
				<p>bla bla bla... tontexte</p>
				<h1>ton titre 1</h1>
				<p>bla bla bla... tontexte</p>
	</div>
</body>
</html>



Explications : le <div> est defini dans le <style>
on lui applique des marges (ht bas droit gauche), mais on peux aussi lui appliquer une couleur ou image de fond et pleins d'autres attributs.

la balise <p> veut dire paragraphe
la balise <h1> les grds titre

Pareil, on leur donne les attributs (dans le style)
comme la police de caract. , taille, couleur, alignement (justify entre autre) ...

Ca, c'est les bases d'un bon code source.
Apres tu rajoutes des blocs (avec des noms differents que tu definis toujours dans le style) et tu les assembles sur ta page.
Mais pour ça faut connaître un peu les balises div, h1, h2 , li, ul ...
et les attributs de style (la CSS).

Enfin bref ya plein de sites pour comprendre tout ça.
Si tas un pb, t'hesites pas

Ya moyen !
0
********************************
Bravo m'sieur !
Seul un Troyen comme vous a eu le don de comprendre ce que je voulais exactement sans trop me casser la tête.
Mille merci en tout cas du travail accompli pour me rendre la vie plus facile dès le départ.
Grâce à vous, je suis dépannée.
Si tout le monde se donnait la peine de faire comme vous, il serait inutile d'encombrer le forum avec une flopée de questions qui sont (souvent) suivies par des réponses incomplètes.
Y avait moyen... et ça marche (bien) !
*********************************
0
teebo Messages postés 33491 Date d'inscription jeudi 14 octobre 2004 Statut Modérateur Dernière intervention 24 février 2011 1 793
27 août 2004 à 14:02
Dis donc, je te trouve bien exigeante, le forum est fait pour aider, pas pour faire ce que tu veux faire a ta place! Tu demandes mais tu ne donnes rien en echange que des lecons de morales, je trouve tes remarques deplacees!

*,*  Ce post a été écrit entièrement
\_/  avec des molécules recyclées
0
arnotw Messages postés 25 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 28 décembre 2007 36
27 août 2004 à 15:12
T'as raison Teebo

Pour ça ya des tutos, moi même j'ai appris comme ça.
Un forum c'est pour un pb precis, une prise de tête.
On y va pour trouver des pistes de reflexion, pas pour passer commande.

Mais bon, ca fait pas longtemps que je contribue à ce forum,
ca m'a fait plaisir !

Ya moyen !
0
<macho mode>
c koi c gronzess ki dmande du prémaché??? et les zotres ils puent ils t'ont pas maché le boulo c sa?? lexcuze bidon de l'encombrement... exigeante et hypocryte, un comble!
</macho mode>
0