Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu du forum :

Accueil du forum

Derniers messages

S'inscrire au forum

Se connecter au forum

Mot de passe oublié

Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations

Responsive sur le design > Pb affichage sur mobile au format portrait.

Connectez-vous au forum     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite

Pb affichage sur mobile au format portrait.

La question
Posté le 6 Juillet 2018 à 14:19
animal vapm

36 messages
Inscrit le 21/4/2016
Mon site
Bonjour,

Le problème que je rencontre est pour cette page http://www.asi77.fr/accueil.php.

Sur le cadre blanc "une équipe à l'écoute de vos besoins".

Au passage en mobile, je demande un fond noir (car l'image ne va pas être au bon format) et que le cadre sois au centré.
Le fond se mets bien et le cadre passe bien au milieu si je couche le mobile mais pas quand je le mets debout.

Le cadre sort carrément de l'écran, il est totalement à droite.

Le code HTML
   SCRIPT
<div class="banner">
<div class="container ">
<div class="row">
<div class="col-md-2">&nbsp;</div>
div&gt;

<div class="col-md-10 offset-md-10">
<div class="box_banner" style="text-align: justify;">
<h1>Une &eacute;quipe &agrave; l&#39;&eacute;coute de vos besoins</h1>
&nbsp;

<p>Notre savoir faire &agrave; votre service pour vos projets informatiques et mod&eacute;lisations !<br />
Conseils, accompagnements, d&eacute;pannage, impression 3D pour tous publics : entreprises ou particuliers.</p>

<div style="width: 170px; text-align: center; padding:10px; background-color:rgba(0,0,255,1.00);"><a href="#" style="color:#ffffff;font-weight:bold;font-size:1.2em">CONTACTEZ-NOUS</a></div>
</div>
</div>



Le code CSS
   SCRIPT
.banner{height:520px;background: url http://www.asi77.fr/images/b/ban/bann [...] cueil.jpg) no-repeat local;color:#000000;background-size:cover;} .box_banner { width: 100%; min-width: 300px; padding: 20px; display:block; background-color:rgba(255,255,255,0.; box-shadow:2px 5px 10px 5px #777777; border-radius:10px;} h1, h2, h3, h4 { color: #000; }@media screen and (max-width: 640px){.banner{background:#000000;}.box_banner:{width:50%;margin:auto;}}



Merci d'avance pour votre aide.

 
Navigateur utilisé : Chrome

La réponse qui règle le problème
Posté le 6 Juillet 2018
animal vapm

36 messages
Inscrit le 21/4/2016
Mon site
Problème résolu en faisant autre chose mais la solution est parfaitement logique. Il faut modifier les marges pour les mobiles.

Rajout de marge personnalisé pour mobile dans les média queries

   SCRIPT
.row{margin:"auto;"}


Désolé pour se sujet envoyer pour rien.
Je laisse la réponse si ça arrive à d'autres.
 
Navigateur utilisé : Chrome
 
Dernière modification du message le 6/7/2018 à 16:34:05.


 
Posté le 6 Juillet 2018 à 16:32
animal vapm

36 messages
Inscrit le 21/4/2016
Mon site
Problème résolu en faisant autre chose mais la solution est parfaitement logique. Il faut modifier les marges pour les mobiles.

Rajout de marge personnalisé pour mobile dans les média queries

   SCRIPT
.row{margin:"auto;"}


Désolé pour se sujet envoyer pour rien.
Je laisse la réponse si ça arrive à d'autres.

 
Navigateur utilisé : Chrome
 
Dernière modification du message le 6/7/2018 à 16:34:05.

 
Poster une nouvelle réponse
Connectez-vous au forum pour pouvoir répondre     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES