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

• #2505 T J tag

  Új Válasz 2020-11-27 09:58:05 #2505

  Ú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

  Lehet hogy "old school", de működik.

• #2502 T J tag Reflax #2501

  Új Válasz 2020-11-26 20:32:41 #2502

  Ú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 Reflax #2501 üzenetére

  Nem kell ide mágia, csak normálisan megírt kód. Összeadtad a szélességeket? Mert ilyeneket írtál az elsőben, hogy: .left{width:20%;} .center{width:50%;} .right{width:290%;}. Ráadásul kétszer formázod a .right-ot, és a másodikkal felülírod az elsőt ... Tíz percig görgettem, mire megtaláltam, miért nem működik amit feljebb módosítottam.
  Minden divnek van szélessége, magassága (jobb híján height:auto; ), és elhelyezése (float: left; ). Amíg ezek nincsenek megadva, nem kerülnek a helyükre! Az egy sorba kerülő divek össz szélessége max 100%, marginnal, borderrel együtt. Ezek vastagsága hozzáadódik az elem szélességéhez!!! Ezért ellenőrzéshez inkább eltérő háttérszínt adj meg border helyett, és ha margint adsz, akkor annak a szélességét egyből vond is le az elem szélességéből, pl: margin-left: 2px; width: calc(50% - 2px);
  Az elemek formázását sorrendben, fentről lefelé, és balról jobbra, sorrendben, ahogy a html-ben szerepelnek. Különben nem fogod megtalálni, és katyvasz lesz az egész.
  Ne fixálj olyan tartalmat ami nem fér el magasságba a kijelzőn, mert a kilógó rész rejtve marad.

  link

• #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.

• #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.

• #2431 T J tag bLaCkDoGoNe #2430

  Új Válasz 2020-03-26 20:32:14 #2431

  Ú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 bLaCkDoGoNe #2430 üzenetére

  Fokozatosan átlátszósodó maszkra gondolsz a háttérkép előtt? Mint itt a "bemutatkozás" rész?

  .bg_filter {
 background: linear-gradient(to bottom right, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0.3) 90%);
 z-index: 100;
}

• #2426 T J tag weiss #2425

  Új Válasz 2020-03-03 12:33:42 #2426

  Ú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 weiss #2425 üzenetére

  Nem tudom, h megoldható-e CSS-ben amit szeretnél: CSS - Use calc() to keep widths of elements the same
  Dinamikusan lehet, hogy csak js-el fog menni, illetve bele lehet erőszakolni a js-t css-be, de az nem tiszta css, illetve lehet js-ben is használni css-t, de akkor nem minden stílus lesz a css fájlben egy helyen.
  width: calc(...) -al is lehet számolni, de csak az őt tartalmazó elem szélességéből. Másik vele egyenrangú társelem szélessége csak fix értékként szerepelhet a képletben. Pl:
  .td3 {width: calc( 100% - 200px ); } ahol 100% az a td3-at tartalmazó tr szélessége, a 200px pedig a sorban levő többi elemé (td1, td2) marginnal, borderrel együtt.
  Szóval ha ismered minden oszlopban a leghosszabb elem méretét, akkor érdemes az adott osztályú elemeknek min-width-ként megadni, és az ismeretlen szélességű mezőét a calc()-al megadni, kitöltve így a maradék helyet.
  De az inputnál nem tudod előre hogy nem az lesz-e a leghosszabb mező, amit épp be fog írni a user. Így vagy maximálod a beírható karakterek számát, vagy minden beírt karakter után lefuttatsz js-el egy ciklust, amiben összehasonlítod, hogy a beírt szöveg hosszabb-e, mint a már meglévő leghosszabb szöveg az oszlopban, vagy a megadott szélességnél. És ha hosszabb, akkor növeled a cella és táblázat szélességét minden egyes beírt karakternél. De ez sok felesleges számítás, és ha betöltéskor is így állapítod meg a szélességet, min-width helyett, akkor lassabban fog betöltődni az oldalad.

  Ezen kívül nem illik egy tr-be th-t és td-t is tenni, csak az egyiket. És div-et se erőltetném bele td-be, mert rontja a táblázatod formázhatóságát. Inkább használj div helyett <span>-t.

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