Plasarea cardurilor Yandex

a creat tema aproape 2 ani în urmă

Anastasiya Kozlova

a spus aproape 2 ani în urmă

Încercați să schimbați poziționarea elementului cu harta. Pentru a face acest lucru, adăugați poziția: relativă; pentru eticheta div. în care cartela este înfășurată și specificați proprietățile stânga și inferioară pentru aceasta. De exemplu:







poziție: relativă; partea de jos: 290px; stânga: 420px;

ideaprezent1

a spus aproape 2 ani în urmă

Această opțiune nu este potrivită, deoarece harta se mișcă, dar în locul ei există un gol.

Anastasiya Kozlova

a spus aproape 2 ani în urmă

Încercați să împachetați imaginea și harta în tabel. Adică, creați un tabel cu o anumită lățime cu două coloane, setați dimensiunea pentru fiecare coloană și adăugați o imagine unei coloane, iar cealaltă codului hărții.

ideaprezent1

a spus aproape 2 ani în urmă

Am trecut deja. Apoi nu văd masa corect pe mobil.

Mariya Vechkanova

a spus aproape 2 ani în urmă

Încercați să plasați harta și imaginea în două blocuri div, specificând proprietatea float: stânga pentru o proprietate. și pentru un alt flotor: dreapta. În ceea ce privește afișarea pe dispozitive mobile, încercați să adăugați valori selective separate pentru regula @media. Un exemplu despre cum se face acest lucru pentru unitatea Benefit and Guarantee. puteți vedea în acest subiect:







ideaprezent1

a spus aproape 2 ani în urmă

Când folosiți float, se întâmplă ceva ciudat. Locurile aflate sub hartă sunt alocate exact cât este necesar; Textul de mai jos este deplasat în jos, însă harta în sine nu este afișată. Și pentru a face asta, trebuie să opresc regula float pentru secțiunea cu harta în instrumentele dezvoltatorului din browser. Atunci totul pare corect. Acest lucru este similar cu un cant cu secvența de încărcare a elementelor paginii, cum să o rezolvați?

Mariya Vechkanova

a spus aproape 2 ani în urmă

Se pare că acest comportament este tipic pentru scriptul Yandex.Maps ca întreg atunci când este plasat într-o div cu proprietatea float. Vom continua să studiem situația și vă vom informa când vom avea rezultate.

Mariya Vechkanova

a spus aproape 2 ani în urmă

Vă mulțumim că ați așteptat.

Acest comportament este asociat cu widgetul Yandex.Map: atunci când cardul este încorporat într-un div cu proprietatea float. trebuie să specificați lățimea exactă și înălțimea divului divizor. De exemplu, după cum este indicat în documentația pentru Yandex.Maps. "Creați un container vizibil cu o dimensiune diferită de zero, pe care va fi plasată harta. Orice element de tip bloc de tip HTML (de exemplu, div cu o lățime și înălțime dată) poate fi folosit ca un container." Harta va umple complet acest element. " De exemplu,

Arina Kireeva

a spus mai mult de un an în urmă







Articole similare

Trimiteți-le prietenilor: