Pagina 3 di 4

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 13:01
da jmff2
Ok, je vais modifier. En fait, j'ai fait des tests avec span, mais cela ne fonctionnait pas. Sans doute en raison du manque des balises </p>. J'y retourne !!!

Mais non, cela ne fonctionne pas :

<div span="color:#ff00ff; font-size:large; font-style:italic; font-weight:bold">En rose : les fiches ajoutées récemment</div>

donne :
chronique 1.JPG
Quant aux balises </p> : elles manquent, mais aucun effet à l'affichage. Je vais les mettre

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 15:31
da oscar32
jmff2 ha scritto: 06 aprile 2019, 13:01
Mais non, cela ne fonctionne pas :

<div span="color:#ff00ff; font-size:large; font-style:italic; font-weight:bold">En rose : les fiches ajoutées récemment</div>

Euh comment dirais-je ? Si ça fonctionne, je veux bien aller jusqu'à Lourdes voire même Lisieux à genoux :D !

La syntaxe correcte serait : <span style="color...>votre texte</span> mais certainement pas un panaché des deux. Autrement dit on affecte un attribut "style" à la balise (<span> ou <div>) et on referme la balise (la même) après le texte concerné.

Cordialement

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 15:37
da jmff2
Euh ... Je choisis Lisieux, ce n'est pas très bien de chez moi ...

Mais c'est bien sûr .... Ça va marcher nettement mieux !!!! Merci

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 17:54
da katari
@Oscar32
Désolé de vous importuner encore :oops: , mais je n'arrive pas à centrer le titre ou le cul de bouteille en utilisant le code que vous me suggérez. Je l'ai recopié texto et c'est celui que je vous mets ci-desous :

Codice: Seleziona tutto

<div style="text-align:justify; font-family:Garamond; color:#8d5701; font-size:2.0em">
<span style="text-align:center; font-size:2.5em;">'''DE PONDICHERY AU SURINAM'''</span>
<BR>
<BR>
<BR>
<BR>
<BR>
=<span style="font-family:Garamond; font-size:2.0em;">Les SALLANDROUZE DE LAMORNAIX</span>=
<img 
https://gw.geneanet.org/katari_w?lang=fr&pz=gabriel+lorenzo&nz=vidal+houette&m=NOTES&f=DE_PONDICHERY_AU_SURINAM-html5
Pourtant, j'vous jure que j'essaye de bien faire, M'sieur ! :( ;)

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 18:06
da forhanp
Bonjour,

Ce code devrait marcher :

Codice: Seleziona tutto

<div style="text-align:justify; font-family:Garamond; color:#8d5701; font-size:2.0em">
<div style="text-align:center; font-size:2.5em;">'''DE PONDICHERY AU SURINAM'''</div>
Le span c'est bien, mais il s'ajuste au contenu, comme tout bon élément inline.
Du coup, c'est bien centré, mais sur la taille du texte. Et comme il n'y a pas de marges particulières pour indiquer de commencer un peu plus sur la droite, cela ne donne rien.
Si vous voulez changer des couleurs, des tailles de font, le span, c'est bien, cela ne touche que le contenu.
Si vous voulez modifier l'alignement du texte, il faut connaitre la taille de la page, et on doit passer par un div.

Cordialement,

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 18:10
da jmff2
Et moi, je suis sur les ... ancres ...
MES ancres ont cette syntaxe :

<a name="hautpage"></a>
Or, je trouve une autre syntaxe (au hasard de mes recherches) :
<div id="hautpage"></div>

Par contre, le lien pour amener vers l'ancre reste le même : <a href=#hautpage>......</a>

D'où ma question la syntaxe : <a name ... est-elle obsolète ? Pour le moment, cela fonctionne, mais ...

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 18:14
da forhanp
Bonjour Katari,

Exemple visuel sur votre page (les outils de debug de firfox et chrome permettent d'agir en direct sur une page web pour voir ce qui va mieux et comment ajuster le code).

J'ai surligné l'élément tel que le navigateur le rend en lisant div ou span, on voit de suite la différence.

Version avec span :
chronique_span.png
Version avec div :
chronique_div.png
Cordialement,

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 18:18
da forhanp
Bonjour,
jmff2 ha scritto: 06 aprile 2019, 18:10 Et moi, je suis sur les ... ancres ...
MES ancres ont cette syntaxe :

<a name="hautpage"></a>
Or, je trouve une autre syntaxe (au hasard de mes recherches) :
<div id="hautpage"></div>

Par contre, le lien pour amener vers l'ancre reste le même : <a href=#hautpage>......</a>

D'où ma question la syntaxe : <a name ... est-elle obsolète ? Pour le moment, cela fonctionne, mais ...
Oui, l'attribut "name" est obsolète pour décrire une ancre en HTML 5.
Remplacez "name" par "id", il n'est pas nécessaire de changer vos liens pour des "div".

Cordialement,

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 18:29
da katari
Mais bon sang, c'est bien sûûûûûr !
Merci Pascal. Votre explication est parfaitement logique !
Et ça marche !
Grâce à vous, les experts, je me demande si je ne vais pas finir par me débrouiller :) :D :lol:

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 18:30
da dominique95880
jmff2 ha scritto: 06 aprile 2019, 18:10 Et moi, je suis sur les ... ancres ...
MES ancres ont cette syntaxe :

<a name="hautpage"></a>
Or, je trouve une autre syntaxe (au hasard de mes recherches) :
<div id="hautpage"></div>

Par contre, le lien pour amener vers l'ancre reste le même : <a href=#hautpage>......</a>

D'où ma question la syntaxe : <a name ... est-elle obsolète ? Pour le moment, cela fonctionne, mais ...
<a name="hautpage"... ne fait que nommer l'endroit de votre page html où vous avez saisi ce bout de code (je crois que name=... est périmé)
<a id="hautpage" fait la même chose et id="hautpage" peut se mettre sur n'importe quelle balise.

Moyen mnémotechnique de s'en souvenir ; j'identifie cet endroit par le nom hautpage.

<a href="#hautpage">blabla</a> est un lien qui lie blabla et l'endroit nommé hautpage de votre page.
Le texte blabla est la "gachette" tandis que hautpage est la cible; un clic sur la "gachette" vous propulse vers la cible.

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 18:43
da jmff2
Des ancres, j'en ai partout ! Et donc, il faut que je modifie la syntaxe .... :roll:

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 19:21
da katari
Se débrouiller... se débrouiller... c'est vite dit !
Au début j'avais centré mon titre et le sommaire avec <center> et </center>. Mais c'est obsolète en HTML5, parait-il, et cela peut causer des problèmes par la suite. Autant bien faire les choses et j'adopte volontiers le <div> et </div>.
Mais là, le __TOC__ n'est plus reconnu. Comment le centrer sur la page et éviter qu'il reste à gauche ?

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 19:42
da forhanp
Bonjour,
katari ha scritto: 06 aprile 2019, 19:21 Se débrouiller... se débrouiller... c'est vite dit !
Au début j'avais centré mon titre et le sommaire avec <center> et </center>. Mais c'est obsolète en HTML5, parait-il, et cela peut causer des problèmes par la suite. Autant bien faire les choses et j'adopte volontiers le <div> et </div>.
Mais là, le __TOC__ n'est plus reconnu. Comment le centrer sur la page et éviter qu'il reste à gauche ?
Vous avez quoi dans votre code exactement ?
Le TOC ne fonctionne que si vos titres sont mis en mode balises Wiki.
Sinon, il ne peut pas définir les parties de votre page.
Si vous avez mis vous même le code du sommaire, vous avez en début une balise

Codice: Seleziona tutto

<div style="text-align:center;">
Rajoutez une marge gauche en pourcentage de la page :

Codice: Seleziona tutto

<div style="text-align:center; margin-left:28%;">
Cela va déplacer votre sommaire et il sera globalement centré.

Cordialement,

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 20:13
da katari
J'aurais du mettre mon code tout de suite. Excusez-moi ! Le voici :

Codice: Seleziona tutto

<div style="text-align:justify; font-family:Garamond; color:#8d5701; font-size:2.0em">
<div style="text-align:center; font-size:2.5em;">'''DE PONDICHERY AU SURINAM'''</div>
<BR>
<BR>
<div style="text-align:center;">
__TOC__
</div>
<BR>
<BR>
<BR>
=<span style="font-family:Garamond; font-size:2.0em;">Les SALLANDROUZE DE LAMORNAIX</span>=
<img src="https://gw.geneanet.org//file/genewebfile/k/a/katari/SALLANDROUZE/SALLANDROUZE_DE_LAMORNAIX_Octavie_1860_1939_Portrait_1_.jpg" alt="SALLANDROUZE_DE_LAMORNAIX_Octavie_1860_1939_Portrait_1_.jpg" title="SALLANDROUZE_DE_LAMORNAIX_Octavie_1860_1939_Portrait_1_.jpg" height="100" width="100" align="left" border="50" vspace="10" hspace="10"/>
<BR>
&emsp;L’acte de décès de mon arrière-grand-mère, '''Octavie''' Sallandrouze de Lamornaix, établi à Brest en 1939, est le premier fil de la pelote.
<BR>
Quand à l'adresse de la page, c'est : https://gw.geneanet.org/katari_w?lang=fr&pz=gabriel+lorenzo&nz=vidal+houette&m=NOTES&f=DE_PONDICHERY_AU_SURINAM-html5

L'ancienne version qui fonctionnait avec <center> et </center> avait comme code :

Codice: Seleziona tutto

<center>
<span style="text-align:justify; font-family:Garamond; color:#8d5701; font-size:5.0em;">'''DE PONDICHERY AU SURINAM'''</span>
<BR>
<BR>
__TOC__
</center>
<div style="text-align:justify; font-family:Garamond; color:#8d5701; font-size:2.0em">
<BR>
<BR>

Re: Taille de police... vagabonde

Inviato: 06 aprile 2019, 20:26
da forhanp
Bonjour,

Soit vous le fait au doigt mouillé avec le margin-left comme indiqué plus haut,

Soit vous vous lancez dans le flex display :

Codice: Seleziona tutto

<div style="display:flex;justify-content:center;">
__TOC__
</div>
Cordialement,