Hirdetés
- Xiaomi 15T - reakció nélkül nincs egyensúly
- Bemutatkozott a Poco X7 és X7 Pro
- Samsung Galaxy S25 - végre van kicsi!
- Kezünkben a OnePlus 15 és az Oppo Find X9-ek
- EarFun Air Pro 4+ – érdemi plusz
- Google Pixel topik
- Netfone
- Apple iPhone 16 Pro - rutinvizsga
- Samsung Galaxy S23 Ultra - non plus ultra
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
Ú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
- NVIDIA GeForce RTX 5070 / 5070 Ti (GB205 / 203)
- Torrent meghívó kunyeráló
- Milyen légkondit a lakásba?
- Xiaomi 15T - reakció nélkül nincs egyensúly
- Milyen processzort vegyek?
- Bemutatkozott a Poco X7 és X7 Pro
- Szünetmentes tápegységek (UPS)
- Ezzel az ismerős óriással megint jó találkozni
- OLED monitor topic
- Milyen TV-t vegyek?
- További aktív témák...
- Xiaomi Redmi Note 14 Pro 5G 8/256GB, Újszerű, Kártyafüggetlen, Töltővel, Dobozzal, 1 Év Garanciával!
- ROG Strix G731GW 17.3" FHD IPS i7-9750H RTX 2070 16GB 1TB NVMe magyar vbill gar
- Samsung Galaxy A26 5G 6/128GB, Megkímélt, Kártyafüggetlen, Töltővel, 1 Év Garanciával!
- Dali Concept 1
- X1 Nano Gen1 13" 2K IPS i7-1160G7 16GB 1TB NVMe ujjlolv IR kam gar
- DELL PowerEdge R630 rack szerver - 2xE5-2650v3 (20 mag / 40 szál, 2.3/3.0GHz), 32GB RAM, 55992Ft+ÁFA
- GYÖNYÖRŰ iPhone 13 Pro 256GB Graphite -1 ÉV GARANCIA - Kártyafüggetlen, MS3074, 100% Akkumulátor
- Update 11.13. Dell Latitude Precision Üzleti gépek, 2-in-1 gépek, 8-12. gen.
- Xbox Series S 512GB,Újszerű,Dobozával,12 hónap garanciával
- DELL Thunderbolt TB16 Dock (ELKELT)
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest



