Új hozzászólás Aktív témák
-
válasz
cstomee
#2787
üzenetére
Én is ettől féltem... A JS megoldás nem okoz nehézséget, de szerettem volna megkímélni magamat tőle, már csak azért, mert az az adott szélesség bármikor változhat, a JS pedig magától nem követi ezt le úgy, mint a CSS.
Viszont köszönöm a te megoldásodat is!
Szerk.: Hm, elgondolkodtam rajta, hogy elfogadom ezt a megoldást is. Nekem végülis megteszi
-
-
válasz
cstomee
#2659
üzenetére
Javarészt valami hasonlót kellene csinálnia, köszönöm. De akkor elmondom, miért lényeges a feltétel és ez az egész:
Adott egy Webtartalom, amiben van egy DIV. Ennek a DIV-nek a magassága állandó, azonban a szélessége %-ban van megadva, hogy reszponzív maradjon. 16:9-es és ehhez közeli képerányú monitorok esetében ennek a DIV-nek megközelítőleg 16:9-es az aránya. Ebben benne van egy sor szöveg (cím), illetve alatta egy videó, amelynek képaránya minden esetben 16:9. A videó feletti szöveg magassága egy adott méret, amellyel körbe van futtatva mindenhol a videó, hogy egységes legyen.
Namost, amint a megjelenítő (monitor) képaránya pl 4:3, vagy 16:9-től keskenyebb, előbb-utóbb ennek a DIV-nek a szélessége rövidebb lesz, mint a magassága. Mivel az alap elképzelés szerint a videó megjelenő méretét a DIV magasságához igazítottam, így ebben az esetben a videó már kilóg két oldalt a DIV-ekből és minden elcsúszik (merthogy 2 van egymás mellett). Erre van ott a feltétel, hogy ilyen esetekben a DIV megjelenített szélességéhez viszonyítva állítsa be a videó méreteit a magasság helyett.
Mivel CSS-ben én eleddig csak alapvető formázásokat csináltam, így a komplikáltabb megjelenítésekhez nem értek. Ezért csinálntam JS-ben és ezért fordulok hozzátok most, hogy szeretném átültetni CSS-re.
Viszont egyéb kérdés, mert nem akarok újabb hozzászólást írni: Tudja valaki, minek köszönhető a fehér csík?
Új hozzászólás Aktív témák
- HP OMEN 16 Brutális teljesítmény gamereknek és profiknak!
- PS3 Játékok 1500Ft/db - RÉSZLETEK A LEÍRÁSBAN
- AKCIÓ! AMD Ryzen 7 3800X 8mag 16szál processzor garanciával hibátlan működéssel
- Bomba ár! Dell Latitude E7270 - i7-6GEN I 8GB I 256GB SSD I 12,5" FHD I HDMI I CAM I W10 I Gari!
- HATALMAS AKCIÓK! GARANCIA, SZÁMLA - Windows 10 11, Office 2016 2019 2021,2024, vírusírtók, VPN
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest