- Samsung Galaxy A52s 5G - jó S-tehetség
- Huawei Watch 5 - okosóra érintőlegesen
- Huawei Watch GT 5 Pro - egészség + stílus
- Xiaomi 14T Pro - teljes a család?
- Xiaomi 15 - kicsi telefon nagy energiával
- Honor 200 - kétszázért pont jó lenne
- Redmi Note 13 Pro 5G - nem százas, kétszázas!
- Magisk
- LG V50 ThinQ Dual Screen - az 5G ára
- LG Velvet (4G) - megelőzte a híre
Új hozzászólás Aktív témák
-
lanszelot
addikt
Először is köszönöm szépen a választ.
Kimásoltam, és megnéztem.
A villám és a csillag animáció nincs beírva a kódba.
Nem értem miért. Egyszerű opacity állítás.
Minek ahhoz egy külső css.
Mert ha mind onnan szedte volna megértem, de így....Amúgy másként működik, mert csak villognak. Pdeig ctrl+a ctrl+c ctrl+v vel csináltam.
Annyi, hogy a xmlns -t fel raktam a html-be , mert oda való.
Fura. -
lanszelot
addikt
válasz
Rat.Sand
#2874
üzenetére
Először is köszönöm szépen a választ.
Igen azt tudom, de nem tudom miért.
Ezért kérdeztem itt.
Tudom, hogy valamit kihagytam.bottom: anchor(top);
left: anchor(center);
Ez nem érvényesül, de nem tudom miért.
És nem tudom hogyan kell a button-hoz igazítani a popover-t.
Így hiába nézegetem.
Kerestem, de nem találom, mert igazából azt se tudom mi az a megadás : valami zárójalben valami
Így hiába nézem, nem tudom mi nem jó.De ha HTML-ben van akkor se jó, mert akkor se a button-hoz igazodik, hanem a boyd után valamihez. Talán a html-hez ,de csak találgatok.
Viszont, hogy miért fogalmam sincs. -
lanszelot
addikt
válasz
Rat.Sand
#2871
üzenetére
Hello,
Fentebb írtam: firefoxban engedélyezni kell a popover-tMind a két kód hibás, azért írtam ide.
Nem a gombhoz pozicionál, hanem a body-hoz. Ez a gond, ezért írtam ide.
Valami hiányzik. A gombhoz nem pozicionáltam az anchor-t és ez a gond, de nem tudom hogy kell.Ne a támogatást nézd, azzal nincs gond, a kód rossz. Hiányos.
Az alap formázás 0:40-nel van a videóban.
A "btn" -hez kell pozicionalni a popover-t és ennyi.
Valamit elírtam, de nem tudom mit. nem veszem észre. -
lanszelot
addikt
válasz
Rat.Sand
#2867
üzenetére
Hello.
Még nem tudom mi a hiba, de már tudom hol van.
Css -ben ha az alap formázást kitörlöm, akkor mind a kettő működik.
Ha hozzá adom egyik se.
itt az anchor html -ben [link]
itt az anchor css-ben [link]Tehát valahol az alap formázást rontottam el, amiatt nem látszik a felugró ablak.
No, de hol?
42-44 -ig body hight 150 ez okozza
de még anélkül se tökéletes, mert kilóg -
lanszelot
addikt
válasz
martonx
#2865
üzenetére
Hello,
FF is támogatja, csak be kell kapcsolni.
Chrome már akkor is támogatta amikor felírtam az első hozzászólásom.A kérdésem nem a popover-el kapcsolatos, hanem az anchor css -ben használva eltűnik a felugró ablak. Ott a linkben a program. Ha viszont html-ben van az anchor akkor jól működik.
-
lanszelot
addikt
válasz
nevemfel
#2863
üzenetére
Először is köszönöm szépen a választ.
Már nem kell hozzá a Chrome Canary verzió.
És azóta 70% os a támogatás.
Ha megnézed mikori a videó, az is mutatja, és a srác is mondja hogy nagyon gyorsan dolgoznak rajta.A html ben lévő anchor teljesen jól működik. (Ha kell azt a kódot is be linkelem külön. 3-4 sort kell átírni csak.)
Csak mikor megmutatja hogy css -el is lehet onnantól valamiért eltűnik, display none lehet valamiért vagy képernyőn kívülre kerül, de nem látom mi teszi rá.
Valamit elírhattam, csak nem látom. -
lanszelot
addikt
válasz
martonx
#2829
üzenetére
Pontosan ezt írtam. Erről beszéltem. "css-el nem minden böngésző alatt támogatott"
Erre írtam, hogy nem olvassátok el az előzményt.Nem a modal volt a kérdés. Az csak példa volt.
Akár csak a hamburger menü.
Csak példák.
Válaszoltam a hozzászólásokra. Így került bele.
Ha vissza nézed rég megoldottam magamtól az eredeti kérdést.
Utána csak válaszoltam, mint most neked.
Telefonon hiába nyomom az off topikot mégse írja úgy, bocsi.
-
lanszelot
addikt
Pont ez a baj, hogy nem olvassátok el az első kerdést, majd a ra kapott válaszokat, így fogalmatok sincs mire írom amit írok.
Kötekedés az megy ezerrel.
Az eredeti kérdésem magam oldottam meg, meg is írtam hogyan.
Majd bele futottam egy VS Code bug-ba ismét, de ezt is leírtam.
Minden más válasz voltvalamire, amit nem olvastatok így nem értettétek, de hozzá szóltatok.
Pedig oda is rakom kinek valaszolok, és keveritek.
Pl martonx miféle modal megoldást küld, és minek? Az osztott linken lát bárki modal-t? Az már csak egy pelda volt egy beszélgetesben.edari: kérlek olvass vissza, ha elfelejtetted. Hamburger menü pl...
-
lanszelot
addikt
Persze, hogy megoldható.
A gond a responsive rész lesz.
Amiatt könnyebb a js-el.
A legelső kérdésem a responsive ra irányult. Csak többször ki lett forgatva.
Borzasztó sok kritériumnak kell megfelelni egy teljesen responsive oldalnak.
Pár sorból 4 szeresére dagad, csak azért hogy responsive legyen.
A legnagyobb gond a mobilokkal van. A kula böngészőjük, és a teljesen szabvány nélküli kijelzőjük. Plusz a méret valtoztathatóság /betűméretnek írják, de nem csak a betű lesz nagyobb/ .
Pl a z-fold egy csík kijelző. Míg ipad mini majdnem négyzet.
Alma , samu, kinai google nélkül mind saját böngészővel.
Stb.
Erre írtam, hogy egyszerűbb js-el. -
lanszelot
addikt
Félre értettél.
Hamburger menüt css-el, vagy js-el könyebb megcsinálni?
Modal css-el nem minden böngésző alatt támogatott. Így marad a js.
Ezekre írtam a js-t.indigo
az a link egy össze csapott honlap, a menünek semmi köze a kérdéshez.
A képek tökéletesen a helyükön vannak, a menü csúszik le. Arra ott nem raktam rá az orientation-t, mert a kép példából mindenki látja, hogyan oldottam meg.
/amit a menüről kérdeztem, (hiába állítgattam semmi se változott)az a vs code live server bug miatt volt mint kiderült, már sokszor megszivatott. tudom, ne használjam/
az elemek csak arra voltak, hogy lehessen látni, hogy a kép grid-ben kép van, menüben menü...stb. Így se volt egyértelmű sokaknak.
Ha a full honlapot feldobom, akkor meg még többen nem értették volna.
Próbaltam minimalizálni. Nekem hamburger menü van mobilon, sok js az oldal működéséhez...stb
A honlap a js miatt készült, nem a css miatt. Csak édesanyám:" jó lenne mobilon, és tableten, hogy ne kelljen bekapcsolni a laptopot..."
Ezért estem neki a responsive résznek.
Csak az még mindig sufni tuning. Azt hittem a mostani frissítesbe belekerült már valami amiről nem hallottam.cstomee
Köszönöm, már megoldottam
Nem értem mire jó ez a kötekedés. Semmi rosszat nem írtam.
Nem kötelező válaszolni, ha van időd/kedved, szeretnél segíteni, akkor tedd.
Ha nem, akkor nem. Semmi gond.
De ezt ne, kérlek titeket.
-
lanszelot
addikt
Kérlek nézd meg. Pont ezt írtam.
az a kis négyzet megszabja a menu vastagságát.
az elemeknek nincs 40px vastagságuk.
azt a padding-inline-start adja.
Betehetek 1px betűket, akkor is 40px lesz a menu vastagsága.
a szélességét el lehet tüntetni, de a teljes padding-inline-start -ot nem.
és emiatt a menu -nek van egy minimum vastagsága, ami 40pxindigo
én is meg tudtam oldani, nem is ezt írtam. ez már kiforgatás.
Le is írtam hogyan oldottam meg, hogy ne hagyjam nyitottan.
De a legprofibbnak is kell trükköznie.
Mert nincs normális megoldás. -
lanszelot
addikt
Ejnye, ne tessék a kezdőket fikázni.
Nem szép dolog.
Fent kiegészítettem, remélem megfelelDe ha nem kell trükközni, miért nem tud senki össze dobni egy ilyen kis egyszerü honlapot?
JS nélkül.
21:9, 16:9, FHD, 4k, tabletek, telefonok, régi telefonok is.
Mindenhol jól működjön.
1 oldal, nincs görgetés sehol, nem kell ki zoom-olni, nem kell rá zoom-olni.
menu, képek, gombok. kész. semmi ördöngősség.
Nem kell hogy villogjon, sem animáció, semmi. Egyszerü kis honlap.
Nezd meg a resposive miatt hányszorosára dagad. -
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.
-
lanszelot
addikt
-
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
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,
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
-
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.
-
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.
-
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ó. -
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ó.. -
lanszelot
addikt
A háttér színt nem lehet beúsztatni, kell valami ami beúszik.
Az is megoldható, hogy csak 1 box van kint, és a js gomb nyomásra oda dobja ahova kell, és olyan színt ad neki ami kell, és úgy úszik be.
De ez már js, és nem css, te css-t kérdeztél. illetve nem derült ki, hogy mekkora a project
Itt a full lista, példákkal az animációkról amit a css tud. -
lanszelot
addikt
Hello,
2 képet szeretnék egymás mellé, középen, nagyban, responsiv legyen, link legyen, és egeret felé víve másik kép legyen ott.
Hónapok óta agyalok rajta, de nem megy.
Itt egy pelda, de csak azért ha rosszul írtam volna valamit.
Tudom ott nincs egymás mellett, mert ha oda rakom, akkor elcsúszik, nincs középen, nem látszik...stb Ahogy állítom úgy okoz más más hibát. -
lanszelot
addikt
Hello,
Hogyan tudom a képeket vertikálisan és horizontálisan is középre igazítani a flexbox item-ben? példa link -
lanszelot
addikt
Hello,
Sehogy sem értem miért nincs középen a felirat vertikálisan.
Valamiért a heading lefele eltolja, de ha nincs heading, akkor meg fent van, nem lent, tehát úgy se.
Valaki tudna segíteni hogyan tudom középre rakni a feliratot?
/több ilyen van, tehát a nevek-container közepére kell rakni, nem a képernyőnek/ -
lanszelot
addikt
Hello,
Lehet css -ben olyat csinálni, ha :hover egy class -on, akkor egy másik class vagy id display none -ra vált amíg rajta vagyok egérrel?Vagy ezt csak js -ben tudom megcsinálni?
/js-t tudom hogyan, csak érdekelne, hogy csak css-el is meg lehet e oldani valahogyan/ -
lanszelot
addikt
Hello,
A navbar nagyon nem megy nekem.
Pontosítanám: az SEM
Tudna valaki segíteni, hogy középen legyenek, de ne takarják ki egymást? -
lanszelot
addikt
válasz
martonx
#2621
üzenetére
Igen, az jó lehet, gondoltam is rá, de most a sufni tuningnál maradok, mert az egész oldalt újra kell szerkeszteni, és pár dolgot átírni.
Most, hogy már látszik az élesítés közelsége, későbbre halasztom.
Elég sok időm, és munkám van már benne.
Majd később is meg tudom csinálni.
Most inkább befejezem, és majd utána.A Chart js -nél nem sikerült a háttér, az marad alapon. sehol se találtam, hogy lehetne megoldani. Hogy egyáltalán lehetséges e állítani.
-
lanszelot
addikt
színezd be a terúletet ahol a lista van, no nem abban van a kereső bár, tehát felugrik a fejlécre /ott a menü és a fejléc kép/
martonx: írtam, hogy azzal se lehet megoldani.Más kérdés:
Chart js nél hogy tudom a teljes html dokumentum background-color -t állítani?
*{} nél sem színezi be -
lanszelot
addikt
Margin-nal a search bar is lemegy, és még mindig kitakarja az elsőt.
Ha kirakom a nav ból, akkor nem lesz ott oldalt, hanem felkerül a fejlécre./mint ahogy a peldádon is van/Arra is gondoltam, hogy lerakom, de akkor meg a legalsó elemet takarja ki.
Ezeket már mind próbáltam, és nem működik, ezért vagyok elakadva. -
lanszelot
addikt
A gomb mérete jóval nagyobb, de csak a kép háttere nem jó
Sima képpel is meg tudom oldani, mivel js vezérli, csak pici a kép /direkt/
és túl pontosan kell klikkelni, pont ezért gomb, és el van tűntetve a gomb.
Persze csinálhatok nagyobb hátteret a gombnak, és akkor az is megoldás, de az megint sufni tuning.
Mi a baja a gomb képpel? Elvileg nem kellene gondja legyen. -
lanszelot
addikt
de láthatod, hogy az enyém nem működik
Amúgy a tied nem gomb, csak kép
codepen -ről van a kép, tehát ott is dobja a hibát
a kép az csak szedtem a netről /enyémet nem tudom hova tölteni, mindegy milyen png-t dobok be, van amikor a sima szövegeken is ezt csinálja, de ott nem mindig./js ben nincs hiba, ott nem tudom hogyan kell megoldani, nem tudok mit megosztani, már írtam, mert nincs mit. hiszen nem tudom hogyan kell megcsinálni, de leírtam mindent hozzá, mást nem tudok/
Új hozzászólás Aktív témák
Hirdetés
- Xbox tulajok OFF topicja
- exHWSW - Értünk mindenhez IS
- Székesfehérvár és környéke adok-veszek-beszélgetek
- Samsung Galaxy A52s 5G - jó S-tehetség
- Milyen videókártyát?
- gban: Ingyen kellene, de tegnapra
- Autós topik
- One otthoni szolgáltatások (TV, internet, telefon)
- OLED TV topic
- Mini-ITX
- További aktív témák...
- Windows, Office licencek kedvező áron, egyenesen a Microsoft-tól - Automata kézbesítés utalással is!
- LG 32GS95UE - 32" OLED / UHD 4K / 240Hz - 480Hz & 0.03ms / 1300 Nits / NVIDIA G-Sync / AMD FreeSync
- BESZÁMÍTÁS! HP Elitebook 840 G11 üzleti notebook - Intel Core Ultra 5 135U 16GB DDR5 RAM 256GB W11
- Külföldi csomagszállítás Packeta csomagpontokon keresztül!
- LG 27GR93U-B - 27" IPS - UHD 4K - 144Hz 1ms - NVIDIA G-Sync - FreeSync Premium - HDR 400
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged