taille texte mode CSS

Imprimé depuis: Forum openElement
Categorie:

openElement

Nom du Forum: Discussion générale openElement
Description du Forum: Discussion générale sur le logiciel
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23762
Date: 19 Avr 2024 à 01:25
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com

Sujet: taille texte mode CSS

Posté par: kllarinette
Sujet: taille texte mode CSS
Posté le: 06 Jan 2020 à 18:24

Bonjour,

Tout d'abord, meilleurs voeux pour cette nouvelle année!

Je souhaite construire un site en mode responsive.
J'ai inscrit un texte simple ligne dans un panneau d'élément en mode relative et masqué.

Je n'arrive pas à redimensionner le texte (classe perso: titrebarremenu) via le bloc de code en mode CSS. Le texte reste toujours à la même taille.

Je ne suis pas sûr de positionner le nom de la classe perso au bon endroit : il y a 3 choix cadre principal, contenu et bloc de texte; lequel est le bon ?

@media screen and (max-width: 640px) {

.titrebarremenu{
font-size:20px !important;
}
}

Réponses:

Posté par: Hobby001
Posté le: 06 Jan 2020 à 18:36

Une fois votre bloc de texte sélectionné:

C'est tout en bas du panneau de gauche sous propriétés

https://zupimages.net/viewer.php?id=20/02/vks5.jpg" rel="nofollow">

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: kllarinette
Posté le: 06 Jan 2020 à 19:44

Ben rien à faire, la taille de la police ne change pas !

Posté par: Hobby001
Posté le: 06 Jan 2020 à 20:08

Peut-on voir ce que vous avez fait. Donnez-nous un lien.

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: Hobby001
Posté le: 06 Jan 2020 à 20:42

Vous comprenez qu'avec ce code, le texte ne grossira que lorsque la fenêtre du fureteur mesurera moins de 640 pixels de largeur.

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: Hobby001
Posté le: 06 Jan 2020 à 20:43

Faites aussi <Ctrl><F5> après ouverture de votre fureteur pour en vider la mémoire

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: kllarinette
Posté le: 06 Jan 2020 à 21:25

Voilà, merci pour votre aide

http://dl.free.fr/k0evF6jKY

Posté par: kllarinette
Posté le: 06 Jan 2020 à 22:19

Merci, ça marche, mais où était l'erreur ?

Posté par: jjb1
Posté le: 06 Jan 2020 à 22:21

kllarinette a écrit:

@media screen and (max-width: 640px) {
.titrebarremenu{
font-size:20px !important;
}
}

Avec ce code, votre texte sera de 20 px dans un écran de moins de 640px.

Pour que sa taille change, il faut que vous lui donniez une taille différente dans la zone de style.

Essayez de le mettre à 40 px, puis visionnez le résultat :

Sur une fenêtre de plus de 640px (plein écran par exemple) votre texte sera de 40px ; si vous réduisez la taille de votre fenêtre progressivement, vous verrez votre texte passer à 20px

-------------
http://prod.chasse-autreches.xyz" rel="nofollow - Mon site-(1.57 R9)

Posté par: kllarinette
Posté le: 06 Jan 2020 à 22:29

J'ai compris ! Merci beaucoup !

Posté par: Hobby001
Posté le: 06 Jan 2020 à 22:29

Ouvrez le calque Menu

Sélectionnez le bouton Accueil, vous ne verrez aucune mise en forme dans la zone de style

Sélectionnez le mot Accueil dans le bouton

Vous verrez que vous y avez mis un format

https://zupimages.net/viewer.php?id=20/02/623v.jpg" rel="nofollow">

C'est ce que j'ai enlevé sur votre titre.

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Posté par: Hobby001
Posté le: 07 Jan 2020 à 13:32

Complément d'information:

Il est préférable de mettre le format sur le bloc de texte et non sur le contenu. Th contenu hérite du format.

Le seul moment vraiment utile d'ajouter un format dans le contenu c'est le cas où on veut formater un mot spécifique dans un texte.

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE