- Fujifilm X
- AMD Navi Radeon™ RX 9xxx sorozat
- Kormányok / autós szimulátorok topikja
- Intel Core i5 / i7 / i9 "Alder Lake-Raptor Lake/Refresh" (LGA1700)
- Hővezető paszták
- AMD Ryzen 9 / 7 / 5 7***(X) "Zen 4" (AM5)
- Amlogic S905, S912 processzoros készülékek
- Nem tetszik pár profi eSport játékosnak, hogy Intel CPU-val kell játszaniuk
- Sokat megélt veterán CPU-t hoz vissza a piacra az Intel
- 5.1, 7.1 és gamer fejhallgatók
Új hozzászólás Aktív témák
-
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
- Kerékpárosok, bringások ide!
- Fujifilm X
- The First Descendant (PC, PS4, PS5, XO, XSX)
- Milyen autót vegyek?
- World of Tanks - MMO
- AMD Navi Radeon™ RX 9xxx sorozat
- Huawei Watch Fit 3 - zöldalma
- PlayStation 5
- Kormányok / autós szimulátorok topikja
- Intel Core i5 / i7 / i9 "Alder Lake-Raptor Lake/Refresh" (LGA1700)
- További aktív témák...
- Eladó Samsung Odyssey OLED G6 G60SD QHD 360 Hz Gaming Monitor 2024
- Corsair / NZXT 120 - 140mm Ventilátorok.
- HIBÁS! Javításra vagy alkatrésznek! Kyocera FS-C8525MFP multifunkciós készülék
- HIBÁS! Canon i-SENSYS MF9280Cdn multifunkciós nyomtató
- Monitor audio Bronze 500 +Arcam AVR 390 + Klipsch R-112SW SUB
- BESZÁMÍTÁS! Apple iPhone 16 Pro MAX 256GB okostelefon garanciával hibátlan működéssel
- BESZÁMÍTÁS! GIGABYTE A520M R5 5600X 16GB DDR4 512GB SSD RX 6600 8GB ZALMAN N4 Cooler Master 650W
- Ventillátorok és tápkábel modding kitűnő árakon! Most extra 10% kedvezmény!
- Samsung Galaxy A53 5G 128GB, Kártyafüggetlen, 1 Év Garanciával
- Bowers/Wilkins PX8 fejhallgatók (dupla Bluetooth eszköz csatlakoztatása!)
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest