Új hozzászólás Aktív témák
-
lanszelot
addikt
válasz lanszelot #2750 üzenetére
Sikerült megoldanom
Kifogott mindenkin, de tudtam, hogy a css képes a szöveg formázásra, és addig csűrtem a gondolataimat, míg meg lett
Ugyanoda mentettem, több fázisban hagytam, hogy egyértelmű legyen a megoldás
Bár a line height -ot nem értem miért 10% a jó, de ott az jó.. -
Sziasztok!
Adott egy HTML site, melynek pontos paraméterei vannak. Legyen ez FHD, vagyis 1920x1080 pixel. Ez fontos, mindenképpen pixelben van megadva.
Egy ilyen oldalt szeretnék behívni iframe-be. Úgy tudom, hogy az iframe mérete szintén csak pixelekben határozható meg, bár vannak ellen-állítások.
A kérdés az lenne, hogy egy iframe el tudja-e hitetni a behívott oldallal, hogy ő mekkora? Tehát ha az iframe csak 720p, akkor is úgy jelenjen meg a behívott oldal, mintha 1080p hívta volna be (ne lógjon túl, pont illeszkedjen, stb.)?Köszönöm előre is!
But who is watching the guardians?
-
válasz martonx #2753 üzenetére
"Ne mondd, hogy bunkó vagyok, így helyetted kigugliztam"
Nem, a múltkori kommentedben sem a segítség részével volt a probléma. Hanem a desszerttel!
Egyébként meg, mert látom, úgy gondolod, helyettem keresni kell:
Mindig keresek. Általában meg is találom a módját. A fórumokba akkor szoktam beírni (mint múltkor), amikor a talált megoldás JSFiddle-ben hibátlanul működik, de amint beépítem egy HTML fájlba és böngészőben futtatom, egyből nem működik.Ne menjünk messze. Itt van ez a kód. Működik a W3-on, működik JSFiddle-ben és CodePen-ben, de amint bemásolom akár 1:1-ben egy tök üres HTML fájlba:
Probléma lépett fel a(z) requestFullscreen inicializálása során
.
Szerintem attól nem leszek hülye, ha nem értem, miért nem működik az egyik helyen, ha az összes többin igen úgy, hogy a böngésző közben mit sem változott...Namost ez a probléma itt is, amit küldtél. Mert megtaláltam.
[ Szerkesztve ]
But who is watching the guardians?
-
-
Igen, megvolt már. Mint mondottam, a fő problémát az jelenti, hogy online tesztoldalakon hibátlan, míg beillesztve egy HTML fájlba már rögtön problémázik a console. Ezt nem értem. Nem megy az előbb küldött megoldásod sem az iframe problémára. Ha gondolod, csatolok képeket, mit művel:
Itt láthatod a Wrap-ot:
Itt az iframe-t, ahol ilyen felbontásokkal a Zoom értéknek 0.66-nak kellene legyen, de nem változtat semmit jó irányba:
Ez pedig az eredeti, children oldal:
Mint mondottam, JSFiddle-ben hibátlan. HTML-ként nem...
But who is watching the guardians?
-
-
martonx
veterán
áhá, fileként érthető, hogy miért futsz bele csomó olyan esetbe, amikor az online verzió működik, neked meg local file-ban nem.
Az iframe-es problémád nem tudom, hogy meg lehet-e oldani. Ha nincs hozzáférésed az iframe-mel behúzott oldalhoz, akkor szerintem nem, mert a parent oldalnak semmiféle ráhatása nincs, és persze nem is lehet a behúzott oldalra.
Ha van ráhatásod a behúzott oldalra (mert pl. az is egy saját oldalad), akkor nincs akadálya, hogy a parent és a child kommunikáljanak js-en (postMessage) keresztül. Így egymásnak át tudják küldeni a méreteiket, ezzel jelezve a másiknak, hogy az mekkora legyen.Én kérek elnézést!
-
-
Éééés meg is van a válasz. Konkrétan hibás volt a kód, amit találtam a neten (illetve amit te is küldtél). Addig néztem a paramétereket, míg rá nem jöttem, hogy hülyeség az egész példa
Szerk.: Így most működik host-ként is
[ Szerkesztve ]
But who is watching the guardians?
-
Sziasztok!
Megfogadva martonx tanácsát, szerverről dolgozok. És verem a fejem a falba. Na nem azért, mert szerverről dolgozok, ezt csak úgy leírtam...
Szóval, adott egy page, pixelpontos meghatározásokkal, ahol a betűk mérete és típusa is fontos tényező a tökéletes elhelyezkedésben. Nos, jelen esetben ez <tt> 70px.
Úgy néz ki, ahogy akartam. Windows10 alat... Csakhogy, Win10-et a céges gép futtat, én MacOS párti vagyok, és MacOS alatt, habár ugyanúgy Chrome, nem olyan a megjelenése, ezáltal a mérete sem és semmi ilyesmi.Namost: Tudom jól, hogy pl az iOS alatt futó Chrome csak egy alvázszám-átütött Safari, de eddig szent meggyőződésem volt, hogy MacOS alatt azért az igazi fut...
Rákerestem a <tt> tag minden paraméterére. Mivel táblázatról van szó, a <td> megkapta az összes stílusbeállítását (mármint a <tt>-nek) manuálisan, mégsem jó. Mutatom, mi a helyzet, mert a W3-on gyönyörűen látszik a példa:Baloldalt látható konkrétan az a betűstílus, ami a beállítások alapján a jobb oldalon IS kellene legyen. De nincs!
Ha megnézitek, ez jól látható a szándékosan beírt0 (nulla)
karaktereken. Namost, Win10 alatt a két oldal egyforma.
A problémát az okozza, hogy a két stílus nem egyforma karakterszélességgel rendelkezik. Nekem a táblázatomba (pixelpontos meghatározás) 32 db karakter van (beleértve a space-ket, melyek szintén monospace-k) egy sorban. MacOS alatt azonban csak 29 fér ki.Valahogyan lehetne kényszeríteni arra a megjelenésre, amit szeretnék? Mármint minden rendszeren?
Előre is köszönöm, hogy foglalkoztok ilyen láma kérdésekkel is!
Szerk.: Kimásoltam konkrétan a W3 stílusfájlját és a megfelelő paraméterekkel felruháztam a táblázatomat. A nullák mostmár úgy néznek ki, ahogyan kellene, de a karakterszélesség még mindig nem az igazi. És továbbra sincs magyarázat a <tt> tag megjelenésére...
[ Szerkesztve ]
But who is watching the guardians?
-
-
lanszelot
addikt
Hello,
3 böngésző alap van jelenleg: chrome, firfox, safari
Minden más ezekkel az alapokkal dolgozik.
A chrome sose volt safari, és fordítva.
A chrome kb 1 éve xar. Nem a chrome alap, hanem maga a Google Chrome.
Pocsék, és hasznavehetetlen kaki. Olyannyira kaki, hogy 7001 -es hibákkal dobálja tele a W10-et, ami kepes végtelen loop-ba fordulni, és W10 ilyenkor meghal.
Eme fagyások miatt törölnöm kellett a GC-t , mert napi szinten többször volt 7001 -es hiba, ami legtöbbször semmi gondot nem jelzett.
GC törlése óta egy darab 7001-es hiba se volt. Kukkold meg a W10 - Eseménynapló - Windows napló - Rendszer . Ha van GC a W10-en nagy valószínűséggel lesz 7001-es hibakódod is.
Lényeg, hogy ne tesztelj GC-vel sehol. Se safari-val.
Firefox....hááát, elmegy. MS Edge se jó tesztre.
Vivaldi kicsit jobb mint a firefox. Brave is ok.
No, de mindenki GC, MS Edge, Safari -t használ.... Háááát, azoknak olyan lesz amilyen, vagy téped a hajad míg a 3-ból 2-re ráigazítasz vmit. Mindre képtelenség pont ugyanazt hozni.
Ez azt nem támogatja, az emezt...stb
Ezért kellenek a multi megoldások, hogy ezen más, de így is jó. -
válasz lanszelot #2765 üzenetére
"A chrome sose volt safari, és fordítva."
De, iOS alatt az. Aki nem hiszi, járjon utána
Egyébként van benne valami, amit mondasz. A Webtárhelyemre feltöltött önálló HTML fájl a konzolban hibát dob, hogy nem tud elnavigálni a fő index-hez. Nyílván, mert nem létezik... De ki is kéri meg erre?But who is watching the guardians?
-
lanszelot
addikt
Én értettem félre, nem foglalkozom iOS-el. Windows-ról beszéltél és annak semmi köze iOS-hez, így Mac OS -re gondoltam. /kicsit hülyén írtam, remélem érthető /
Mac OS alatt pedig chrome nem safari. Van Mac OS -em is, az alatt is chrome a chrome. A safari pedig pocsék.
Sajnos pár éve a böngészők komolyan hanyatlanak. Nem tudok egy kiemelkedőt mondani amit mindenki használnia kellene, mert az jó. Maga az alapok hibásak, mind a 3, emiatt a rá épülők ....mint a Gyalog Galopban a mocsárra épített vár.[ Szerkesztve ]
-
Taci
addikt
Sziasztok!
Jelenleg egy oszlopban vannak elrendezve a tartalmak az oldalon, de ezt szeretném átvinni (megfelelő oldalszélesség esetén) két oszlopra.
Viszont mivel más-más hosszúságúak lehetnek a title és description részek, ezért nem igazán tudom, hogyan lenne jó "összehozni őket".
Egy példa: https://jsfiddle.net/joa0c794/1/
Így nagyon bután néz ki, nagy üres területek, a column3 átcsúszott balról jobbra... nagyon nem szép. Hogyan lehetne ezeket szépen, rendezve egymás mellé tenni?
Pl. lehet azt valahogy, ha a column1 magasságát kapja meg a column2? És akkor a column3 máris a helyére kerülne. Majd ahhoz kellene igazítani a column4 magasságát.Vagy esetleg azt, hogy ha 2 sornál hosszabb a title, akkor csak 2 sort mutasson, és túlcsordulást vágja le (és ... a végére)? Ugyanígy a description résznél is, csak nyilván több sorra.
Csak aztán itt újra az jön elő, hogy más magasságúak lesznek, és össze-vissza csúszik minden.Se a title se a description nem tőlem jön, külső forrásból, így lehet 1 szavas, 1 soros, de 4 soros is.
Milyen módszerek vannak erre, hogy szép, rendezett legyen a végeredmény?
Köszönöm. -
cstomee
tag
display: flex
https://jsfiddle.net/djhmyf4x/
A float-ot felejtsd el layout rendezésre, pozicionálásra. flex vagy grid!
- ... a cím végére, erre nem tudok jó megoldást. -
indigo
aktív tag
Van olyan property, amelyet fel lehet ahhoz használni, hogy levágjunk a szövegből és a levágást követően elhelyezzünk három pöttyöt jelezvén, hogy folytatódna a szöveg, ha lenne hely. Ehhez több property-t kell összefűznünk:
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;A fenti kódban az első kulcs-érték párossal biztosítjuk, hogy ne törjön meg a szöveg, ne legyen új sorban.
A második kulcs-érték párossal ugye levágjuk a szöveg rendelkezésre álló helyéből kilógó részt.
A harmadik kulcs-érték párossal pedig utána fűzzük a három pöttyöt.
Ezt akkor szoktuk használni, ha egy sort kell csak levágni/lerövidíteni.Amennyiben tetszőleges számú sor után akarunk levágást, ahhoz másik, korlátozottan támogatott property-kre van szükségünk:
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
Az első kódsor ahhoz kell, hogy az alatta levők működjenek.
A második kódsorban határozzuk meg egy számmal, hogy hány sor után szeretnénk a levágást. jelen esetben a 2. sor után.
A harmadik kódsor pedig a tartalom elhelyezését jelöli (függőleges).Ha a fenti jsfiddle példában a h2 magassága után beírjuk a fenti webikt-es kódsorokat meghagyva a végén az
overflow: hidden
kulcs-érték párost, akkor a 2. sor után levágja a szöveget. Ugyanez lesz igaz, ha a p tag-re alkalmazzuk ezt. -
lanszelot
addikt
Hello,
Kipróbáltam, nem működik amit írtál.
p tag-re alkalmaztam.
Bár oda rakja a 2ik sor után a 3 pöttyöt, de ugyanúgy folytatja 4-5-6...stb sorokkal.
Nem vág le semmit.
Tehát valami nem jó a példádban.
Tudnád javítani kérlek, mert érdekelne, hogy mi ez?
Legjobb lenne, ha dobnál egy teljes példát rá codepen-ben, vagy js-ben. -
indigo
aktív tag
-
Üdvözlet!
Olyan CSS paramétert keresek, ami eszköz és platformfüggetlenül csak és kizárólag mobilfelületként futtatja az oldalt.
Használok ugyanis olyan JS kódsorokat, melyek érintésre és nem kattintásra reagálnak. Érintés meg ugye csak érintőképernyőn lehetséges, egérrel nemHa van ilyen paraméter, kérlek osszátok meg velem! Köszönöm!
But who is watching the guardians?
-
Szerintetek miert nem ertelmezni Firefox alatt az Enhancer for YouTube plugin az alabbi css-t? [link]
Passionate about minimalistic software, the Linux philosophy, and having fun. SFF enthusiast.
-
Szép estét eme kihalt topik néhai látogatóinak!
Keresem a jó megoldást egy elem háttérképéhez. Az már biztos, hogy Crop-olni szeretném, de nem találom azt a megoldást, ami kellene.
Az volna a cél, hogy van egy adott kép, ami be van állítva, mint fix méretű és helyzetű háttér. Az adott elemnek pedig beállítom azt, hogy az az elem bárhol is helyezkedjen el a képernyőn, az ő háttere az elhelyezkedésétől és méretétől függően a fő kép aktuális szegmense legyen.
Olyan megoldásokat találtam, ahol egy adott képet beállítunk Crop paraméterrel és kiválasztjuk, melyik szegmense legyen a háttér, de az ugye nem dinamikus. JS-el megoldani nem nagy kunszt, hogy változzon, de ha lenne esetleg erre kifejezetten egy CSS kód, akkor kérlek osszátok azt meg velem.Köszönettel!
But who is watching the guardians?
-
válasz martonx #2780 üzenetére
Hát ha találnék olyat, nem lenne probléma
Viszont talán jó példa a Messenger alkalmazás egyes témái. Olyan hatást kelt, mintha lenne egy háttérkép, de az le van fedve a Messenger fehér vagy fekete alap színével, viszont az üzenetek háttere átüt a felületen és a mögöttes képet látod. Amikor görgetsz, az üzenetek pozíciója és ezzel a mutatott kép is változik.But who is watching the guardians?
-
válasz martonx #2782 üzenetére
Nem, az a görgetésre változatja a hátteret / háttereket eltolásokkal.
Legjobban talán úgy tudom elmegyarázni, hogy fogsz egy piros papírlapot, amit lefedsz egy kékkel. Aztán a kékre teszel egy fehéret, amiben van egy kivágás, hogy az alatta lévőt lásd. Csakhogy nem az alattalévő kéket mutatja, hanem a legalsó pirosat. Tehát mintha nem lenne háttere az adott elemnek, de nem az alatta lévő réteg látszik mégsem, hanem az, ami az alatt van.But who is watching the guardians?
-
lanszelot
addikt
Hello,
Van egy container, aminek meg kell adnom a magasságát, es szélességét.
Telefonon ha jó álló módban, akkor fekvő módban lóg ki fent, és lent.
Ha a fekvőhöz állítom be, akkor meg állóban lóg ki oldalra.auto nem működik. Tehát az nem megoldás.
Az addig ok, hogy vw és vh -t használok.orientation -on gondolkodtam, de nem tudok rájönni a hogyanra.
Hogyan tudom figyeltetni, hogy a teljes képernyőn vertikális, vagy horizontális a kissebb érték?Sikerült az orientation -el
[ Szerkesztve ]
-
-
Üdvözlet!
Keresek egy talán nem létező megoldást. Adott egy tag, legyen ez most DIV. Ez 100% szélességgel rendelkezik, vagy ha úgy tetszik, 100vw-vel. Ebben van egy X karakterméretű, monospace szöveg, ami egyetlen szó. Ennek szeretnék egy olyan beállítást, ami széthúzza parttól-partig, mint a komolyabb terjedelmű szövegek esetén a
text-align: justify;
tenné. Csak itt egyetlen szó van, a képernyő szélessége pedig bármi IS lehet.
Hoztam egy JSFiddle példát, ahol szimulálom, hogy az adott szélességre hogyan kellene kinéznie.Ha van erre bármi megoldás, kérlek osszátok meg velem! Köszönöm!
[ Szerkesztve ]
But who is watching the guardians?
-
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
[ Szerkesztve ]
But who is watching the guardians?
-
-
lanszelot
addikt
Hello,
Hogy tudom azt megcsinálni, hogy maradjon minden bent a saját grid-jében?
Tehát ha változik a felbontás /telefon, tablet, 4k kijelző...stb/ akkor is igazodjon bele minden a helyére.
Ne lógjon túl, vagy essen szét.
A képek, és gombok flex-el egymás mellett lennének középen.
Itt a pelda grid. -
lanszelot
addikt
Hello,
Nekem egymás mellett vannak.
Kisebbre állítottam a képek méretét, így látszik hogy egymás mellett vannak.Responsive, ezzel van a gond. Minden kijelzőn máshogy jelenik meg. Mint ahogy neked se egymás mellett vannak.
Ha beállítom jól a monitoromhoz 21:9 -es. És telefonon is jó állva.
Akkor 16:9 -en nem jó, és fekvő telefonon, fhd-ban jó, akkor 4k ban nem...stb.
Hol ez lóg ki, hol az túl kicsi, kimászik a területéről...stb.
Nem responsiveAzért hagytam nagyra a képeket, hogy látszódjon, hogy kilóg.
De most megnéztem telón, és ott is egymás alatt voltak.
Ezért kissebbre vettem.A képernyő méreten ne lógjon ki, tehát ne legyen görgethető semerre, emiatt kell a grid re az absolut.
Viszont így nem tudom az elemekre rárakni.
Overlay nem jó mert akkor csak levágja.Néztem videót yt -on, elvileg a grid-et child -el kellene a parenthoz igazítani, és akkor sem lépne ki.
De akkor lehet görgetni.A css nem támogatja amit akarok, az tiszta. Csak a kiskaput keresem, hogy hogyan lehetne kiokoskodni. Ha ki lehet.
Szinte minden oldalnak responsive -nak kell lenni, miért nem csinálják már meg. Grid és flex el olyan könnyen lehetne koordinálni. De mindig egy szívás az egész.
Profiknak már tuti meg van a bejáratott trükközéseik, de kezdőként ...phfff
Már a responsive menü se egyszerű. Nem hogy a teljes oldal.
Van amit meg lehetetlen kivitelezni./css ről beszélek, js + php és megoldható/ -
lanszelot
addikt
-
edari
őstag
válasz lanszelot #2796 üzenetére
Viszont a behúzás már nincs ott.
stackoverflow -
cstomee
tag
válasz lanszelot #2793 üzenetére
Én itt több problámát is látok a kódban és a kis írásodban is
"A css nem támogatja amit akarok, az tiszta.
Szinte minden oldalnak responsive -nak kell lenni, miért nem csinálják már meg.
...
Profiknak már tuti meg van a bejáratott trükközéseik ..."Mit nem támogat? Kinek kéne megcsinálni?, mit? Milyen trükközések?
Ez sem tökéletes, de már el tudsz rajta indulni:
jsfiddleSzerintem ezeknek nézz utána első körben:
- css units
- css grid
- css grid fraction unit
- css positions
Szerk.:
- az </img> lezáró tag nagyon cuki, ezt hol találtad?[ Szerkesztve ]
-
lanszelot
addikt
de ott van, csak nem látszik.
a menúsor ugyanúgy megkapja a 40px-es vastagságot.
A menúsornak ninics vastagsága. Mégis 40px vastag.
A benne lévő elemnek kellene magadni a vastagságát, de 40px alá nem tud bemenni.
Tehát ott van.cstomee
500px alatt szét esik.
Tehát telefonon nem működik.
Ki kell csippenteni, minden telefonnál, de az úgy nem jó.img - igen, tudom, hogy önzáró, de az önzáró elemeket is be lehet zárni, nem gond, viszónt, ha nem zársz egy p tag-et pl az gond.
Azert maradt benne , mert már minden marhasággal próbálkoztam.
Amúgy fent leírtam a megoldást. Még nem tudtam /egyenlőre/ olyan képernyőt ahol ne lenne jó.
A css-t is fejlesztik. nemrég kapott frissítéseket. De ha arról épp nem hallottál a Clear fix -ről tuti hallottál, az se volt régen. Tehát a fejlesztők, miért nem teszik végre bele.Trükközés: pont az olyan sufni tuning, amit te is csináltal, meg amit én is.
Nincs rá szabvány. Old meg valahogy. Nem töéletes, de szöszölj vele az idők végéig.subgrid - ez pl megoldaná /nem támogatott még/
de csak kezdő vagyok, a fejlesztők tuti tudnának egy tuti response módszert bevinni.
Mint a clear fix bekerült anno. Nem kell trükközni. Beírod, és tadaaam.[ Szerkesztve ]
Új hozzászólás Aktív témák
- EDIFIER R1700BTS hangfal pár makulátlan, új állapotban, 2 év hivatalos garanciával, alkalmi áron
- LG OLED55B23LA 2 Év GYÁRI GARANCIA
- Apple iPhone XR 128GB, Kártyafüggetlen, 1 Év Garanciával
- Gamer PC , i7 12700KF , RTX 3080 Ti , 64GB DDR5 , 960GB NVME , 1TB HDD
- Intel PC , i5 8500 , 1660 6GB , 32GB DDR4 , 512GB NVME , 500GB HDD
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Promenade Publishing House Kft.
Város: Budapest