openElement

   Bonjour
J'ai créé un formulaire de contact avec des boutons "Nom" "Prénom" etc. Les titres sont donc nom prénom...

Mais le texte ne se réduit pas quand je mets le bouton en %

Du coup le mieux c'est quoi ? 

1 - Créer une classe pour créer derrière des ruptures via les media queries (un peu comme ce que j'ai vu dans le tuto de Larsène)

2 - Ne pas mettre de titre aux boutons mais plutôt leur superposer un élément de texte simple ligne en %

3 - Une autre solution que je n'aurais pas envisagée ? 

Merci a tous 

Bonne journée

Auteur	Message Sujet Recherche Options des sujets Répondre Créer un nouveau sujet Version imprimable Traduction Sujet
Sunhouse Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 06 Mai 2015 Status: Inactif Points: 42	Options des messages Répondre Citer Sunhouse Rapporter un message Thanks(0) Citer Réponse Sujet: texte responsive d'un bouton Envoyé : 22 Mai 2015 à 23:02
	Bonjour J'ai créé un formulaire de contact avec des boutons "Nom" "Prénom" etc. Les titres sont donc nom prénom... Mais le texte ne se réduit pas quand je mets le bouton en % Du coup le mieux c'est quoi ? 1 - Créer une classe pour créer derrière des ruptures via les media queries (un peu comme ce que j'ai vu dans le tuto de Larsène) 2 - Ne pas mettre de titre aux boutons mais plutôt leur superposer un élément de texte simple ligne en % 3 - Une autre solution que je n'aurais pas envisagée ? Merci a tous Bonne journée

nico38 Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967	Options des messages Répondre Citer nico38 Rapporter un message Thanks(0) Citer Réponse Envoyé : 23 Mai 2015 à 01:17
	faudrait un lien. Les boutons changent de largeur oui. Mais La largeur qui est en % dépend du parent. Suivant le site y a pas besoin de code Edité par nico38 - 23 Mai 2015 à 01:18
	Un lien vers ton site tu enverras \| Problème d'affichage ? ---> CTRL+F5 \| Couleur des liens --> "Styles des liens"

Sunhouse Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 06 Mai 2015 Status: Inactif Points: 42	Options des messages Répondre Citer Sunhouse Rapporter un message Thanks(0) Citer Réponse Envoyé : 23 Mai 2015 à 09:37
	Voici le lien du site : http://tarpon00.esy.es Merci

Dmit OE Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971	Options des messages Répondre Citer Dmit OE Rapporter un message Thanks(0) Citer Réponse Envoyé : 23 Mai 2015 à 09:50
	Bonjour. Je pense qu'il faut mettre la largeur minimale, dans Styles->Personnalisation.

Larsene Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388	Options des messages Répondre Citer Larsene Rapporter un message Thanks(0) Citer Réponse Envoyé : 23 Mai 2015 à 10:16
	http://forum.openelement.com/fr/forum_posts.asp?TID=20090&title=les-tutos-de-larsne et particulièrement ici http://forum.openelement.com/fr/forum_posts.asp?TID=20188&title=tuto-volet-daccueil-fluidit-et-abeilles tu verras une solution pour que la taille du texte s'ajuste à l'écran, quelque soit la taille : c'est le travail en unité viewport.

Sunhouse Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 06 Mai 2015 Status: Inactif Points: 42	Options des messages Répondre Citer Sunhouse Rapporter un message Thanks(0) Citer Réponse Envoyé : 23 Mai 2015 à 10:29
	Merci beaucoup ! Je vais essayer de travailler la dessus ce week-end et je vous retiens au courant. Bonne journée tout le monde

Sunhouse Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 06 Mai 2015 Status: Inactif Points: 42	Options des messages Répondre Citer Sunhouse Rapporter un message Thanks(0) Citer Réponse Envoyé : 24 Mai 2015 à 10:39
	Bonjour Je reviens vers vous car j'ai des soucis malgré mes efforts. 1 - Le viewpoint : j'ai regardé le tutoriel 2 fois, j'ai placé le code mais ça ne fonctionne pas. 2 - Dans mon calque menu, j'ai ce code : @media screen and (max-width: 500px) { .texte{ font-size:11px; } .titremenu{ font-size:15px; } ... mais mon texte ne passe pas de 14 a 11 px lorsque je reduis la taille de mon navigateur. La classe "texte" est affectée au texte multiligne et au panneau d'éléments. 3 - Sur ma page : http://tarpon00.esy.es rubrique About Us, j'ai réussi à ne plus avoir de barre de défilement lorsque je réduis au maximum la largeur du navigateur. Mais on voit que le texte ne se réduit pas (comme indiqué plus haut) mais aussi je n'arrive pas à dupliquer mon fond d'écran, malgré la fonction répétition en axe Y (idem en X) du background. 4 - Quant à internet Explorer, il n'ajuste pas mon titre ni mes images correctement comme Chrome. J'avais eu des soucis dès le départ avec la couleur de fond du menu avec que j'avais simplement copier coller le code de Larsène issu du tutoriel. Merci, vraiment, je suis près du but et je voudrais enfin comprendre pourquoi je bute sur des choses aussi basiques. Edité par Sunhouse - 24 Mai 2015 à 10:51

Larsene Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388	Options des messages Répondre Citer Larsene Rapporter un message Thanks(0) Citer Réponse Envoyé : 24 Mai 2015 à 12:25
	Il s'agit de refaire le tutoriel, pour comprendre comment cela fonctionne, pas de copier coller le code... 1- où l'as-tu placé, ce code ?? 2- attention, tu ouvre des accolades sans les refermer, cassant ainsi le code CSS... 4- IE n'est pas un vrai navigateur, et nécessite des adaptations pour fonctionner comme les autres, à voir. Enfin, vire-nous cette interdiction de clic droit : ça sert à rien (on peut voir les sources via un simple CTRL+U, l'inspecter via un CTRL+MAJ+C) sauf à ralentir ceux qui veulent bien te filer un coup de main. Edité par Larsene - 24 Mai 2015 à 12:26

Sunhouse Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Groupie Depuis le: 06 Mai 2015 Status: Inactif Points: 42	Options des messages Répondre Citer Sunhouse Rapporter un message Thanks(0) Citer Réponse Envoyé : 24 Mai 2015 à 21:15
	Bonsoir Pour ce qui est du point 1, je vais reprendre à zéro. Point 2 : les accolades sont bien fermées, c'est moi qui a oublié de coller un bout de code. Le voici en entier ici : https://mon-partage.fr/f/oSsnpJ7n/ Point 3 : Personne n'a de réponse sur le background qui ne se répète pas en hauteur ? Point 4 : Résolu, Enfin : Clic droit : supprimé comme demandé je remets le site en ligne sans interdiction du clic droit

Dmit OE Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971	Options des messages Répondre Citer Dmit OE Rapporter un message Thanks(0) Citer Réponse Envoyé : 25 Mai 2015 à 10:17
	Repetition d'images de fond: Styles->Personnalisation->Arriere-plan, trouvez Repetition et choisissez le type necessaire.

openElement

texte responsive d'un bouton