Mes débuts en html Fermé

Question

Bonjour, 
Comme je vous j'ai dit dans mon dernier message, j'ai décidé de me lancer dans la construction d'un site sur l'armorial de mon département. Les débuts sont un peu laborieux, mais avec votre aide je pense que je parviendrais à le réaliser.
Ma première question semble simple, j'ai vu qu'elle a été posée plusieurs fois et malgré les réponses que j'ai lues, je ne parviens pas à faire ce que je veux:
Je voudrais simplement mettre sur une même ligne "page précédente   retour index  page suivante" le tout centré sur la page avec des blancs entre les différentes indications. J'ai vu qu'on pouvait le faire avec des  nbsp en grandes quantité, mais je suis sûr qu'on peut le faire de façon plus 'élégante'
Merci pour votre aide
Cdt. Jacques



Configuration: Windows 7 / Firefox 26.0

Pierrecastor · Answer

Salut

Tu utilises du CSS avec ton fichier html ?

Utilisateur anonyme · Answer

salut tu peux faire ainsi : Page

page précédente retour index page suivante

roentgen · Answer

Merci pour cette belle page... mais ça m dépasse un peu... Voici une de mes pages: balarin Balarin

texte... texte... Si tu pouvais me dire comment et où je colle ce que tu m'as écrit ça m'arrangerais, je sais, je suis un vrai bourrin..... mais il n'y a aucun espoir d'améliortion JP

roentgen · Answer

Merci pour cette réponse, je vais me restaurer un peu et j'essayerais plus tard. Je te tiens au courant
JP

roentgen · Answer

De toute évidence il y a eu un problème de communication
Ce que je veux faire dans un premier temps c'est tout simplement écrire du texte, dans ce cas: page précédente à gauche, retour index au centre et page suivante à droite avec des blancs entre c'est tout. C'est de la mise en page genre traitement de texte
Si tu as une idée, je suis preneur
Merci, JP

roentgen · Answer

Oui, ça j'ai à peu près compris, mais ce que je n'arrive pas à faire c'est de mettre un mot complètement à gauche, un au centre et le troisième à droite le tout sur la même ligne et séparés par des blancs
Désolé...

roentgen · Answer

Non, mon but n'est pas d'apprendre ces langages qui ne me serviront qu'une seule fois.
Ce que je veux faire n'est pas compliqué, il s'agit de faire des pages toutes identiques en ce qui concerne leur mise en page, certes il y en aura peut-être 2500 et autant ou presque d'images. Le fonctionnement est tout simple, un alphabet, on clic sur le A, les noms qui commencent par A s'affichent, on clic sur celui qu'on veut et on arrive à la page. Ensuite, soit on va en avant, page suivante, soit on va en arrière, page précédente, soit on retourne à l'index, c'est tout.

J'ai à peu près compris comment s'articulait le html et css pour pouvoir faire mes pages, ce qui m'arrête c'est simplement le fait de ne pas pouvoir mettre sur une même ligne trois éléments, c'est simplement une question d'esthétique. Si je ne trouve la réponse à cette question qui me semble assez simple pour les "pros", et bien je ferais différemment, c'est tout
Merci pour ton aide, JP

animostab · Answer

salut fait ca ce sera centré html

et dans ton css #mesliens ul {text-align:center;list-style-type:none;}#mesliens ul li{display:inline;margin: 0 10%;} ou sinon : a gauche / centré / a droite html

le css #mesliens ul {list-style-type:none;margin:0;padding:0;}.g {display:block;float:left;text-align:left;width:33.33%;}.c {display:block;float:left;text-align:center;width:33.33%;}.d {display:block;float:left;text-align:right;width:33.33%;} Un petit merci vaut mieux qu'une grande ignorance ! Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

roentgen · Answer

Il faut vraiment tout ça?... Et ben je n'étais pas prêt d'y arriver.
Pour ce soir je vais bâcher, je testerai demain
Merci pour ton aide, 
Jacques

roentgen · Answer

Bonjour,
Avant de commencer ce travail, je suis allé voir sur le net pour trouver des didacticiels sur le html, j'ai commencé par ''le html pour les nuls", puis sur celui-ci:

https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Je voudrais juste vous dire que j'ai 65 ans et porteur d'une maladie génétique qui m'a conduit 12 fois au bloc opératoire donc trois anévrismes de l'aorte et une valve cardiaque. 
J'avale quotidiennement une douzaine de comprimés depuis quelques dizaines d'années et dont les effets indésirables permanents affectent notamment le cerveau.
J'ai de gros problèmes avec la mémoire dite immédiate, ce qui veut dire que je ne me souviens pas de ce que j'ai fait hier mais aussi me prive de la lecture. Je suis limité à un article de presse, mais je suis incapable de lire un bouquin. De plus, il m'est aussi très difficile voire impossible de déclencher le mécanisme du raisonnement. Difficile à dire et à admettre d'autant que je faisais autrefois des math et de la physique pour le plaisir
Pour en revenir au htlm, je suis très curieux de nature, et j'ai voulu apprendre ce langage, mais après plusieurs jours à relire encore et encore les mêmes pages, j'ai abandonné. J'ai pu faire une mise en page qui va me servir à entrer les données, mais le reste sera inaccessible  pour moi.
Voilà pourquoi je frappe à la porte de CCM. 
Bonne journée, JP

roentgen · Answer

Ce que tu m'as envoyé fonctionne, il y a juste un espace un peu grand entre la dernière ligne du texte et les liens, j'ai bien essayé de comprendre, mais j'ai abandonné. Je sais que la mise en page pourrait être bien mieux, mais l'important reste quand même le contenu

voici ce que ça donne (sous réserve que ça fonctionne....)
JP

https://www.casimages.com/f.php?f=140107115037475946.pdf

animostab · Answer

donne le code + css

roentgen · Answer

body
{
background-color: #CFC9F7;
color: #791B2D;
text-align: center;
font-size: 80pt;
font-variant: inherit; 	
}

#texte{
background-color: #CFC9F7;
color: blue;
font-size: 25pt;
text-align: justify;
text-indent: 3%;
margin-left: 3%;
margin-right: 3%
}
#mesliens  


.g {
color: blue;
font-size: 25pt;
display:block;
float:left;
text-align:left;
width:33.33%;
}

.c {
color: blue;
font-size: 25pt;
display:block;
float:left;
text-align:center;
width:33.33%;
}

.d {
color: blue;
font-size: 25pt;
display:block;
float:left;
text-align:right;
width:33.33%;
}

#retour
{

}

roentgen · Answer

agniel Agniel

AGNIEL. -- Steyert. Arm. du Lyonnais, Forez et Beaujolais : Coupé d'azur, à trois étoiles rangées d'argent sommées d'un soleil d'or, et d'or à l'agneau passant d'azur.

Pierre Agniel, marchand drapier, né à Uzès, en 1708, premier échevin à Lyon, en 1724, fit reprise du fief de la Vernouse en Bresse, le 7 mars 1735; il est la souche de cette famille qui a donné en outre Pierre Agniel, trésorier de France en 1732 et président du bureau des finances de Lyon en 1787. Jean-Baptiste Agniel, écuyer, fit reprise du fief pour la seigneurie de la Vernouse, le 20 août 1759 et messire Agniel de la Vernouse, le 7 août 1777. En 1785, la Vernouse appartenait aux Rambaud. La famille est aujourd'hui représentée par M. Agniel de Chenelette

animostab · Answer

voici le code corrigé et commenté afin de t'aider mettre toujours les paragraphe entre les balise p comme cela

texte blabla

le texte en rouge dans une balise span le texte est rouge le titre de la page dans la balise h1

je suis le titre

voila le code html balarin

Agniel

AGNIEL. -- Steyert. Arm. du Lyonnais, Forez et Beaujolais : Coupé d'azur, à trois étoiles rangées d'argent sommées d'un soleil d'or, et d'or à l'agneau passant d'azur. Pierre Agniel, marchand drapier, né à Uzès, en 1708, premier échevin à Lyon, en 1724, fit reprise du fief de la Vernouse en Bresse, le 7 mars 1735; il est la souche de cette famille qui a donné en outre Pierre Agniel, trésorier de France en 1732 et président du bureau des finances de Lyon en 1787.

Jean-Baptiste Agniel, écuyer, fit reprise du fief pour la seigneurie de la Vernouse, le 20 août 1759 et messire Agniel de la Vernouse, le 7 août 1777. En 1785, la Vernouse appartenait aux Rambaud.

La famille est aujourd'hui représentée par M. Agniel de Chenelette

Le css body { background-color: #CFC9F7; color: #791B2D; text-align: center; font-size: 80pt; font-variant: inherit; } /** le haut avec titre et image **/ #top { margin:0 3% 20px 3%; text-align:center; } /** titre **/ #top h1 { color: #791B2D; font-size: 30pt; text-align:center; } /** la div ou il y a le texte **/ #texte{ margin:0 3% 0 3%; } /** paragraphe **/ #texte p { color: blue; font-size: 25pt; text-align: justify; text-indent: 3%; margin:0 0 10px 0; font-style:italic; } /** la div de liens **/ #mesliens { margin:10px 3% 0 3%; } /** la balise de liste de lliens **/ #mesliens ul{ margin:0; padding:30px 0 90px 0; } /** couleurs des liens **/ #mesliens a { color: red; } #mesliens a:hover { color: #791B2D; } /** position des liens **/ .g { color: blue; font-size: 25pt; display:block; float:left; text-align:left; width:33.33%; } .c { color: blue; font-size: 25pt; display:block; float:left; text-align:center; width:33.33%; } .d { color: blue; font-size: 25pt; display:block; float:left; text-align:right; width:33.33%; } /** le texte en rouge**/ .red { color:red; } /** le texte non italic **/ .debut { font-style:normal; } Un petit merci vaut mieux qu'une grande ignorance ! Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

roentgen · Answer

Bon.... je vois que j'étais loin du compte...
Comme disait ma grand mère, faire et défaire c'est toujours travailler
Merci pour ton aide
JP

roentgen · Answer

Bonjour,
Je reviens vers toi pour te soumettre un nouveau "petit" problème. Je voudrais faire mes pages d'introduction mais comment faire les liens pour accéder aux pages. 

Voici un lien que je consulte régulièrement et dont le fonctionnement me conviendrait parfaitement:

http://www.blason-armoiries.org/heraldique/a/index.html

Il faudrait que les listes de noms puissent être mises à jour sans difficultés majeures puisque ce que je fais sera sans cesse modifié

D'autre part, il existe en héraldique des site à but commercial qui vendent des images de blasons, il est évident que je ne voudrais pas que ces gens puissent copier mes images, est-il possible de les verrouiller?

Je ne voudrais pas abuser de ta disponibilité, si cela te demande trop de temps, n'hésite à me le dire
Merci pour ton aide, JP

animostab · Answer

Bonjour pour faire un lien

Blasons et armoiries

pour ce qui est d'interdire le copier des image tu peux interdire le clic droit mais bon si quelqu'un veux vraiment les récuperer il affiche la source de la page et peux voir l'adresse de l'image ou bien il désactive javascript ou bien il fait une copie d'ecran. Mais bon il faut quand meme s'y connaitre pour faire ca tu rajoute oncontextmenu="return false" dans le tag de l'image comme ceci

Je te conseil pour mettre a jour sans difficultés de faire tes pages en php (extention du nom de fichier en .php) et d'utilser les includes pour les parties du site qui se repètent et doivent être misent a jour évidemment il faut aussi installer un serveur sur ton ordinateur du genre easyphp https://www.alsacreations.com/actu/lire/254-le-point-sur-la-fonction-include-php.html https://www.youtube.com/watch?v=vMRIyXPLKMI

roentgen · Answer

Merci pour vos réponses. Je pense que je me suis mal expliqué, ce n'est pas un lien vers ce site que je voudrais faire, mais c'est une page qui ressemble, c'est à dire, un alphabet et une liste classée par ordre alphabétique de mes fichiers
En fait, je voudrais la même mise en forme mais avec mes éléments
Pour le reste il me semble que c'est bien trop compliqué pour moi, je ne sais pas comment je vais m'y prendre pour ne pas être copié par des gens comme ceux-là.. 


https://www.orange.fr/portail?nom=AYMARD

Je m'intéresse à l'histoire locale et je sais que ce que je fais intéresse beaucoup de personnes, je fais bien sûr tout ça gratuitement mais de là à donner du''stock'' à un commerçant, non.


Merci pour vos réponses, JP

roentgen · Answer

bonjour,
Merci pour vos réponses, je laisse ça de coté pour l'instant.
Bonne journée, JP

roentgen · Answer

Bonjour à tous,
Je reviens vous voir parce que mon projet avance peu à peu et je bute sur des petits détails. 
Celui qui me pose problème aujourd'hui c'est tout simplement la suppression du soulignage des liens, je trouve que ce n'est pas très esthétique, mais est-t-il possible de le supprimer.
Merci pour votre aide, J.

roentgen · Answer

Bonjour à tous,
Si je reviens vers vous c'est bien sûr parce que je rencontre quelques difficultés, mais je ne vous en soumettrais qu'une seule à la fois.
Le problème du jour concerne la placement de trois images, une au centre de la page qui fonctionne avec ça:

<img src="agniel.jpg" width="300" height="400"> (ce n'est pas moi l'auteur...)

et je voudrais en mettre une collée à droite et une à gauche, ou bien une seule soit à droite soit à gauche en conservant celle du centre bien sûr.
Voilà, si vous pouviez m'aider j'en serais ravi. Pour vous tenir au courant de l'avancée des travaux, j'ai fait 830 pages, qu'il va falloir que je modifie pour coller d'autres images, je sais, je m'y suis mal pris, j'ai fait les pièces avant de faire le plan. Malgré ces petits ratés, je pense être bientôt en mesure de vous donner le lien de ce que je vais mettre en ligne
Bonne soirée et merci encore
JP

Mes débuts en html

22 réponses

Discussions similaires