- Hivatalos a OnePlus 13 startdátuma
- Xiaomi 13T és 13T Pro - nincs tétlenkedés
- Hatalmas kedvezménnyel nyit az Ulefone új csúcsmodellje
- iPhone topik
- Android alkalmazások - szoftver kibeszélő topik
- Bemutatkozott a Poco X7 és X7 Pro
- Így lesz tégla a porszívódból - a Roidmi csődje
- One mobilszolgáltatások
- Motorola Moto G84 - színes egyéniség
- Samsung Galaxy Z Fold7 - ezt vártuk, de…
Hirdetés
Új hozzászólás Aktív témák
-
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
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 megfelel
De 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. -
martonx
veterán
Lehet kegyetlenül hangzik, én már az eredeti kérdésfelvetést sem értettem. Annyira zavaros volt, pláne a kérdésekbe burkolt idétlen kijelentésekkel. A példát megnéztem, az alapján se sikerült megértenem, hogy egyáltalán mi is a probléma, ráadásul az tele is van mindenféle oda nem illő html-el, végül letelt a rászánt 5 perc, és rá is hagytam az egészet.
-
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.
-
#2395
hiperFizikus
senior tag
edari
#2394
-
#2393
hiperFizikus
senior tag
edari
#2392
hiperFizikus
senior tag
A pointer-rel jól megy . Kérlek mond meg, hogy a style-be és a class-hoz hogyan kell a onClick-et megadni.
<!DOCTYPE html><html lang="hu"><style>.LDSevent{text-decoration: none;}.LDSevent:hover{text-decoration: underline;cursor: pointer;}</style><head><meta charset="UTF-8"><title>Title</title></head><body><a href="#" class="LDSevent">Example</a><a href="#" class="LDSevent">Example2</a><a href="#" class="LDSevent">Example3</a><br><spAn class="LDSevent">alma</spAn></body> -
#2328
fordfairlane
veterán
edari
#2326
fordfairlane
veterán
-
Csepe
aktív tag
Az egyszerű, nem túl szép megoldás, hogy megadod, hogy egy új ablakban nyíljon meg kattintásra a nagy méretű kép.
pl:
<p>
<a href="nagy_méretű_kép_elérése" target="_blank">
<img src="kis_méretű_thumbnail_kép_elérése" alt="Első kép">
Első kép
</a>
</p>A szép megoldás pedig egy galéria plugin beépítése lenne a sok közül.
-
DNReNTi
őstag
Szebb megoldas lenne mint egy pseudo selector. De ha ragaszkodsz hozza pusztan CSS-el megoldhato lenne, de nem ennyire trivialis.Új hozzászólás Aktív témák
Hirdetés
- Hivatalos a OnePlus 13 startdátuma
- E-roller topik
- Nők, nőügyek (18+)
- HiFi műszaki szemmel - sztereó hangrendszerek
- Milyen cserélhető objektíves gépet?
- Lexus, Toyota topik
- GTA V
- Autós topik látogatók beszélgetős, offolós topikja
- Formula-1
- Xiaomi 13T és 13T Pro - nincs tétlenkedés
- További aktív témák...
- Samsung Galaxy Book2 Pro 360 i7-1260P 16GB 512GB OLED touchscreen, GARANCIA: 1ÉV
- Egyedi ékszerdobozka
- Azonnali A320 B350 X370 B450 X470 A520 B550 X570 chipset alaplap felvásárlás személyes/csomagküldés
- LG Gram 14 WUXGA IPS i7-1360P 5.0Ghz 12mag 32GB DDR5 1TB SSD Intel Iris XE 10óra Akku Win11 Garancia
- iKing.Hu - Motorola Razr 40 Ultra Glacier Blue 8 GB RAM / 256 GB tárhely Használt, karcmentes
Állásajánlatok
Cég: FOTC
Város: Budapest