Antivirus offre spéciale - jusqu'à 60 % de réduction avec 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: Sep 22 2014
Pays: france
Status: Inactif
Points: 62
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é : Jan 06 2020 à 5:24pm
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: Feb 14 2015
Pays: Canada, Québec
Status: Inactif
Points: 5529
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Jan 06 2020 à 5:36pm
Une fois votre bloc de texte sélectionné:

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







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


Depuis le: Sep 22 2014
Pays: france
Status: Inactif
Points: 62
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer kllarinette Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Jan 06 2020 à 6:44pm
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: Feb 14 2015
Pays: Canada, Québec
Status: Inactif
Points: 5529
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Jan 06 2020 à 7:08pm
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: Feb 14 2015
Pays: Canada, Québec
Status: Inactif
Points: 5529
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Jan 06 2020 à 7:42pm
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: Feb 14 2015
Pays: Canada, Québec
Status: Inactif
Points: 5529
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Jan 06 2020 à 7:43pm
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: Sep 22 2014
Pays: france
Status: Inactif
Points: 62
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer kllarinette Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Jan 06 2020 à 8:25pm
Voilà, merci pour votre aide

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


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

Depuis le: Feb 27 2013
Pays: France
Status: Inactif
Points: 722
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Jan 06 2020 à 9:21pm
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: Sep 22 2014
Pays: france
Status: Inactif
Points: 62
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer kllarinette Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Jan 06 2020 à 9:29pm
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 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne