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

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - [Tuto]Chouette, c'est responsive !
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Sujet fermé[Tuto]Chouette, c'est responsive !

 Répondre Répondre Page  <1 2930313233 35>
Auteur
Message
penspart allez vers le bas
Newbie
Newbie


Depuis le: 18 Dec 2012
Pays: France
Status: Inactif
Points: 34
Lien Direct à ce Post Envoyé : 28 Avr 2016 à 11:42
ça marche pas :( j'ai sélectionné le bouton, après dans la colonne de droite dans  la rubrique "bordures " et sous menu " style", j'ai sélectionné invisible mais toujours pareil!


Edité par penspart - 28 Avr 2016 à 11:50
http://www.laurentphotos85.fr
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Lien Direct à ce Post Envoyé : 28 Avr 2016 à 12:10
Message posté par Larsene Larsene a écrit:

Oui, c'est à cause du fonctionnement par défaut de OE : un élément bouton lien est doté d'une bordure, il suffit de la retirer.

Selectionner le bouton, dans le ruban : Zone de Style --> Bordure. Dans la première option, sélectionnez "Invisible"


Le ruban, c'est le menu haut, pas le panneau de droite....
Haut de la page
penspart allez vers le bas
Newbie
Newbie


Depuis le: 18 Dec 2012
Pays: France
Status: Inactif
Points: 34
Lien Direct à ce Post Envoyé : 28 Avr 2016 à 12:13
ah ok....merci Geek
http://www.laurentphotos85.fr
Haut de la page
penspart allez vers le bas
Newbie
Newbie


Depuis le: 18 Dec 2012
Pays: France
Status: Inactif
Points: 34
Lien Direct à ce Post Envoyé : 29 Avr 2016 à 18:12
Re :)

Comment faire si je veux mettre une video Html5 pour
 qu'elle soit responsive?

Merci
http://www.laurentphotos85.fr
Haut de la page
penspart allez vers le bas
Newbie
Newbie


Depuis le: 18 Dec 2012
Pays: France
Status: Inactif
Points: 34
Lien Direct à ce Post Envoyé : 29 Avr 2016 à 19:48
je me réponds: en fait à priori un gars sur le net  dis qu'il faut mettre la vidéo simplement en largeur  auto:
 
height: auto;
sauf que je ne peux rien rajouter ou modifier dans le code source!

voici un copier/coller de ce qu'il indique de faire :

Si vous utilisez l’élément video issu de HTML5, vous allez être heureux puisque rendre responsive un tel élément est très facile. En effet, si vous souhaitez redimensionner un élément video sans altérer son ratio, la façon de faire est la même que pour une image : on redimensionne la largeur comme on le souhaite avec width, min-width ou max-width (le plus souvent on utilise ce dernier avec une valeur de 100%) et on indique une hauteur automatique afin que le ratio soit adapté automatiquement.

video { max-width: 100%; height: auto;




Edité par penspart - 29 Avr 2016 à 19:50
http://www.laurentphotos85.fr
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Lien Direct à ce Post Envoyé : 30 Avr 2016 à 10:38
Je pense que tout cela se règle dans propriétés-->redimensionnement largeur et hauteur, non?
Sinon, je suppose que votre lien va votre ancien site non responsive?
Haut de la page
penspart allez vers le bas
Newbie
Newbie


Depuis le: 18 Dec 2012
Pays: France
Status: Inactif
Points: 34
Lien Direct à ce Post Envoyé : 02 Mai 2016 à 08:47
Bonjour,

Oui le lien était mon "ancien" site, justement depuis hier j'ai fais le transfert de ma version "responsive". Sauf que j'ai 2 soucis: l'un est que sur smartphone le menu pop up n'apparait pas, et que mon menu sur tablette ne s'affiche pas entièrement, il manque "services & Conseils" et "Contact.
Pour ce qui est de la vidéo en fait ça ne pose pas de soucis.

Ce qui est d'autant plus surprenant c'est que lorsque je réduis ma fenêtre sur l'ecran de mon pc,j'ai bien le menu pop up qui apparaît Confused


Edité par penspart - 02 Mai 2016 à 08:50
http://www.laurentphotos85.fr
Haut de la page
penspart allez vers le bas
Newbie
Newbie


Depuis le: 18 Dec 2012
Pays: France
Status: Inactif
Points: 34
Lien Direct à ce Post Envoyé : 02 Mai 2016 à 09:17
bon j'ai contourné le probleme en supprimant "vous êtes unique,Prodxyo aussi" à gauche en haut dans le menu, sauf que sur grand écran c'est pas centré Confused


Edité par penspart - 02 Mai 2016 à 09:17
http://www.laurentphotos85.fr
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: 6513
Lien Direct à ce Post Envoyé : 02 Mai 2016 à 11:39
Message posté par penspart penspart a écrit:

Bonjour,

Oui le lien était mon "ancien" site, justement depuis hier j'ai fais le transfert de ma version "responsive". Sauf que j'ai 2 soucis: l'un est que sur smartphone le menu pop up n'apparait pas, et que mon menu sur tablette ne s'affiche pas entièrement, il manque "services & Conseils" et "Contact.
Pour ce qui est de la vidéo en fait ça ne pose pas de soucis.

Ce qui est d'autant plus surprenant c'est que lorsque je réduis ma fenêtre sur l'ecran de mon pc,j'ai bien le menu pop up qui apparaît Confused

Les tablettes et les smartphones s'inscrivent dans les résolutions comprises dans "(min-width: 640px) and (max-width: 1170px)", c'est pourquoi le pop-up n'apparaît pas.  Les smartphone et tablettes que j'ai regardé avaient une résolution de 980px.  J'en ai déduit qu'il fallait faire apparaître le "hamburger" dès 990 px.


Edité par Hobby001 - 02 Mai 2016 à 17:51
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388
Lien Direct à ce Post Envoyé : 02 Mai 2016 à 12:00
Hello,

L'exemple fonctionne en principe bien avec la plupart des smartphones et des tablettes, mais il est bien sûr fonction du nombre de menus à afficher.

Il est parfois souhaitable d'avoir un menu "hamburger" sur tablette, parfois non.

Je me suis basé sur celles recommandées par AlsaCreation, et supporte la plupart des smartphones et tablettes 7" (telle que la nexus 7). au delà, l'affichage est suffisamment grand pour un affichage complet.
On retrouve une liste des tailles ici : https://css-tricks.com/snippets/css/media-queries-for-standard-devices/


Sinon, plus de détails ici : https://www.w3.org/TR/css3-mediaqueries/

Donnez un lien vers votre site si besoin d'un retour plus précis


Edité par Larsene - 02 Mai 2016 à 12:02
Haut de la page
 Répondre Répondre Page  <1 2930313233 35>
  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.