- One otthoni szolgáltatások (TV, internet, telefon)
- Sweet.tv - internetes TV
- Otthoni hálózat és internet megosztás
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- eBay
- OpenWRT topic
- Hálózati / IP kamera
- Az EU Trump ellenére sem változtat a big tech elleni szigoron, nincs visszalépés
- A Bluesky-ra ment az Európai Központi Bank
- Jön Trump, Zuckerberg és a Meta pedig 180 fokos fordulatot vett
Új hozzászólás Aktív témák
-
#1700
Zedz
addikt
Sk8erPeter
#1699
Zedz
addikt
válasz
Sk8erPeter
#1699
üzenetére
Stack Overflows igen, mostanában nem sok időm van saját példát írni, de valahogy szerettem volna segíteni, mert a <table>-nél majdnem minden jobb.
-
#1699
Sk8erPeter
nagyúr
Zedz
#1695
Sk8erPeter
nagyúr
A label tag használatára három jobb módszer kínálkozik hozzá kapcsolódó űrlapelemnél (amit tulajdonképpen leír a label, aminek a címkéje/felirata):
1. a label tag tartalmazza magát az elemet, amit leír:
<label>My label <input type="text" ... /></label>
vagy/és
2. a label tag tartalmazza egy for-attribútum értékében az általa leírt elem id-ját:
<label for="mytextfield">My label</label>
<input type="text" id="mytextfield" ... />
3. a kettő kombinációja:
<label for="mytextfield">My label <input type="text" id="mytextfield" ... /></label>Tehát ha már külön van választva a két elem, ahogy a példádban látszik, akkor érdemes id-val jelölni, hogy minek is a címkéje.
A felsorolt módszerek erősen javítják a felhasználói élményt, hiszen a fókusz így a labelre rákattintva is belekerül az általa "vezérelt" űrlapmezőbe.A példádat javítva id-kkel (ja, mondjuk mivel ez a 785-ös edit lett, valszeg nem a Te példád, hanem vetted valami Stack Overflow-s válaszból, ami ilyen szempontból "rossz" volt
):
http://jsfiddle.net/WX58z/785/Habár ez nem kötelező, rontja a felhasználói élményt, ha a labelre kattintva nem ugrik a fókusz a mezőre.
Sk8erPeter
-
adam_
senior tag
Köszi, én sem értem már, hogy így hirtelen miért táblázatos rendezést alkalmaztam a form-ra, pedig már itt is, és máshol is sokszor láttam, mondták, hogy "szentségtörés" ez a módszer, és eléggé elavult.
Az őszintét megvallva, gyorsan össze kellett dobnom a form fület, ezért netről vettem az alapjait, valószínű egy jóval régebbi oldalt dobhatott ki arra a google, hogy "kontakt form", ahol és amikor még ez a módszer volt a best practice..
PumpkinSeed: Bootstrapet, vagy media queryket alkalmazva csináltad a responzív design-t?
[ Szerkesztve ]
-
adam_
senior tag
Sziasztok! Webprogramozói kurzusra járok Németországba, és az elején az első hétbe már le kell adni egy komplett projektrevalót. Én ezt az oldalt készítgetem, lényeg, hogy minden egyszerű kezdeti 'tag" (szöveg,kép,videó,form..) szépen megformázva legyen rajta.
Valaki közületek, 5-10 percet szánna nekem arra, hogy az oldalt struktúraügyileg megvizsgálja valamely inspektorral? Nem tudom, hogy mennyire szép avagy "randa" a honlap mögött álló kódom.
Szívesen fogadom a kritikát, hasznos tanácsokat, amelyeket a jövőben elkerülve még jobb honlapokat tudok készíteni (és persze szép, átlátható sturktúrával a háttérben)
Előre is köszönettel,
Adam -
#1691
PumpkinSeed
addikt
honda 1993
#1689
PumpkinSeed
addikt
válasz
honda 1993
#1689
üzenetére
Ez volt a kurzusteljesítő beadandóm, nem a legjobb de szemlélteti, hogy mi a reszponzív oldal lényege, ha elkezded összehúzni akkor jobb esetben működik is.
Amúgy szerintem (bár az általam mutatott oldal légből kapott értékekkel dolgozik) nézegesd meg a legtöbbet használt mobil képernyő felbontásokat és az alapján old ezt meg. Egy kis kutató munka, megnézed melyek a legtöbbet használt telefonok azoknak milyen kijelzőjük van majd esetleg egy logout bejegyzésben közzé is tehetnéd, hogy ha már ennyit segítenek a többiek akkor nekik is legyen egy kis segítség.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1690
Sk8erPeter
nagyúr
honda 1993
#1689
Sk8erPeter
nagyúr
válasz
honda 1993
#1689
üzenetére
Teljesen attól függ, milyen felbontásról nézed. Tabletnél egyáltalán nem sok, bizonyos mobiloknál sok lehet (az enyém vízszintes felbontása pl. 480px), nagy kijelzővel rendelkező téglafónoknál nem biztos, sok rétegre kell gondolni. Mellesleg mivel óriásira növekedett az okostelók felhasználóbázisa, ezért nem véletlenül terjedt el a "mobile first" fejlesztési koncepció, ami szerint először a kisebb kijelzővel rendelkező eszközökre kezdünk el tervezgetni, aztán haladunk szép lassan felfelé. Persze lehet valahol a kettő közt is, hogy mindkettőt folyamatosan nézegeted. Ahogy érzed.
Na de nézd meg a korábbi egyszerű példát, itt fogd meg a középső rácsot, ami elválasztja a HTML, JavaScript paneleket a CSS, Result panelektől, és kezdd el jobbra húzni, ezzel összenyomva a Result területét, láthatod, hogy a betűszín 500px alatt pirosra változik (pedig korábban fekete volt). Kb. így néz ki, amikor különböző méretektől függővé téve változtatgatod a stílusokat. Ez alá beírhatsz még akármennyi szélességű/más paraméterű stílusdefiníciót is. Vágesz?Sk8erPeter
-
#1689
honda 1993
senior tag
Sk8erPeter
#1688
honda 1993
senior tag
válasz
Sk8erPeter
#1688
üzenetére
Hmm. Köszönöm, egy kicsit már kezdek magabiztosabb lenni és talán csak összehozom úgy hogy működjön rendesen.
Igazáboól ha főleg az a cél hogy a desktop nézet mellett legyen egy mobil nézet (responzive.css) akkor az előbb küldütt linkben található 500px;-es érték mekkora kellene hogy legyen?
Tudom hogyaz előbb is mondtátok hogy ezt így nem lehet elmondani, de csak a miheztartás végett. É npl az 500px;-t soknak érzem egy picit.XD alias IKSZDé
-
#1688
Sk8erPeter
nagyúr
honda 1993
#1679
Sk8erPeter
nagyúr
válasz
honda 1993
#1679
üzenetére
"az 500px; érték helyett mi lenne a leg ideálisabb ?"
Nincs ilyen, hogy ideális méret, olyan szélességekre optimalizálsz, amilyenre akarsz. Te találod ki, és tesztelgeted, hogy ahogy váltakozik a felbontás, hogy néz ki az oldal. Erre a böngészőkben található fejlesztőpanelt mindenképpen használd, hogy le tudd tesztelni. MÁR MOST kezdj el ismerkedni vele, és akkor jobban fogod talán érteni, hogy működik a dolog, hogyan váltakozik a stílus a felbontás váltakozásával. Ez amúgy eddigi próbálkozásaim alapján a FF-ban speciel jobban működik, mint pl. Chrome-ban (amikor Chrome-ban totál mindegy, hogy változtatom a szélességet, az oldal csak arányosan kisebb lesz, mintha kizoomolnék belőle, de a stílus nem nagyon változik, az elég zavaró tud lenni, volt már ilyen párszor)."Jólvanna, ez idáig is világos volt, csak azt nem értem hogy ha nekem 500px; van megadva, akkor az hogyan lehet hogy a telefonon automatikusan a mobil nézet jön be..."
Ezt a kérdést már csak azért sem értem, mert Zedz pontosan ilyenre mutatott neked példát, hogy ahol 500 pixel a maximális szélesség, ott az az adott stílus legyen érvényben.
Ezt a végtelenségig bővítheted például úgy, ahogy Zedz mutatta, ahogy fordfairlane linkelte neked a tutorialt, ahogy DNReNTi is próbálkozott átadni az üzenetet, meg mindenki, aki elég kitartó volt.
Melyik része nem világos?
Egyszerű példa: van X szélesség, arra így néz ki az adott div, van Y szélesség, arra így, van Z szélesség, arra meg amúgy. Lényegében ezeket változtatgatod, nincs benne különösebb mágia. Persze nem csak szélesség létezik, hanem más szempontok is, mint a többiek már írták.Egyébként nem kell minden egyes breakpointra külön-külön CSS-fájlt csinálni, lehet egy nagy CSS-fájlod is (vagy pl. több szélesség egy fájlban).
"Hiszen a px; érték egy távolság, nem pedig egy méret."
Hogy mi a büdös bráner van?Sk8erPeter
-
#1687
honda 1993
senior tag
Zedz
#1686
honda 1993
senior tag
No de csak annyit tudunk, hogy akkor ha a gépen keresztül nézem meg a böngészővel, akkor úgy tűnik hogy műkodni fog.
én csak tartok tőle hogy akkor szembesülök majd valami hibával amikor megpróbálom telefonnal megnézni."Nem kötelező, nem is mindig kell, komplexebb oldalaknák fog ez előjönni." Nos az én oldalam szerkezete nem túl bonyolult, igazából egy amolyan "csempés" felülete van az egésznek, vagyis sok img_containert használok ,és ezekre kattintva töltődik be a tartalom.
XD alias IKSZDé
-
#1686
Zedz
addikt
honda 1993
#1685
Zedz
addikt
válasz
honda 1993
#1685
üzenetére
Minél több töréspontot adsz hozzá, annál több kijelző méretre tudod optimalizálni az oldalt. Nem kötelező, nem is mindig kell, komplexebb oldalaknák fog ez előjönni. De ha működik minden akkor mi a kérdés?
-
#1685
honda 1993
senior tag
Zedz
#1684
honda 1993
senior tag
De megnéztem, csak én úgy érzem hogy nekem egyszerűbb lenne ebben a formában, márcsak azért is mert itt sikerült elérnem hogy ha kisebbre állítom a böngésző ablakát akkor működik a responzive.css fájl, és minden úgy néz ki ahogy elterveztem....
Van annak valami hátránya ha nem akarok több töréspontot? Én úgy érzem hogy az én oldalamra bőségesen elegendő lenne az amit már írtam nektek.
XD alias IKSZDé
-
#1684
Zedz
addikt
honda 1993
#1682
Zedz
addikt
válasz
honda 1993
#1682
üzenetére
Én nagyon jól tudom mit szeretnél csinálni, de lefogadom meg sem nyitottad azt a JSFiddle példát amit küldtem neked. Ezt a <link> tagbe írogatós dolgot pedig szerintem tedd a sarokba ha több töréspontot is szeretnél az oldalon, szvsz egyszerűbb lesz ezt 1 CSS fájlban kezelned.
-
#1683
honda 1993
senior tag
DNReNTi
#1681
honda 1993
senior tag
-
#1681
DNReNTi
őstag
honda 1993
#1679
DNReNTi
őstag
válasz
honda 1993
#1679
üzenetére
"a px; érték egy távolság, nem pedig egy méret."
Wat?
Úgy értem, hogy érted? but without you, my life is incomplete, my days are absolutely gray
-
#1680
Zedz
addikt
honda 1993
#1679
Zedz
addikt
válasz
honda 1993
#1679
üzenetére
Minden töréspontnak egy külön css fájlt szeretnél csinálni?
-
#1679
honda 1993
senior tag
Zedz
#1678
honda 1993
senior tag
Jólvanna, ez idáig is világos volt, csak azt nem értem hogy ha nekem 500px; van megadva, akkor az hogyan lehet hogy a telefonon automatikusan a mobil nézet jön be...
Hiszen a px; érték egy távolság, nem pedig egy méret.
Sorry a hülye kérdéseimért.Volna mégegy olyan kérdésem is hogy ezt : <link rel="stylesheet" type="text/css" href="responzive.css" media="screen and (max-width: 500px)"> vagyis az 500px; érték helyett mi lenne a leg ideálisabb ?
XD alias IKSZDé
-
#1678
Zedz
addikt
honda 1993
#1677
Zedz
addikt
válasz
honda 1993
#1677
üzenetére
-
#1677
honda 1993
senior tag
honda 1993
senior tag
Azt még valaki elmagyarázná nekem hogy pontosan hogy is fog működésbe lépni a responzive.css az oldalamon akkor amikor mobilról nézik?
Van egy ilyen Link a HTML-ben: <link rel="stylesheet" type="text/css" href="responzive.css" media="screen and (max-width: 500px)">
És ehez pedig már megírtam a css kódot is.Csak azt nem értem hogy ha telefonról nézik majd akkor hogyan fogja tudni beállítani az adott készülék hogy a mobil nézet töltődjön be.
XD alias IKSZDé
-
#1675
DNReNTi
őstag
honda 1993
#1673
DNReNTi
őstag
válasz
honda 1993
#1673
üzenetére
Bakker.
Ez nem gyanús: media="print"?but without you, my life is incomplete, my days are absolutely gray
-
#1674
Zedz
addikt
honda 1993
#1671
Zedz
addikt
válasz
honda 1993
#1671
üzenetére
Itt egy példa. A Kek mindaddig fekete marad, amíg össze nem tolod a jobb alsó részt.
Itt a media-query azt figyeli, hogy 500 pixelhez képest mekkora a rész amiben helyet foglal az oldal. Ha 500-nál nagyobb akkor nem történik semmi, ha 500-nál kisebb, akkor jelen esetben átszínezi a <h2> tartalmát.
-
#1673
honda 1993
senior tag
DNReNTi
#1672
-
#1672
DNReNTi
őstag
honda 1993
#1671
DNReNTi
őstag
válasz
honda 1993
#1671
üzenetére
but without you, my life is incomplete, my days are absolutely gray
-
#1671
honda 1993
senior tag
Zedz
#1670
honda 1993
senior tag
Na de úgy ahogy pl ha HTML-ben létrehozok egy divet és utána tudok csak a css segítségével annak a divnek tulajdonságokat adni ,gondoltam hogy a media query is hasonlóan működik.
Nem kell semmilyen külön link sem a html kódba?
mint pl a <link rel="stylesheet" type="text/css" href="style.css">
XD alias IKSZDé
-
#1670
Zedz
addikt
honda 1993
#1669
Zedz
addikt
válasz
honda 1993
#1669
üzenetére
Simán a CSS kódba kell beleírni.
-
#1668
Sk8erPeter
nagyúr
DNReNTi
#1667
Sk8erPeter
nagyúr
válasz
DNReNTi
#1667
üzenetére
"Na de vissza a lényegre, attól mert már elterjedtebbek a nagyobb felbontások mint az ősi 1024-1260, én még nem tenném a desktop nézetet az e feletti felbontástartományba, rákényszerítve a kisebb felbontáson netezőket a tablet nézet használatára."
Ezt a tabletnézetre "kényszerítést" most nem értem: pont az a lényege a reszponzív kialakításnak, hogy nincsenek különálló desktop és mobil (vagy tablet) nézetek, hanem az oldal elemei felbontástól függően másképp helyezkednek el, kicsit máshogy néznek ki (pl. más szélességűek, stb.), de egyéb tekintetben az oldal ugyanaz. Szóval pl. teszteled, hogy kisebb szélességen hogy néz ki, aztán mi van, ha nagyobb felbontáson nézed, és így tovább, és közben szépítgeted.
Nem úgy, mint itt, a PH!-n, ahol a kissé lejárt, béna, különdomaines, mobilfelületre átirányítós megoldás van (m.prohardver.hu aldomainen).Sk8erPeter
-
#1667
DNReNTi
őstag
Sk8erPeter
#1647
DNReNTi
őstag
válasz
Sk8erPeter
#1647
üzenetére
Bocsi, hogy csak most írok, csak ilyen kifejtett válaszra nem akartam félmondatot visszadobni, hosszabbra meg nem volt idő.
"Azért manapság elég gyakoriak a nagy monitorok"
Teljesen igazad van, ha magamból indulok ki, gyakorlatilag minden eszközöm FHD. De ettől még nem terveznék egy weboldalt/webapp-ot alapértelmezetten fullHD szélességre."laptopomnál is a nem túl izmos 1366x768-as felbontás a jellemző"
Ezen a szélességen még szerintem elfogadható egy mondjuk 1000px széles weboldal."van az én kijelzőm, és aztán vannak az annál kisebbek. Sanszos, hogy vannak nagyobbak is, amikre elméletileg szintén gondolni kéne."
Igen, végül is kicsit rövidebben de ezt írtam le én is."a Javítsuk a Prohardvert! topicban néhányan panaszkodtak, hogy egy nagy monitoron (pl. 24"-en) már hülyén néz ki a "csíkfórum""
A PH! kiváló példa én is fel akartam hozni. Egy IT szakmai fórum ami fix 990px széles, holott igen valószínű, hogy aki egy ilyen fórumot olvas, az a lehetőségeihez képest igyekszik jobb tech cuccokkal körülvenni magát, tehát itt fokozottan igaz, amit te is írtál. Valószínűleg a nagy többség 1920x1080 felbontáson böngészi az oldalt, és tré, hogy 150%-os nagyítással élvezhető csak. Illendő lenne egy 1600-as breakpoint.Na de vissza a lényegre, attól mert már elterjedtebbek a nagyobb felbontások mint az ősi 1024-1260, én még nem tenném a desktop nézetet az e feletti felbontástartományba, rákényszerítve a kisebb felbontáson netezőket a tablet nézet használatára. Ugyan, mint írtam is egy korábbi posztban, nincs ez kőbe vésve, de szvsz a mobil / tablet / desktop / fhd (és akár a 4k) breakpointok lefednek mindent.
but without you, my life is incomplete, my days are absolutely gray
-
#1665
Zedz
addikt
honda 1993
#1663
Zedz
addikt
válasz
honda 1993
#1663
üzenetére
Az is egy megoldás igen, de az igazi ha magába a CSS fájlba írod a media-queryket. Illetve írtad, hogy nem megy magától folyamatosan össze. Ezt vagy úgy tudod megoldani, hogy mondjuk százalékban adod meg az elemek szélességét, vagy több "töréspontot" hozol létre szintén a media-queryk segítségével. Pl. csinálsz 1000, 800, 600, 400 pixelre, vagy ahogy jól esik.
@media (max-width: 1000px) {
/* ide jön a stílus 1000px alá */
}
@media (max-width: 800px) {
/* ide jön a stílus 800px alá */
}
...stb -
#1664
PumpkinSeed
addikt
honda 1993
#1663
PumpkinSeed
addikt
válasz
honda 1993
#1663
üzenetére
Az a baj, hogy olyan madárra lövöldözünk amit nem látunk a felhőktől. Ha nem látjuk, hogy mit akarsz miből csinálni akkor pocsékolhatjuk itt a töltényeket, nem lesz madár a vacsora.
(#1661) fordfairlane
Na és ha amúgy én most szeretnék egy ilyen moduláris blogot csinálni, ami ilyen CMS-hez hasonló összekattintgatható szutyok lenne akkor mennyire szabad ilyen frameworkot használni? Eddig is szemezgettem ezzel a Foundation-al.
[ Szerkesztve ]
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1663
honda 1993
senior tag
DNReNTi
#1662
honda 1993
senior tag
válasz
DNReNTi
#1662
üzenetére
Most akkor mégsem jó az amit én csináltam? Az előbb azt mondták hogy ez is egy megoldás...
Igazából nem is kifejezetten responzive oldalt akarok, egyelőre megelékszem azzal hogy ha van egy külön mobil nézet is..Bár azt még nem tudom hogy hogyan lehet olyat csinálni hogy amikor betöltődik az oldal telefonról akkor a mobil nézet fogadja a látogatót, de legyen lehetősége átállítani az asztali nézetre.
XD alias IKSZDé
-
#1662
DNReNTi
őstag
honda 1993
#1659
DNReNTi
őstag
válasz
honda 1993
#1659
üzenetére
Mer media query-k nélkül, hogy lehetne responsive az oldal?
Jó tudom így, de komolyan? but without you, my life is incomplete, my days are absolutely gray
-
#1661
fordfairlane
veterán
PumpkinSeed
#1657
fordfairlane
veterán
válasz
PumpkinSeed
#1657
üzenetére
Ezért is vannak olyanok, akik front-endre specializálták magukat. Illetve ez is az oka annak, hogy a CSS-frameworkok használata terjed, mint amilyen pl. a Bootstrap vagy a Foundation.
[ Szerkesztve ]
x gon' give it to ya
-
#1660
honda 1993
senior tag
honda 1993
senior tag
az a baj vele hogy igy hiaba nez ki jol szinte az egesz oldal, mert a tul szeles body miatt ugyan olyan sokat kell oldalra tekerni , mert tul nagy az ures hely a page 2 szele mellett.
[ Szerkesztve ]
XD alias IKSZDé
-
#1659
honda 1993
senior tag
Zedz
#1658
honda 1993
senior tag
Megnezem majd a media-query-t is, de ha azt mondjatok hogy az a megoldas amit en alkalmaztam szinten elfogadhato, akkor lehet hogy egyelore igy hagyom....
Bar mondjuk en mar lattam olyan responzive oldalt ahol folyamatosan zsugorodott es rendezodott az oldal tartalma , a bongeszo ablak meretenek csokkentesevel.
Az enyem nem ilyen, de ha ezt is lehet majd hasznalni telefonrol akkor vegul is en elegedett leszek.. ( mas kerdes hogy az oldal latogatoi mit szolnak majd hozza.)Viszont ez az elso olyan dolog css-ben, amire valoban ugy jottem ra hogy hasznaltam a fejemet egy kicsit... Lehet hogy gyakrabban ki kellene probalnom?
szerk: van valami ami viszont nem az igazi, megpedig a " body".
Ugyanis ez tovabbra is olyan szeles mint a sima style.css fajlban, es nem tudom hogy mit kellene beleirni ahoz hogy olyan szeles legyen mint acontainerakarom mondani : page.Probalkoztam azzal hogy width: 500 px; de ez nem jo..
otlete van valakinek?
[ Szerkesztve ]
XD alias IKSZDé
-
#1658
Zedz
addikt
honda 1993
#1656
Zedz
addikt
válasz
honda 1993
#1656
üzenetére
Lehet így is, vagy a media-queryt írhatod még közvetlen a CSS fájlba is.
Ezzel azt ertem el, hogy ha a bongeszo ablak merete kisebb lesz mint 500px; akkor lep ervenybe a "responzive.css" fajl.
Igen, valami ilyesmről van szó. Ha ezt magában a CSS-ben adod meg, akkor a media-query közt lévő stílus akkor lép érvénybe, ha mondjuk 500 pixelnél kevesebb a width.
@media (max-width: 500px) {
/* ide jön a stílus 500px alá */
} -
#1657
PumpkinSeed
addikt
fordfairlane
#1653
PumpkinSeed
addikt
válasz
fordfairlane
#1653
üzenetére
Nagyon zavaró amúgy, hogy ilyen sok mindenre kell odafigyelni. Érthető is, hogy miért ér olyan sokat egy jó fejlesztő munkája.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1656
honda 1993
senior tag
Zedz
#1655
honda 1993
senior tag
En most csinaltam valamit, es ugy tunik hogy mukodik de kozben szinte biztos vagyok benne hogy az egesz ugy szar ahogy van
a head reszbe ezt irtam : <link rel="stylesheet" type="text/css" href="responzive.css" media="screen and (max-width: 500px)">
Mig a "responzive.css" fajlba mindent osszezsugoritottam annyira, hogy mobiltelefonos meretben is hasznalhatobb legyen.
Ezzel azt ertem el, hogy ha a bongeszo ablak merete kisebb lesz mint 500px; akkor lep ervenybe a "responzive.css" fajl.Tudom hogy nagyon nehezen lesz ertelmezheto az utobbi szoveg, de sajnos mivel nagyon kezdo vagyok a temat tekintve ( responzive design), nem igazan tudom megfogalmazni ugy ahogy kellene.
A kerdes csak az lenne, hogy mennyire van kozel a valos megoldashoz az amit itt most osszeganyoltam?
Igazabol csak megneztem egy par perces youtube tutorialt es utana probalkoztam vele.XD alias IKSZDé
-
#1655
Zedz
addikt
honda 1993
#1648
Zedz
addikt
válasz
honda 1993
#1648
üzenetére
Ha a HTML struktúra rendezett, könnyen kezelhető, akkor elég megírni a rá szabott reszponzív designt. Persze lehet olyan eshetőség is, hogy mondjuk felépítenek egy komplex weboldalt, teljesen desktopra szabva, majd az idő múlásával felvetődik a mobilra optimalizáltság kérdése is. Na ekkor lehet agyalni, hogyan valósítsuk meg.
De ha az előbbi eset érvényes az oldaladra, akkor media-querykkel meg tudod csinálni.
-
#1654
honda 1993
senior tag
PumpkinSeed
#1651
honda 1993
senior tag
válasz
PumpkinSeed
#1651
üzenetére
Én a reszponzív megvalósítást mindig utólag csinálom.
Tehat akkor az az allitas amit a haverom megfogalmazott valoban egy baromsag ugye?
Mert bevallom nem szeretnem ujrairni az egeszet.
Sot, valoszinuleg a responzive reszt ,majd csak az utan csinalom meg hogy feltoltottem az oldalt, mert már tenyleg nagyon szeretnem vegre utnak inditani.[ Szerkesztve ]
XD alias IKSZDé
-
#1653
fordfairlane
veterán
PumpkinSeed
#1652
fordfairlane
veterán
válasz
PumpkinSeed
#1652
üzenetére
A mobile-first tervezés manapság már nem olyan ritka. Említhetném megint a Bootstrapet. Szóval értem én, hogy te hogy szoktad csinálni, de ez azért nem az oldaltervezés nonplusz ultrája.
x gon' give it to ya
-
#1652
PumpkinSeed
addikt
fordfairlane
#1650
PumpkinSeed
addikt
válasz
fordfairlane
#1650
üzenetére
"akkor általában nem is nagyon kell foglalkozni a nagyobb képernyővel, mert az elemek nem csúsznak egymásra"
Igen tudom, hogy a keskenyebb képernyőn egymásra csúsznak ott szoktam alkalmazni a media query-ket, hogy bizonyos felbontáson úgy rakosgatom az elemeket, hogy azok jók legyenek. De én nagy kijelzőt írtam.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1651
PumpkinSeed
addikt
honda 1993
#1648
PumpkinSeed
addikt
válasz
honda 1993
#1648
üzenetére
Én a reszponzív megvalósítást mindig utólag csinálom. Bár ha jó az oldalad felépítése akkor bármikor lehet.
A táblázatos oldalfelépítést életfogytiglani fegyház büntetéssel jutalmazzák.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1650
fordfairlane
veterán
PumpkinSeed
#1649
fordfairlane
veterán
válasz
PumpkinSeed
#1649
üzenetére
Oké, akkor én meg leírtam, hogy hogyan másképp szokás még reszponzívvá tenni az oldal megjelenítését. Ha valami 100% szélességű, akkor pont hogy egymásba csúszhatnak az elemek, ha egy keskeny kijelzőn nézi valaki az oldalt. Éppen a relatív hosszmértékek alkalmazása az, ami sokszor nem elég a különféle képernyőméret - képernyőoldal-arány kezeléséhez, ezért is lett kitalálva az egész media-query szisztéma.
x gon' give it to ya
-
#1649
PumpkinSeed
addikt
fordfairlane
#1646
PumpkinSeed
addikt
válasz
fordfairlane
#1646
üzenetére
Én ezt értem, de amúgy nem is írtam, hogy a középre igazításhoz media query kell. Én csak annyit írtam le, hogy ha csinálok valamit akkor annak a reszponzív részét hogyan oldom meg. A mondandóm lényege annyi volt, hogy elsőnek megcsinálom a laptopom szélességére az oldala arra optimalizálok, majd az annál kisebb eszközökre is, és sajnos eddig nem optimalizáltam nagyobb képernyőre. A másik dolog amikor a képernyő teljes szélességét kihasználom a width: 100% header-el, akkor általában nem is nagyon kell foglalkozni a nagyobb képernyővel, mert az elemek nem csúsznak egymásra, az meg, hogy kicsit távolabb vannak egymástól már nem olyan számottevő probléma.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1648
honda 1993
senior tag
honda 1993
senior tag
Sziasztok.
A haverom folyton azzal idegesít hogy ha responzive oldalt szeretnék, akkor az egész oldalamat elölről kell kezdenem és csak úgy lehet megcsinálni.
Viszont ti a múltkor írtátok hogy meg lehet csinálni utólag is, a kérdés csak annyi volna hogy valóban az lenne a kézenfekvő ha elölről kezdeném az egészet, vagy szerintetek is ostobaság ez az állítás?
Valójában az oldalam szerkezete viszonylag egyszerű.
Sok img_containert használok, ezek alatt szoveg van és osszesen 3 db menu van az oldalon ( főmenu, egy jobb oldali menu és egy almenu.)
Azért írtam le ezt nektek, mert azt hallottam hogy az oldal szerkezete sem mindegy hogy milyen... pl: egy táblázatokra épülő oldal esetében sokkal nehezebben kivitelezhető a dolog.XD alias IKSZDé
-
#1647
Sk8erPeter
nagyúr
DNReNTi
#1643
Sk8erPeter
nagyúr
válasz
DNReNTi
#1643
üzenetére
"Szerintem a többség (pl én) default-nak a desktopot tekinti, ami ugye az 1024-1260px szélesség körül/között mozog"
What? Saját felhasználási szokásainkból nem érdemes átlagot vonni. Azért manapság elég gyakoriak a nagy monitorok (épp ilyenen bámulom a fórumot), pl. egy 24"-es monitoron a min. 1920×1080-as felbontás elég valószínű, és ez a felbontás manapság egyáltalán nem számít extrémnek. Több ismerősömnek is van ekkora monitorja, meg itt a fórumon is sokan rendelkeznek ilyennel, de ez alapján sem érdemes átlagot vonni (létezik ugye 27"-es monitor is, meg persze gyakoribb az ennél kisebb monitor), ettől függetlenül kijelenthető, hogy egyre többen relatíve nagy monitoron böngésznek, mert már elérhetőbb áron kaphatók egész jó minőségűek. De még a laptopomnál is a nem túl izmos 1366x768-as felbontás a jellemző, ez a szélesség is nagyobb, mint amit írtál (BTW 15.6"-es kijelző).
Aztán lehet csavarni a dolgon, a tálcát ki szoktam rakni a default alsó elhelyezésről bal oldalra (függőleges lesz), így az 1920-as vagy épp 1366-os (vagy ha további másik monitor, akkor megint más) szélesség csökken, cserébe a függőleges terület nagyobb (ez nagyon sokszor jól jön, mert kevésbé szélesek szoktak lenni pl. a honlapok is, mint a hosszanti (függőleges) tartalom az érdekes), szóval a szélességek össze-vissza változnak - ez utóbbi tény persze nem túl meglepő, csak a tesztelés miatt mondom, ami a developer toolokkal is könnyen elérhető (ebben mondjuk az én tapasztalatom szerint a Firefox különböző felbontásokra tesztelést lehetővé tevő eszköze jobb, mint a Chrome-é, pedig utóbbit gyakrabban használom).
Az 1024 pixeles szélesség asztali monitornál azért manapság már ritka (legalábbis jóval ritkább, mint az ennél nagyobbak).
Szóval elméletileg sok szélességre kellene tesztelni, nyilván túlzásokba sem érdemes esni, mert az a karbantartást is nehezíti.A media query-k, meg általában a reszponzivitás nem úgy tekintendők, hogy van az én kijelzőm, és aztán vannak az annál kisebbek.
Sanszos, hogy vannak nagyobbak is, amikre elméletileg szintén gondolni kéne.Egy példa: a Javítsuk a Prohardvert! topicban néhányan panaszkodtak, hogy egy nagy monitoron (pl. 24"-en) már hülyén néz ki a "csíkfórum", tehát hogy középen van egy, az elérhető területhez képest relatíve szűk csík, amin elhelyezkednek a hozzászólások, a többi terület kihasználatlan. Bár az olvashatóság miatt szerintem nem rossz a korlátozott oszlopszélesség (ha nagyon széles lenne a hozzászólás, rontaná az olvashatóságot sztem), vannak, akik szerint valamilyen módon jobban ki kellene használni a helyet.
Szóval nem árt olykor gondolni a nagyobb kijelzőkre is (bár tény, hogy nem egy egyszerű kérdés, hogy egy akkora területen mi az, ami még nem nézne ki idétlenül).(#1636) PumpkinSeed:
Úgy értem, ahogy itt fentebb írtam.
Meg ahogy fordfairlane is írta. Szerk.: és velem pont egyszerre hasonlót írt, azzal a kiegészítéssel még jobban érthető a mondandónk.[ Szerkesztve ]
Sk8erPeter
-
#1646
fordfairlane
veterán
PumpkinSeed
#1642
fordfairlane
veterán
válasz
PumpkinSeed
#1642
üzenetére
Nem értem, mit akarsz közölni velem. Középre igazításhoz nincs szükség média querykre. A média querykre akkor van szükség, ha megjelenítőtől függő stíluselemeket szeretnél használni. Például keskeny képernyőn mindent egymás alá pakolsz, széles képernyőn viszont van hely balra-jobra. Ebben az esetben egy bizonyos vízszintes felbontás alatt más stílusdefiníciókat használsz, mint afölött. Ennyi.
A média queryk feltételvizsgálatai nem csak felbontásra, hanem további négy osztályozás is létezik, megjelenítő típusra (screen, print), színmélységre, orientációra (landscape, portrait), és oldalarányra vonatkozhat.
Stílusdefiníciókat megadhatsz úgy, hogy alapvetően asztali gépre, annak a megjelenítőjére tervezed az oldalt, és az ettől való eltérés kezeled külön média-querykkel. Például ha a vízszintes felbontás 640px-nél kisebb, akkor a default stílushoz képest ez meg az az elem eltér. A másik megközelítés, hogy mobileszközre tervezeda megjelenítést, és aztán ahogy skálázódik a megjelenítő fewlbontása felfelé, úgy adod meg az adaptálódó stíluselemeket. Ezt nevezik "mobile-first" stílustervnek. Ezzel a kifejezéssel a Bootstrap 3-nál is lehet találkozni, a készítői is ezzel a mobile-first szemlélettel építették fel pl. a CSS grid rendszert.
x gon' give it to ya
-
#1645
DNReNTi
őstag
PumpkinSeed
#1644
DNReNTi
őstag
válasz
PumpkinSeed
#1644
üzenetére
Egyetértek. A laposom 15" FHD. Kellemetlen.
but without you, my life is incomplete, my days are absolutely gray
-
#1644
PumpkinSeed
addikt
DNReNTi
#1643
PumpkinSeed
addikt
válasz
DNReNTi
#1643
üzenetére
Igen, de ha 1260px-en középre teszed az oldalt és ezen belül ténylegesen az oldal mérete mondjuk 1200px széles akkor azt az FHD-s monitorral rendelkező ember is látni fogja, szerintem. Bár függ attól, hogy hány colon nézi azt az FHD-t. Ha valaki 15-s laptopon néz akkor nem csak az én oldalamtól fog kifolyni a szeme hanem a Windows-tól is.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1643
DNReNTi
őstag
PumpkinSeed
#1642
DNReNTi
őstag
válasz
PumpkinSeed
#1642
üzenetére
Érthető, végül is tök ugyanarról beszélünk.
Szerintem a többség (pl én) default-nak a desktopot tekinti, ami ugye az 1024-1260px szélesség körül/között mozog. Ettől pedig van nagyobb, legalább egy: a FHD. De ez ilyen idealista nézet, nem sokan törődnek ezzel, van mobil/tablet/deskrop a többieknek meg ott a ctrl+plusz. but without you, my life is incomplete, my days are absolutely gray
-
#1642
PumpkinSeed
addikt
fordfairlane
#1639
PumpkinSeed
addikt
válasz
fordfairlane
#1639
üzenetére
Igen, de én úgy értettem, hogy HD felbontásra megtervezem az oldalt beteszem középre és (bár a 4K-s kijelzőkön ez már nem működik) a HD-nál nagyobb kijelzőkön is elviselhetően néz ki az, ezért csak az ennél kisebb kijelzőkre kell media query-ket alkalmazni. Bár lehet át kell térni más szemlélet módra az ilyen óriások miatt mint a 4K.
Ezt a színmélységet még én se láttam.
(#1638) DNReNTi
A felső szöveg a te válaszodra is szól.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1641
DNReNTi
őstag
fordfairlane
#1639
DNReNTi
őstag
válasz
fordfairlane
#1639
üzenetére
Wow. A színmélység vizsgálat nekem is új.
Mondjuk kíváncsi lennék én arra az eszközre, amin olyan böngésző fut, ami kezeli a media query-ket, de 256 színű kijelzője van.but without you, my life is incomplete, my days are absolutely gray
-
#1639
fordfairlane
veterán
PumpkinSeed
#1636
fordfairlane
veterán
válasz
PumpkinSeed
#1636
üzenetére
Úgy érti, hogy a reszponzív design a CSS media query-re épül, ami esetében nem csak minimális felbontásra lehet vizsgálni. A felbontást úgy kezeled, ahogy az jól esik. Sőt, vizsgálhatod a színmélységet és sokminden mást. [link]
x gon' give it to ya
-
#1638
DNReNTi
őstag
PumpkinSeed
#1636
DNReNTi
őstag
válasz
PumpkinSeed
#1636
üzenetére
Nem csak mobil tablet és desktop nézet van, hanem hd, retina és 4k is. Illetve hát ki, hogy implementálja, nincs ez kőbe vésve. Gondolom erre célzott.
Szerk:
(#1637) honda 1993
Hát hogy érdemi segítséget is kapj, először is kéne kód. JSFiddle-n szípen leegyszerűsítve. Lottózhatunk itt estig, én ráérek, de amíg nem tudjuk mit csinálsz elég kicsi az esélye, hogy megtudjuk mondani mi a gond. Továbbá még mindig nem tudjuk mekkora annak a TV-nek a felbontása.
Szerk:
Mégtovábbá ajánlanám figyelmedbe Zedz egyszerű kis példáját, ha ezzel a módszerrel igazítod középre az oldalt, tök mindegy mekkora kijelzőn nézed, mindig középen lesz, akár mobil, akár 4K.[ Szerkesztve ]
but without you, my life is incomplete, my days are absolutely gray
-
#1637
honda 1993
senior tag
honda 1993
senior tag
Valojaban azert furcsa nekem is ez a dolog, mert ahogy mondtatok is , ez a dolog a felbontas fuggvenyeben valtozik.
Viszont eddig kiprobaltam az oldalamat kb 4 kulombozo felbontasu monitoron es mindegyiken rendesen mukodott.
Csak a multkor amikor a TVn probaltam akkor nem volt tokeletes.XD alias IKSZDé
-
#1636
PumpkinSeed
addikt
Sk8erPeter
#1635
PumpkinSeed
addikt
válasz
Sk8erPeter
#1635
üzenetére
Ezt hogy érted?
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1635
Sk8erPeter
nagyúr
PumpkinSeed
#1633
Sk8erPeter
nagyúr
válasz
PumpkinSeed
#1633
üzenetére
"A reszponzív design csak akkor lép érvénybe
n, ha az eredetileg tervezett felbontásnál kisebb felbontáson is szeretnéd megjeleníteni az oldalad."
Vagy épp nagyobbon.Sk8erPeter
-
#1634
DNReNTi
őstag
PumpkinSeed
#1633
DNReNTi
őstag
válasz
PumpkinSeed
#1633
üzenetére
Pontosan. Én valami float-olt és/vagy abszolút pozicionált hekkmányolást sejtek itt, ami kisebb felbontásokon megjelenik kb rendesen, nagyobb felbontáson meg szíjjelborul.
Érdekesség: a Chrome nem húzta alá, hogy "szíjjelborul".
but without you, my life is incomplete, my days are absolutely gray
-
#1633
PumpkinSeed
addikt
honda 1993
#1631
PumpkinSeed
addikt
válasz
honda 1993
#1631
üzenetére
Csak tisztázás érdekében az, hogy nincs reszponzív megoldás az oldaladon attól a képméret növekedésével még nem lesz probléma, mert ha középre van igazítva akkor az minden képernyőn középre lesz igazítva, nem fog becsúszni oldalra. Ha viszont nincs igazítva (ami a mai trendeket tekintve elég rossz ötlet), akkor persze elcsúszik az adott irányba. A reszponzív design csak akkor lép érvényben ha az eredetileg tervezett felbontásnál kisebb felbontáson is szeretnéd megjeleníteni az oldalad.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1632
Zedz
addikt
honda 1993
#1631
Zedz
addikt
válasz
honda 1993
#1631
üzenetére
Rendben. Nem telt bele 1 percbe csinálni egy ilyet. Ha így csinálod, akkor felbontástól és mérettől függetlenül az adott tartalom mindig középen lesz.
-
#1631
honda 1993
senior tag
Zedz
#1630
honda 1993
senior tag
Alap példa kódot kértem arra, hogyan igazítod középre, nem az egész weboldalt.
Tudom ,ertettem csak az a baj hogy sokaig tartana mire a forraskodot ugy modositom hogy csak egy alap forraskod maradjon belole. Tenyleg eleg hosszadalmas lenne, lehet hogy hamarabb jonnek ra magamtol a problemara mint hogy a forraskodot elkuldom.
Minden esetre koszonom a segitseget neked is es DNReNTI nek is.
[ Szerkesztve ]
XD alias IKSZDé
-
#1630
Zedz
addikt
honda 1993
#1629
Zedz
addikt
válasz
honda 1993
#1629
üzenetére
Ebben az esetben akkor ahogy DNReNTI is írta, a felbontás a mérvadó nem a méret. Mindegy, hogy az az X számú felbontás mekkora kijelzőn terül el.
Alap példa kódot kértem arra, hogyan igazítod középre, nem az egész weboldalt.
-
#1629
honda 1993
senior tag
DNReNTi
#1628
-
#1628
DNReNTi
őstag
honda 1993
#1626
DNReNTi
őstag
válasz
honda 1993
#1626
üzenetére
Nem hinném. Teljesen mindegy egyébként hogy 55" vagy 160"-os, a felbontás a lényeg, ami tippem szerint FHD. Na de mindezt félretéve, nem derült ki, hogy a TV Smart TV e, azaz a saját böngészőjén nézted e az oldalt. Ebben az esetben inkább szerintem az a hibás.
but without you, my life is incomplete, my days are absolutely gray
-
#1627
Zedz
addikt
honda 1993
#1626
Zedz
addikt
válasz
honda 1993
#1626
üzenetére
Attól függ, hogy adod meg a középre igazítást. Ha mondjuk media-queryk között, akkor okozhatja ez, de ha nem, akkor nem kellene jobbra csúsznia. Tudnál linkelni egy JSFiddlet alap példával?
[ Szerkesztve ]
-
#1626
honda 1993
senior tag
honda 1993
senior tag
Sziasztok .
Az hogy egy nagy kepernyos TVn az oldalam ugy jelenik meg hogy az egesz a jobb oldalra csuszik, a responzive css hianya miatt van?
Az eddig probalt monitorok mindegyiken rendesen mukodott, de ezen a kb 55" os TVn nem az igazi.
XD alias IKSZDé
-
#1625
Sk8erPeter
nagyúr
#39417856
#1624
Sk8erPeter
nagyúr
válasz
#39417856
#1624
üzenetére
Azt ugye tudod, hogy a borzalmas kódon semmit nem javítottál, pedig ketten is jeleztük neked, hogy bőven van vele gond? Senkit nem zavart az oldal kinézete eddig sem, a kód elavultsága, a kifejezetten kerülendő megoldások alkalmazása viszont annál inkább. Az előbb egész konkrét megoldás(oka)t is linkeltem, amik arról szólnak, hogy hogyan oldd meg, hogy még mobilon is élvezhető legyen az oldalad (ehhez képest ugyan reagáltál, de valamiért mintha a tartalmat nem értetted volna meg, amit írtam neked). Jelen formájában ez közel sem mondható el róla, hogy élvezhető lenne mobilon, pedig egyelőre túl sok módosítást nem igényelne, kb. le kéne másolni az előbbi hsz.-emben mutatott linken szereplő példát, és átszabni a saját ízlésedre.
Még most csináld meg a módosítást, mert a mostani, kezdeti kialakításod gány fos, később sokkal nehezebb lesz már átalakítgatni.[ Szerkesztve ]
Sk8erPeter
-
#1624
#39417856
törölt tag
Sk8erPeter
#1623
#39417856
törölt tag
válasz
Sk8erPeter
#1623
üzenetére
Köszönöm a segítséget.
Végül ez lett az oldalból
Tudom, hogy nagyon "puritán", de arra amire kell nekem, arra jó.
Csak mégis, ne legyen olyan "jegyzettömbös" kinézete -
#1623
Sk8erPeter
nagyúr
#39417856
#1621
Sk8erPeter
nagyúr
válasz
#39417856
#1621
üzenetére
A kérdésre reagálva: ilyen - KERÜLENDŐ - táblázatos esetben a "szöveg" részt tartalmazó cellának adhatsz egy vertical-align: top; tulajdonságot, és akkor fölülre kerül. De ezt csak érdekességként írtam, egyébként felejtsd el a megoldásodat, mert nem jó, a kódod tele van hibákkal, elavult tagekkel, ezenkívül az a gáz, hogy most készítettél egy klasszikus táblázatot, ami ugyan félig megoldotta a problémát, de valójában nagyon sok gond van a táblázatos layouttal, nem véletlenül nem használják: rugalmatlan, kényelmetlen a bővítgetése, és ami főleg gond, hogy nem a reszponzivitásáról híres, tehát pl. mobilon jobbra-balra kell görgetni ahhoz, hogy meg tudd nézni a táblázatos oldal különböző részeit.
Sőt, rájöttem, hogy tök szar a példa, amit korábban linkeltem, nem néztem meg rendesen, sorry, viszont itt van egy Bootstrapes, sztem már sokkal jobbnak tűnő, reszponzív megoldást kínáló válasz:
http://stackoverflow.com/questions/10771713/twitter-bootstrap-same-heights-on-fluid-columns/14004918#14004918
Konkrét demó:
http://jsfiddle.net/panchroma/D4xdE/
(kattints a TidyUp gombra, hogy szebb legyen a kód!)[ Szerkesztve ]
Sk8erPeter
-
#1621
#39417856
törölt tag
Sk8erPeter
#1620
#39417856
törölt tag
válasz
Sk8erPeter
#1620
üzenetére
Köszönöm szépen a segítséget. A minta alapján ilyenre sikerült megcsinálni: [link]
Az a gondom van egyedül vele, hogy a "szöveg" rész nem fent kezdődik a saját "dobozában". Azt hogyan lehet korrigálni? -
#1620
Sk8erPeter
nagyúr
#39417856
#1619
Sk8erPeter
nagyúr
válasz
#39417856
#1619
üzenetére
Ez pont erről szól:
http://css-tricks.com/fluid-width-equal-height-columns/
Itt egy demo:
http://css-tricks.com/examples/FluidEqualHeightFauxColumns/Sk8erPeter
-
#1619
#39417856
törölt tag
PumpkinSeed
#1614
#39417856
törölt tag
válasz
PumpkinSeed
#1614
üzenetére
Elnézést
Már csinálom is
Itt van a JSFiddle "alkotásom"
Szóval azt szeretném elérni, hogy a content ("Szöveg itt") leíró rész magassága automatikusan változzon a szöveg nagyságától függően (ezt azt hiszem sikerült megcsinálni) ehhez kapcsolódóan a menü elemeket tartalmazó rész mindig ugyan olyan magas legyen, mint a content, tehát kövesse a doboz hosszát a jobb oldali doboz. -
#1618
martonx
veterán
Sk8erPeter
#1617
martonx
veterán
válasz
Sk8erPeter
#1617
üzenetére
Én külön örülök, hogy nem használ jsfiddle-t, mert így sokkal viccesebb az egész szitu.
Jsfiddle-lel hiszem, hogy 90%-kal kevesebb poén jönne át
[ Szerkesztve ]
Én kérek elnézést!
-
#1617
Sk8erPeter
nagyúr
#39417856
#1612
Sk8erPeter
nagyúr
válasz
#39417856
#1612
üzenetére
Ha javasolhatom, annak érdekében, hogy választ kapj, rakj fel jsFiddle-re egy szemléltető példát, mert anélkül a legtöbb segítő szándékú emberkének nincs kedve belekezdeni sem az agyalásba, mert akkor az ő idejéből vesz el sokat (és itt mindenki ráérő idejében segít, hobbiból, szakmai érdeklődésből).
Sk8erPeter
-
#1616
Sk8erPeter
nagyúr
honda 1993
#1605
Sk8erPeter
nagyúr
válasz
honda 1993
#1605
üzenetére
Érdekelne ennek a dolognak a pszichológiája, hogy ilyenkor mi zajlik a lelkedben, ha valamit épp 10 perce kezdtél el olvasgatni, és szinte előre érzed, hogy kínos lesz a kérdés, miért nem olvasol még egy pár
(szor 60)perccel tovább?Sk8erPeter
-
#1615
honda 1993
senior tag
PumpkinSeed
#1614
honda 1993
senior tag
-
#1614
PumpkinSeed
addikt
#39417856
#1612
PumpkinSeed
addikt
válasz
#39417856
#1612
üzenetére
Megkönnyítenéd azzal a dolgunkat, hogy ne kelljen az egészet vizuálisan fejben elképzelni beteszed JSFiddle-be? Mert akkor többet tudunk segíteni.
(#1613) honda 1993
[ Szerkesztve ]
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1613
honda 1993
senior tag
PumpkinSeed
#1611
honda 1993
senior tag
válasz
PumpkinSeed
#1611
üzenetére
"Tudom, hogy feleslegesen írom le mert már tudod, de azért hátha másnak segítség lesz.
![;]](//cdn.rios.hu/dl/s/v1.gif)
"Igy van en mar reges regen tudtam ezeket, de azert lehet hogy meg kerdezek majd persze csak is azert hogy ha esetleg a tobbieknek nem megy valami akkor a ti valaszaitokat elolvasva megertsek a dolgot.
Amugy mi is az a CSS ?
[ Szerkesztve ]
XD alias IKSZDé
-
#1611
PumpkinSeed
addikt
honda 1993
#1605
PumpkinSeed
addikt
válasz
honda 1993
#1605
üzenetére
Ha tényleg tudod a CSS-t akkor nem jelent problémát a reszponzív design logikájának megértése. Ha CSS kódod modulárisan van felépítve illetve a HTML is akkor a reszponzív részben csak annyit kell csinálni, hogy bizonyos modulokat kikapcsolsz, vagy áthelyezel, és akkor meg is van oldva az egész.
Én nem szoktam másik fájlba tenni. Azon az oldalon ahol éppen vagyok és amelyiknek a CSS állományát csinálom annak az aljára teszem be. Bár ez hierarchia függő.
Nem csak mobiltelefonos nézethez szoktak megadni ilyet, lassan kezdenek elterjedni a 4K-s monitorok amikre el is kellene kezdeni optimalizálni, mert szerintem elég zavaró lenne, ha a monitor közepén egy 10 centis csík lenne az oldal.
Tudom, hogy feleslegesen írom le mert már tudod, de azért hátha másnak segítség lesz.
[ Szerkesztve ]
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1610
Zedz
addikt
honda 1993
#1609
Zedz
addikt
válasz
honda 1993
#1609
üzenetére
Ide jársz nevetni a lelkes kezdőkön? Na szép...
-
#1606
DNReNTi
őstag
honda 1993
#1605
DNReNTi
őstag
válasz
honda 1993
#1605
üzenetére
" ha az ember egy picit ert a css-hez, akkor a responzive resz nem annyira bonyolult"
Mondjuk a "picit" az túlzás. Aki rendesen ismeri a CSS-t annak nem bonyolult."Annyit mar tudok hogy kell egy kulon css fajl amiben a responzive kodot irom. Es ebbe a css fajlba pedig olyan tulajdonsagokat kell megadni amik a mobiltelefonos nezethez kellenek. ( Mar ha jol ertem)"
Nem jól érted.but without you, my life is incomplete, my days are absolutely gray
-
#1605
honda 1993
senior tag
honda 1993
senior tag
Sziasztok.
Most kezdtem el nezegetni a responzive design leirasokat illetve tutorialokat.
Ugy latom hogy ha az ember egy picit ert a css-hez, akkor a responzive resz nem annyira bonyolult. Valoban igy van, vagy csak ugy tunik?Annyit mar tudok hogy kell egy kulon css fajl amiben a responzive kodot irom.
Es ebbe a css fajlba pedig olyan tulajdonsagokat kell megadni amik a mobiltelefonos nezethez kellenek. ( Mar ha jol ertem)
Tenyleg csak 10 perce "tanulgatom".XD alias IKSZDé
-
#1604
honda 1993
senior tag
PumpkinSeed
#1603
honda 1993
senior tag
válasz
PumpkinSeed
#1603
üzenetére
juhhuuu na ezt el is mentem szepen es holnap utan ha hazaertem akkor megcsinalom.
Koszonom neked is es a tobbieknek is a segitseget.Have a good night.
XD alias IKSZDé
-
#1603
PumpkinSeed
addikt
honda 1993
#1602
PumpkinSeed
addikt
válasz
honda 1993
#1602
üzenetére
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */Ezek az IE-s részek. A saját kódodban megadott színeket beteszed ezek helyére.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
#1602
honda 1993
senior tag
honda 1993
senior tag
AAAAA vissza az egesz.
Nem vettem eszre hogy valamit veletlen nem szinkod segitsegevel definialtam.
Viszont az oldalam hatterere visszaterve, tenyleg eleg fontos lenne hogy valahogy meg lehessen oldani azt hogy az IE is meg tudja jeleniteni.Biztos hogy nincs ra mod?
PumpkinSeed "Kimásolod a kódot a példából, majd átírod.
" Azt esetleg elmondod hogy ezt pontosan hogyan is tudom atirni?
Mivel nem tudom hogy mi az ami miatt az IE nem tudja megjeleniteni.Sorry hogy nem reagalok mindenkinek a valaszara, csak nagyon sokan irtatok.
Koszi az eddigi valaszokat mindenkinek.[ Szerkesztve ]
XD alias IKSZDé
-
#1601
PumpkinSeed
addikt
honda 1993
#1598
PumpkinSeed
addikt
válasz
honda 1993
#1598
üzenetére
Kimásolod a kódot a példából, majd átírod.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
Úgy értem, hogy érted? 
![;]](http://cdn.rios.hu/dl/s/v1.gif)
"
Új hozzászólás Aktív témák
- Nvidia GPU-k jövője - amit tudni vélünk
- Audi, Cupra, Seat, Skoda, Volkswagen topik
- One otthoni szolgáltatások (TV, internet, telefon)
- Jófogás tapasztalatok
- Bugok, problémák a PROHARDVER lapcsaládon
- Milyen asztali médialejátszót?
- NVIDIA GeForce RTX 4060 / 4070 S/Ti/TiS (AD104/103)
- EAFC 25
- Kiszivárgott reklámanyagok a Samsung Galaxy S25-ről
- BestBuy topik
- További aktív témák...
- Mint az új! Steam Deck 1TB SSD + 64GB SSD + műanyag tok + hordozó tok + üvegfólia + Windows 11 Pro
- Samsung 50" 4K Crystal UHD WIFI TV UE50AU8002
- Akció! Dell Latitude E5540 laptop (15,6FHD/I5-G4/4GB/128SSD) - 1 év garancia, 27 % számla
- Logitech G305 2év garancia.
- ASUS Zenbook 14X UM5401QA-L7208W használt garanciás notebook