Discussion :

[MInfo25]

Bonjour,

Svp aidez-moi, j'ai un bug ou je ne comprends pas pourquoi ma mise en page change d'un écran à un autre. Les blocs sont séparés par des espaces lorsque je suis sur les petits écrans(pc portables).
Voici un affichage sur un de mes écran >992px:


Voici l'affichage sur les écran pc portable 15 pouces:


Je ne sais même pas quelle partie du code montrer, voici le code des deux blocs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<divclass="row imgindex"style="background-image: url('img/bloc1.png'); background-repeat: no-repeat; background-size: 100% auto; ">       <div class="textleft" style="background-color: white;">
         <h1>LSL</h1>
<p class="p_oneblock">Que vous soyez en recherche de votre future résidence principale, que vous aillez un projet de construction ou même de vente de votre bien actuel.<br/>
La solution logement vous propose un encadrement sur mesure.<br/>
Professionnel de la vente immobilière mais aussi de la construction notre équipe s'appuie également sur un panel de partenaires de qualité pour vous apporter des réponses concrètes a votre besoin de financement et d'assurance .</p>
</div>
       </div>

       <div class="row imgindex" style="background-image: url('img/bloc2.png'); background-repeat: no-repeat; background-size: 100% auto; ">
         <div class="div_two">ANALYSONS ENSEMBLE VOS ATTENTES</div>
         <div class="menu_two">
             <div class="services"><a href="#">Nos services</a></div>
             <div class="solutions"><a href="#">Nos solutions</a></div>
             <div class="projet"><a href="#">Mon projet</a></div>
         </div> </div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.imgindex{position:relative; height:600px;}  .div_two{
    background-color: #272f54;
    color: white;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    font-size: 19px;
    border: 3px solid white;
    height: 81px;
    width: 400px;
    position: absolute;
    top: -40px;
    left: 42%;
    right: 45%;
    z-index: 5; }

[ProgElecT]

Salut

Peut on supposer que ta première ligne

• <divclass="row imgindex"
• c'est plutôt
• <div class="row imgindex"

[NoSmoking]

Bonjour,
peut être pourrais tu prendre le temps de répondre à ta discussion en cours : Supprimer les espaces verticaux entre mes blocs

[Invité]

Bonjour,

1-

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<divclass="row imgindex"style="background-image: url('img/bloc1.png'); background-repeat: no-repeat; background-size: 100% auto; ">       <div class="textleft" style="background-color: white;">...

codé :

[COLOR=#00008B][B]<div[/B][/COLOR][COLOR=#000000] [/COLOR][COLOR=#0000FF]class[/COLOR][COLOR=#FF0080][B]=[/B][/COLOR][COLOR=#A31515]"row imgindex"[/COLOR][COLOR=#000000] [/COLOR][COLOR=#0000FF]style[/COLOR][COLOR=#FF0080][B]=[/B][/COLOR][COLOR=#A31515]"background-image: url('img/bloc1.png'); background-repeat: no-repeat; background-size: 100% auto; "[/COLOR][COLOR=#00008B][B]>[/B][/COLOR] [COLOR=#00008B][B]<div[/B][/COLOR] [COLOR=#0000FF]class[/COLOR][COLOR=#FF0080][B]=[/B][/COLOR][COLOR=#A31515]"textleft"[/COLOR] [COLOR=#0000FF]style[/COLOR][COLOR=#FF0080][B]=[/B][/COLOR][COLOR=#A31515]"background-color: white;"[/COLOR][COLOR=#00008B][B]>[/B][/COLOR]...

Sais-tu que tu n'es pas obligée de colorer manuellement ton code ??

La coloration syntaxique est AUTOMATIQUE !
Surtout en déclarant le langage : [CODE=html]


2- Si tu veux VRAIMENT une réponse efficace : donne-nous une URL EN LIGNE.
C'est la seule façon de TESTER, et REPÉRER le souci.

[johnlobs]

Bonjour,

Privilégies les pourcentages à la place des pixels

Bon courage,