Keresés: - CSS topic - PROHARDVER! Hozzászólások

Hirdetés

Legfrissebb anyagok

PROHARDVER! témák

Mobilarena témák

IT café témák

GAMEPOD témák

LOGOUT témák

Keresés

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

#2820 martonx veterán edari #2818

Új Válasz 2022-11-04 15:10:50 #2820
Ú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 edari #2818 üzenetére

A fentebb belinkelt dialog tökéletes példa rá, hogy a Chrome-ban 2014 óta támogatják, míg Safariba idén februárban érkezett meg a támogatása
#2816 lanszelot addikt edari #2815

Új Válasz 2022-11-04 08:07:18 #2816
Ú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

lanszelot

addikt

válasz edari #2815 üzenetére

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.
#2814 lanszelot addikt edari #2813

Új Válasz 2022-11-03 22:14:07 #2814
Ú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

lanszelot

addikt

válasz edari #2813 üzenetére

"css-el, vagy js-el könyebb megcsinálni?"
#2809 lanszelot addikt edari #2807

Új Válasz 2022-11-03 17:14:07 #2809
Ú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

lanszelot

addikt

válasz edari #2807 üzenetére

Valóban.
Megint a VS Code live server szivatott meg.
Pedig már megfogadtam, hogy nem használom, de olyan kényelmes, hogy mentesnel frissít is egyből.
Köszönöm szépen.
#2806 lanszelot addikt edari #2801

Új Válasz 2022-11-03 16:10:26 #2806
Ú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

lanszelot

addikt

válasz edari #2801 üzenetére

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 40px
indigo
é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.
#2804 lanszelot addikt edari #2800

Új Válasz 2022-11-03 16:05:12 #2804
Ú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

lanszelot

addikt

válasz edari #2800 üzenetére

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.
#2802 martonx veterán edari #2800

Új Válasz 2022-11-03 15:57:26 #2802
Ú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 edari #2800 üzenetére

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.
#2799 lanszelot addikt edari #2797

Új Válasz 2022-11-03 15:45:02 #2799
Ú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

lanszelot

addikt

válasz edari #2797 üzenetére

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.
#2796 lanszelot addikt edari #2795

Új Válasz 2022-11-03 14:43:30 #2796
Ú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

lanszelot

addikt

válasz edari #2795 üzenetére

Nem jó, akkor is ott van.
Már mindenhez hozzá raktam, akkor is ott van.
Pont ez a bajom.
#2641 Mr. Y őstag edari #2640

Új Válasz 2021-10-04 07:50:04 #2641
Ú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

Mr. Y

őstag

válasz edari #2640 üzenetére

Éppen ezaz. Nem szeretnék az adott felületnek fektetett módot alkalmazni.
#2603 Mr. Y őstag edari #2602

Új Válasz 2021-05-27 06:08:40 #2603
Ú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

Mr. Y

őstag

válasz edari #2602 üzenetére

Köszönöm szépen, én egészen más kulcsszavak alapján próbáltam megtalálni
#2395 hiperFizikus senior tag edari #2394

Új Válasz 2019-08-02 20:07:57 #2395
Ú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

hiperFizikus

senior tag

válasz edari #2394 üzenetére

Van ez az intervalumom a tag-omban onClick=' z00thval=this.id ; z00() '
A z00thval csak egy saját változóm, a z00() pedig csak egy saját funkcióm, amit az onClick-nek meg kell hívnia . Ezt szeretném a style _ class -ból aktiválni klikkelésre .
#2393 hiperFizikus senior tag edari #2392

Új Válasz 2019-08-02 19:47:41 #2393
Ú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

hiperFizikus

senior tag

válasz edari #2392 üzenetére

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

Új Válasz 2017-05-02 10:30:32 #2328
Ú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

fordfairlane

veterán

válasz edari #2326 üzenetére

Nincs rá alap megoldás, tehát olyan, amit eleve tud a böngésző, csak kis css, és már megy is. Viszont a neten tonnaszámra lehet találni képgaléria scripteket. Nem érdemes sajáttal kínlódni, szerintem. Egyetlen kivétel: Ha tanulni akarsz javascriptben programot írni.
#2324 Csepe aktív tag edari #2322

Új Válasz 2017-04-30 11:22:40 #2324
Ú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

Csepe

aktív tag

válasz edari #2322 üzenetére

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.
#2323 DNReNTi őstag edari #2322

Új Válasz 2017-04-29 19:05:26 #2323
Ú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

DNReNTi

őstag

válasz edari #2322 üzenetére

Szerintem jobb lenne keresni erre valamilyen kis javascriptes alap galeria library-t. Szebb megoldas lenne mint egy pseudo selector. De ha ragaszkodsz hozza pusztan CSS-el megoldhato lenne, de nem ennyire trivialis.
#2321 DNReNTi őstag edari #2320

Új Válasz 2017-04-29 18:18:07 #2321
Ú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

DNReNTi

őstag

válasz edari #2320 üzenetére

Az eredeti kepekbol (a szep nagy felbontasuakbol) ket fele meretre kell kicsinyitened. Az egyik a thumbnail, a masik pedig amit majd kattintasra megjelenitesz. Ezek tehat fizikailag kulonbozo fajlok. Igy nem lesz problemaja se a google-nek se a kepminosegnek.