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

• #2429 weiss addikt weiss #2428

  Új Válasz 2020-03-03 16:54:17 #2429

  Ú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

  

  weiss

  addikt

  válasz weiss #2428 üzenetére

  Fenébe mégsem jó, ikonok becsúsznak a szöveg alá. Mindegy, hagyom az egészet.

• #2427 martonx veterán weiss #2425

  Új Válasz 2020-03-03 13:58:26 #2427

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

  2-esre egy lehetséges megoldás? https://jsfiddle.net/m2x7wt6e/1/

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

• #2424 martonx veterán weiss #2423

  Új Válasz 2020-03-02 22:01:04 #2424

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

  "Persze lehet tippelni a betűk számából, eddig is ezt csináltam, de pont ezért keresek CSS megoldást, hogy ne kelljen."
  De érted, olyan megoldás nem létezik, ami egységesen jó 20 karakterre is, meg 500-ra is. Lehetőségeid: min-width használata vagy le tudod csapni a túl hosszú szövegek végeit "..."-ra (tooltipként meg mondjuk kitenni a teljes szöveget), vagy be tudod törni a túl hosszú szövegeket (ez az, ami most nem tetszik neked). Neked kell kitalálnod, hogy mi a jó neked. Ami biztos nem jó, hogy karakterenként számolgatsz bármit.

  A második problémád meg az alapján a jsfiddle alapján sajnos még mindig nem világos. Nem lehetne olyan jsfiddle-t csinálnod, ahol látszódik is a probléma?

• #2422 martonx veterán weiss #2421

  Új Válasz 2020-03-02 08:29:09 #2422

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

  Első kérdésed: tegyél egy min-widht: 80px-et a th-ra.
  Második kérdésed még mindig nem értem mit szeretnél, mi a probléma?
  Illetve jó lenne, ha ide is beraknád a konkrét kérdést, ne kelljen topikok között ugrálni, hogy lássam mi volt a kérdés, és mi a példa

• #2420 martonx veterán weiss #2419

  Új Válasz 2020-02-29 19:46:55 #2420

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

  Konkrétan azokkal meg tudod oldani a problémádat
  Amíg nincs konkrét jsfiddle példa, addig ennél konkrétabb segítséget hibáa vársz

• #2418 martonx veterán weiss #2417

  Új Válasz 2020-02-29 17:11:52 #2418

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

  Nézz utána a mediaquery-knek, illetve szólok, hogy szélességet lehet %-ban is megadni.
  De a legjobb lenne ha a flexbox-nak, css gridnek is utána néznél.

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