- Biztonsági aggályok miatt késik a Microsoft hatalmas AI-újítása
- Kíváncsi az EU, milyen online védelmet adnak a pornóplatformok a kiskorúaknak
- Panaszt tettek a Google ellen, mert követi a felhasználókat a böngészője
- Rengeteg áram kell az adatközpontoknak, erre válasz a geotermikus energia
- Az AI megmondja, hogy van-e fájdalma a macskának
Új hozzászólás Aktív témák
-
martonx
veterán
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Én kérek elnézést!
-
martonx
veterán
"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?
Én kérek elnézést!
-
martonx
veterán
2-esre egy lehetséges megoldás? https://jsfiddle.net/m2x7wt6e/1/
Én kérek elnézést!
-
martonx
veterán
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_FlexboxEzek pont erre lettek kitalálva, hogy reszponzív tudjon lenni amit csinálsz mind mobilon mind egy 4K-s 32 colos monitoron.
Én kérek elnézést!
-
martonx
veterán
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.
Én kérek elnézést!
-
-
martonx
veterán
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
Én kérek elnézést!
-
martonx
veterán
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.Én kérek elnézést!
-
martonx
veterán
Van itt valami moderátor? Ezt nem lehetne a topik elejére összefoglalóba belerakni? [link]
Hiszem, hogy a kérdések jó részét eleve megválaszolná.Én kérek elnézést!
-
-
martonx
veterán
Én a helyedben elkezdenék CSS Grid-et vagy FlexBox-ot használni a pozícionálásokhoz: Flexbox vs. CSS Grid: Which Should You Use and When? (tutsplus.com)
Én kérek elnézést!
-
martonx
veterán
Ez is egy egész jó magyarázó oldal: A Complete Guide to Grid | CSS-Tricks (css-tricks.com)
Én kérek elnézést!
-
martonx
veterán
Ez is egy egész jó leírás a css gridhez.
Én kérek elnézést!
-
martonx
veterán
válasz Chrystall #2520 üzenetére
Ez esetben ne calc-ot és px-es méreteket használj, hanem vh-t, ez pont erre való, hogy minden méret reszponzívan tudjon méreteződni.
Vagy kezdj el flexbox-ot, css grid-et használni. Összességében nekem úgy tűnik alapjaiban rossz a mostani megoldásod.Én kérek elnézést!
-
martonx
veterán
válasz Chrystall #2522 üzenetére
És miért kell ez a scale-es méretezős móka? Tényleg mindig pixelre pontosan tudnod kell, hogy mekkora az ablak? Őrületesen háttal ülsz a lovon.
Nem tudom mit csinálsz, de szerintem menjünk vissza az alapokig, és inkább azt írd le, hogy mit szeretnél mindezzel a kavarással? Ennyi css-t egy rádió gombhoz és labelhez még sose láttamPl. egy reszponzív oldalt csinálok, ahol azt szeretném, hogy mobilokon nagyobbak legyenek a rádió gombok.
Szóval valami ilyen módon, légyszi fogalmazd már meg, hogy mégis mit szeretnél csinálni.
Én kérek elnézést!
-
martonx
veterán
válasz Chrystall #2524 üzenetére
media query-kről hallottál? Pont erre vannak kitalálva, hogy ne kelljen folyton számolnia szerencsétlen böngészőnek, pláne mobilon.
Továbbra sem értem, hogy 2021-ben miért jó custom css-el szopatni magad, a natív rádió gombok helyett? Ráadásul a natív rádió gomb tök jól tud viselkedni mobilon is, iphone-on is, mindenhol, pont azért mert natív. Hogy nem fog minden létező platformon pont ugyanúgy kinézni? Ki nem szarja le. Ráadásul sokszor a spéci dolgok zavarják össze az egyszeri usert, akik a natív működéshez vannak szokva.
Szóval szerintem továbbra is tök feleslegesen futod a köröket, de te tudodÉn kérek elnézést!
-
martonx
veterán
válasz Chrystall #2526 üzenetére
Így már világos, hogy kibökted, hogy Firefox-ban nem működik a mindenhol máshol logikusan működő megoldás.
Esetleg egy ilyen kerülő megoldás? http://jsfiddle.net/v3f16xrL/
Lusta voltam mindenhol a pixeleket vw-kre írogatni, majd megteszed te, ha ez beválni látszik.[ Szerkesztve ]
Én kérek elnézést!
-
martonx
veterán
válasz Chrystall #2533 üzenetére
Pont ezért javasoltam a legelején, hogy kár túráztatni magad az ilyen szuper spéci megjelenítésen. Használd a natív rádió gombokat, és voilá.
Mindenesetre, ezzel hátha meg tudod oldani: Browserhacks
Azaz ezekre a spéci esetekre fel tudod készíteni a css-ed, és módosítani kedved szerint.Én kérek elnézést!
-
martonx
veterán
válasz Chrystall #2535 üzenetére
Még ezeket próbáld ki esetleg: html - Chrome on Android resizes font - Stack Overflow
Ez ilyen tipikus kezdők hozzáállása, hogy amilyen a honlap stílusa, olyat kell csinálni. Eleve ismerni kell a korlátokat, és olyan stílust csináltatni / bevállalni, amit értelmes keretek között meg lehet csinálni, és nem kell hajlítani hozzá a teret.
Én ha meglátok egy olyan stílust, amiben nem natív form kontrolok vannak (némi színezés, lekerekítés persze belefér), akkor vagy erőltetem, hogy változtassanak az elképzelésen, vagy megtöbbszörözöm a szükséges munkaidő ráfordítást, közben jelezve, hogy ennek a pagespeedre, meg még ki tudja mi mindenre lesz negatív hatása, 1-2 böngészőre vállalom, hogy így fog kinézni, semmi garancia nincs arra, hogy mindig mindenhol ugyanez lesz a kinézet.Én kérek elnézést!
-
martonx
veterán
"Jelen esetben amúgy mit segítettek volna?"
Ezek interaktív kód szemléltető eszközök, nem pedig fejlesztő eszközök.
Jelen esetben annyit segítenének neked, hogy nem ide PH-ra szerencsétlenkeded be a kódod, amire így garantáltan nem nézek rá (és mások se, szerencsédre volt egy topiklakó, aki vállalta az extra erőfeszítést ).
Hanem részedről pont ugyanennyi energia befektetéssel azokba rakod be a kódod, és az rögtön kipróbálható, nyomkodható, módosítható bárki által. Ergo kb. 10-szer nagyobb eséllyel venni fogja valaki a fáradtságot, és segít neked.
Azaz ez nem csesztetés, egyszerűen a saját érdekedben tedd meg, hogy SOHA TÖBBSZÖR nem ide teszed be a kódot, hanem jsfiddle-be / codepen-be.Én kérek elnézést!
-
martonx
veterán
"JsFiddle-ről annyit találtam, régebben problémái voltak a kódmegosztással - kinőtte a spam problémáit?"
??? ez mindig is kimondottan a kód megosztásra volt kihegyezve. Milyen spam problémái vannak???
Egyébként meg nem találni kéne ezt-azt, hanem venni a fáradtságot és kipróbálni, majd rögtön utána homlokra csapni, hogy miért nem ezt használtam eddig példa kódok megosztására
Egyébként ugyanazt tudja a codepen és a jsfiddle, nekem édes mindegy melyiket használod, az a lényeg, hogy a legközelebbi kérdésednél ott legyen a jsfiddle / codepen példa kódra mutató linkÉn kérek elnézést!
-
martonx
veterán
1. Mert annak az esélye, hogy a CDN nem működik, töredék esélye annak, mint hogy a saját szervered nem fog működni
2. A CDN-ek kimondottan a static content kiszolgálására kihegyezett globálisan elosztott szerverek. Ellenben a te egy földrajzi pontot lévő, dinamikus adatkiszolgálásra való szervereddel.
3. Minden amit nem a te szerverednek kell kiszolgálnia, annyival több erőforrása marad arra, amit úgyis csak a te szervered tud kiszolgálni.Én kérek elnézést!
-
martonx
veterán
Én kérek elnézést!
-
martonx
veterán
Egész biztos, hogy amikor ilyen számításokat csinálsz, akkor nem az a gond, hogy ezt ne lehetne css-re átültetni, hanem a js-es balfaszkodással koncepcionális dizájn hibákat fedtél el. Mihelyst koncepcionálisan rendbe teszed, rá fogsz jönni, hogy css-el megoldani is egyszerű lesz.
Én kérek elnézést!
-
Új hozzászólás Aktív témák
- Intel Core i3 / i5 / i7 / i9 10xxx "Comet Lake" és i3 / i5 / i7 / i9 11xxx "Rocket Lake" (LGA1200)
- YouTube
- Befutott a Lollipop Chainsaw RePOP első előzetese
- Milyen billentyűzetet vegyek?
- Bambu Lab X1/X1C, P1P-P1S és A1 mini tulajok
- E-roller topik
- Android szakmai topik
- Nem indul és mi a baja a gépemnek topik
- Elemlámpa, zseblámpa
- Milyen TV-t vegyek?
- További aktív témák...
- ASUS TUF Gaming A15 FA507XU- LP4050W Gray ELADÓ!!!!!! (GARANCIÁLIS 36-HÓNAP)
- Újszerű Spigen Liquid Air Folio Tok, iPad Pro 12.9, Fekete
- Huion Kamvas Digitalizáló Tábla / Rajztábla / Külső Monitor okos tollal /// ÚJ // Számla + Garancia
- ESR 360 Mágneses Tok és Billentyűzet Ipad Pro /// Air // Bontatlan // Számla + Garancia
- Synology DS223 (2GB) /// Teljesen Új // Számlával és 2 év Garanciával