Rispondi

Taille de police... vagabonde

jmff2
jmff2
Messaggi: 4085
Albero : Non grafico
Vedere il suo albero genealogico
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
Cordialement,

MF
----------------------------------------------------------
Arrêtez-vous un instant.
Ecoutez la marche du temps.
Charles Trénet
-----------------------------------------------------
Windows10, Chrome, Geneatique 2020

oscar32
oscar32
Messaggi: 1487
Albero : Non grafico
Vedere il suo albero genealogico
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
Un tutoriel d'aide à la rédaction de votre chronique familiale : La chronique familiale pas à pas
Guy, râleur bénévole qui ne dispose que de deux neurones... ... pas toujours connectés !

jmff2
jmff2
Messaggi: 4085
Albero : Non grafico
Vedere il suo albero genealogico
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
Cordialement,

MF
----------------------------------------------------------
Arrêtez-vous un instant.
Ecoutez la marche du temps.
Charles Trénet
-----------------------------------------------------
Windows10, Chrome, Geneatique 2020

katari
male
Messaggi: 110
Albero : Non grafico
Vedere il suo albero genealogico
@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 ! :( ;)

forhanp
forhanp
Messaggi: 4340
Albero : Non grafico
Vedere il suo albero genealogico
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,
Pascal Forhan

jmff2
jmff2
Messaggi: 4085
Albero : Non grafico
Vedere il suo albero genealogico
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 ...
Cordialement,

MF
----------------------------------------------------------
Arrêtez-vous un instant.
Ecoutez la marche du temps.
Charles Trénet
-----------------------------------------------------
Windows10, Chrome, Geneatique 2020

forhanp
forhanp
Messaggi: 4340
Albero : Non grafico
Vedere il suo albero genealogico
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,
Pascal Forhan

forhanp
forhanp
Messaggi: 4340
Albero : Non grafico
Vedere il suo albero genealogico
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,
Pascal Forhan

katari
male
Messaggi: 110
Albero : Non grafico
Vedere il suo albero genealogico
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:

dominique95880
dominique95880
Messaggi: 6350
Albero : Non grafico
Vedere il suo albero genealogico
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.

jmff2
jmff2
Messaggi: 4085
Albero : Non grafico
Vedere il suo albero genealogico
Des ancres, j'en ai partout ! Et donc, il faut que je modifie la syntaxe .... :roll:
Cordialement,

MF
----------------------------------------------------------
Arrêtez-vous un instant.
Ecoutez la marche du temps.
Charles Trénet
-----------------------------------------------------
Windows10, Chrome, Geneatique 2020

katari
male
Messaggi: 110
Albero : Non grafico
Vedere il suo albero genealogico
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 ?

forhanp
forhanp
Messaggi: 4340
Albero : Non grafico
Vedere il suo albero genealogico
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,
Pascal Forhan

katari
male
Messaggi: 110
Albero : Non grafico
Vedere il suo albero genealogico
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>

forhanp
forhanp
Messaggi: 4340
Albero : Non grafico
Vedere il suo albero genealogico
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,
Pascal Forhan

Rispondi

Torna a “Chronique familiale ”