Új hozzászólás Aktív témák

• #2480 martonx veterán JohnD #2479

  Új Válasz 2020-10-07 13:45:56 #2480

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz JohnD #2479 üzenetére

  Ez a CSS topic. Nézz szét a javascript topikban. Itt nem szeretnék offolni.

• #2477 martonx veterán JohnD #2476

  Új Válasz 2020-10-06 21:22:58 #2477

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz JohnD #2476 üzenetére

  Amiket eredetileg írtál. Mostanra a böngészők annyira ügyesek, illetve annyira mobile-first lett minden, hogy szinte semmi értelme ilyen régi nagy, dögnehéz frameworköket behuzigálni.
  Bár a bootstrap v5 ismét érdekessé teheti majd a bootstrap használatát, az esetek egy részében.

• #2475 disy68 aktív tag JohnD #2473

  Új Válasz 2020-10-06 11:15:00 #2475

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  disy68

  aktív tag

  válasz JohnD #2473 üzenetére

  Szerintem továbbra is hasznos lehet a komponensei és a kényelmi class-ok miatt.

• #2474 martonx veterán JohnD #2473

  Új Válasz 2020-10-05 20:04:27 #2474

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz JohnD #2473 üzenetére

  Manapság semmi értelme, ahogy a jQuery-nek sem

• #2467 JohnD tag JohnD #2466

  Új Válasz 2020-08-23 11:07:33 #2467

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  JohnD

  tag

  válasz JohnD #2466 üzenetére

  Há' valaki segíccsen má

  Csináltam egyébként flexbox-szal is egy ilyen dinamikusan a nézet (böngészőablak) méreteihez igazodó designt is. A kérdés, hogy a hover divet ott pontosan tudom-e pozícionálni, amikor a naptár divjei mindenütt relatívek, %-ban megadottak.

  Flexboxok flexbox-sza lett egyébként, ha kell megpróbálom felrakni és belinkelni

• #2465 T J tag JohnD #2463

  Új Válasz 2020-08-12 12:31:33 #2465

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  T J

  tag

  válasz JohnD #2463 üzenetére

  Nem a viewport taggel, hanem a css végére elhelyezett módosító paraméterekkel, mint itt:
  @media only screen and (max-width: 500px) { /* amikor az ablak <= 500px, azaz függőbe állítja a mobilt */
  .kep {
  width: 100%;
  height: auto;
  }
  }

  A linkjeid nem működnek.

• #2464 JohnD tag JohnD #2463

  Új Válasz 2020-08-10 17:40:34 #2464

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  JohnD

  tag

  válasz JohnD #2463 üzenetére

  (Az előzőhöz: az initial-scale=1.0 probléma nem az iPad-ekre, hanem a mobiltelefonokra vonatkozik, függőleges nézet esetén. )

• #2461 disy68 aktív tag JohnD #2460

  Új Válasz 2020-07-23 18:43:18 #2461

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  disy68

  aktív tag

  válasz JohnD #2460 üzenetére

  A caniuse.com segíthet a döntésben:
  

  flex vs grid

  felhasználói bázist tekintve mindkettő elég jól áll, persze lehet, hogy a te célközönséged pont valami olyat használ, ami kiesik ebből

• #2458 martonx veterán JohnD #2457

  Új Válasz 2020-07-21 17:31:32 #2458

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz JohnD #2457 üzenetére

  Csináltam egy template-et MDN alapján, legalább életemben először én is kipróbáltam a css gridet, ha már ajánlgatom https://codepen.io/martonx/pen/GRoPbPj?editable=true%3Dhttps%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FCSS%2FCSS_Grid_Layout%2FGrid_Template_Areas

  Vegyük észre, hogy a grid reszponzív, bármilyen képernyő méreten rendben lesz. De a legnagyobb előnye, hogy végre bárki által szerkeszthetően látszik, hogy miről beszélünk

• #2456 martonx veterán JohnD #2455

  Új Válasz 2020-07-20 15:25:04 #2456

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz JohnD #2455 üzenetére

  A grid újabb, annyival többet tud, hogy ezzel a sorok egymás közötti viszonyait is definiálni tudod, sőt ezzel komplett oldal layoutokat tudsz megvalósítani viccesen kevés css kóddal.
  A flexbox-al egy adott sort tudsz csak pozícionálni.

• #2454 martonx veterán JohnD #2453

  Új Válasz 2020-07-20 14:05:47 #2454

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz JohnD #2453 üzenetére

  A css grid egy 2020-as reszponzív megoldás. A tied meg 2002-es, nem reszponzív. Csak ennyi a különbség. A hoverkor megjelenített div-et, tippre így is úgy is javascripttel kell picit megtámogatni, bár nem vagyok egy nagy CSS mágus, lehet valaki tud jobb megoldást.

• #2452 martonx veterán JohnD #2451

  Új Válasz 2020-07-20 11:58:50 #2452

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz JohnD #2451 üzenetére

  Jaja, úgy van, ahogy gondoltam. Ezt a css-t így nyugodtan kukázhatod, és írd át az egészet css grid-esre. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
  Vagy css flexbox-osra: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox

  Ezek pont erre lettek kitalálva, hogy reszponzív tudjon lenni amit csinálsz mind mobilon mind egy 4K-s 32 colos monitoron.

• #2450 martonx veterán JohnD #2449

  Új Válasz 2020-07-19 15:40:52 #2450

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz JohnD #2449 üzenetére

  Kuldhetnel több konkrétumot, de 99%, hogy rosszul gondolod, és megoldható szimpla css-el, php-s szamolgatás nélkül.

• #2447 T J tag JohnD #2446

  Új Válasz 2020-07-14 14:25:06 #2447

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  T J

  tag

  válasz JohnD #2446 üzenetére

  Hover állapotban nem kell megadni szélességet, ha nem akarsz rajta változtatni az alap állapothoz képest. Magasságot is célszerű %-ban megadni. Ha tartani szeretnél egy arányt a szélesség : magasság között, akkor a tartalmazó div arányait kell megadni.
  Ezen kívül lehetőséged van különböző böngésző-ablak szélességekhez egyéni méreteket/ elhelyezéseket megadni. Pl fekvő mobilnál naptár & esemény-leíró ablak egymás mellé, álló mobilnál egymás alá rendezés.

• #2445 T J tag JohnD #2444

  Új Válasz 2020-07-13 12:46:06 #2445

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  T J

  tag

  válasz JohnD #2444 üzenetére

  %-ban adod meg a szélességet. Köz: 2%, mező:12%;
  borderek bekavarhatnak.

Új hozzászólás Aktív témák