BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - taille texte mode CSS
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

taille texte mode CSS

 Répondre Répondre Page  12>
Auteur
Message
kllarinette allez vers le bas
Groupie
Groupie


Depuis le: 22 Sep 2014
Pays: france
Status: Inactif
Points: 65
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer kllarinette Citer  RépondreRéponse Lien Direct à ce Post Sujet: taille texte mode CSS
    Envoyé : 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;
}
}
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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







Edité par Hobby001 - 06 Jan 2020 à 18:41
Haut de la page
kllarinette allez vers le bas
Groupie
Groupie


Depuis le: 22 Sep 2014
Pays: france
Status: Inactif
Points: 65
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer kllarinette Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Jan 2020 à 19:44
Ben rien à faire, la taille de la police ne change pas !
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Jan 2020 à 20:08
Peut-on voir ce que vous avez fait.  Donnez-nous un lien.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Jan 2020 à 20:43
Faites aussi <Ctrl><F5> après ouverture de votre fureteur pour en vider la mémoire
Haut de la page
kllarinette allez vers le bas
Groupie
Groupie


Depuis le: 22 Sep 2014
Pays: france
Status: Inactif
Points: 65
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer kllarinette Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Jan 2020 à 21:25
Voilà, merci pour votre aide

http://dl.free.fr/k0evF6jKY
Haut de la page
kllarinette allez vers le bas
Groupie
Groupie


Depuis le: 22 Sep 2014
Pays: france
Status: Inactif
Points: 65
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer kllarinette Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Jan 2020 à 22:19
Merci, ça marche, mais où était l'erreur ?
Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Jan 2020 à 22:21
Message posté par kllarinette 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
Haut de la page
kllarinette allez vers le bas
Groupie
Groupie


Depuis le: 22 Sep 2014
Pays: france
Status: Inactif
Points: 65
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer kllarinette Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Jan 2020 à 22:29
J'ai compris ! Merci beaucoup !
Haut de la page
 Répondre Répondre Page  12>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.