- gban: Ingyen kellene, de tegnapra
- sziku69: Szólánc.
- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- Sub-ZeRo: Euro Truck Simulator 2 & American Truck Simulator 1 (esetleg 2 majd, ha lesz) :)
- Elektromos rásegítésű kerékpárok
- ricsi99: 6. Genes alaplap tündöklése kontra MS/Zintel korlátozásai
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Lalikiraly: Macbook NEO 2
- Lalikiraly: Mercis kalandok - Huszonkilencedik rész
-
Fórumok
LOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokPROHARDVER! - hardver fórumok
Notebookok TV & Audió Digitális fényképezés Alaplapok, chipsetek, memóriák Processzorok, tuning Hűtés, házak, tápok, modding Videokártyák Monitorok Adattárolás Multimédia, életmód, 3D nyomtatás Tabletek, E-bookok Nyomtatók, szkennerek PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokMobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésFÁRADT GŐZ - közösségi tér szinte bármiről
Tudomány, oktatás Sport, életmód, utazás, egészség Kultúra, művészet, média Gazdaság, jog Technika, hobbi, otthon Társadalom, közélet Egyéb Lokál PROHARDVER! interaktív
Új hozzászólás Aktív témák
-
smc
addikt
-
martonx
veterán
Ha itt szétnézel az remélem segít: html - How to have background gradient fill entire page? - Stack Overflow
Guglizás az élet.Én kérek elnézést! -
martonx
veterán
-
cattus
addikt
-
cattus
addikt
-
martonx
veterán
-
martonx
veterán
Feltételezem, hogy megjelenítési témák között adsz választási lehetőséget. Ezt úgy kellene helyesen megoldani, hogy kettő css-ed van:
1. alap css az oldal felépítéséhez szükséges rule-okkal
2. téma css (ebből nyilván több is lehet)User kérésére a téma css-t könnyedén tudod váltogatni, hogy melyik legyen behúzva (mondjuk van egy default téma, és localstorage-ben / szerver oldalon a user ezt felüldefiniálhatja, és akkor neki másik lesz behúzva).
Vagy abszolút nem értem a problémádat.
Én kérek elnézést! -
nevemfel
senior tag
-
mandleee
tag
Erre nem jó megoldás az srcset? Kivágod a két méretet, aztán kész.
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images -
Mr. Y
őstag
-
lanszelot
addikt
Félre értettél.
Hamburger menüt css-el, vagy js-el könyebb megcsinálni?
Modal css-el nem minden böngésző alatt támogatott. Így marad a js.
Ezekre írtam a js-t.indigo
az a link egy össze csapott honlap, a menünek semmi köze a kérdéshez.
A képek tökéletesen a helyükön vannak, a menü csúszik le. Arra ott nem raktam rá az orientation-t, mert a kép példából mindenki látja, hogyan oldottam meg.
/amit a menüről kérdeztem, (hiába állítgattam semmi se változott)az a vs code live server bug miatt volt mint kiderült, már sokszor megszivatott. tudom, ne használjam/
az elemek csak arra voltak, hogy lehessen látni, hogy a kép grid-ben kép van, menüben menü...stb. Így se volt egyértelmű sokaknak.
Ha a full honlapot feldobom, akkor meg még többen nem értették volna.
Próbaltam minimalizálni. Nekem hamburger menü van mobilon, sok js az oldal működéséhez...stb
A honlap a js miatt készült, nem a css miatt. Csak édesanyám:" jó lenne mobilon, és tableten, hogy ne kelljen bekapcsolni a laptopot..."
Ezért estem neki a responsive résznek.
Csak az még mindig sufni tuning. Azt hittem a mostani frissítesbe belekerült már valami amiről nem hallottam.cstomee
Köszönöm, már megoldottam
Nem értem mire jó ez a kötekedés. Semmi rosszat nem írtam.
Nem kötelező válaszolni, ha van időd/kedved, szeretnél segíteni, akkor tedd.
Ha nem, akkor nem. Semmi gond.
De ezt ne, kérlek titeket.
-
cstomee
tag
-
cstomee
tag
-
martonx
veterán
-
martonx
veterán
-
lanszelot
addikt
Én értettem félre, nem foglalkozom iOS-el. Windows-ról beszéltél és annak semmi köze iOS-hez, így Mac OS -re gondoltam. /kicsit hülyén írtam, remélem érthető
/
Mac OS alatt pedig chrome nem safari. Van Mac OS -em is, az alatt is chrome a chrome. A safari pedig pocsék.
Sajnos pár éve a böngészők komolyan hanyatlanak. Nem tudok egy kiemelkedőt mondani amit mindenki használnia kellene, mert az jó. Maga az alapok hibásak, mind a 3, emiatt a rá épülők ....mint a Gyalog Galopban a mocsárra épített vár.
-
lanszelot
addikt
Hello,
3 böngésző alap van jelenleg: chrome, firfox, safari
Minden más ezekkel az alapokkal dolgozik.
A chrome sose volt safari, és fordítva.
A chrome kb 1 éve xar. Nem a chrome alap, hanem maga a Google Chrome.
Pocsék, és hasznavehetetlen kaki. Olyannyira kaki, hogy 7001 -es hibákkal dobálja tele a W10-et, ami kepes végtelen loop-ba fordulni, és W10 ilyenkor meghal.
Eme fagyások miatt törölnöm kellett a GC-t , mert napi szinten többször volt 7001 -es hiba, ami legtöbbször semmi gondot nem jelzett.
GC törlése óta egy darab 7001-es hiba se volt. Kukkold meg a W10 - Eseménynapló - Windows napló - Rendszer . Ha van GC a W10-en nagy valószínűséggel lesz 7001-es hibakódod is.
Lényeg, hogy ne tesztelj GC-vel sehol. Se safari-val.
Firefox....hááát, elmegy. MS Edge se jó tesztre.
Vivaldi kicsit jobb mint a firefox. Brave is ok.
No, de mindenki GC, MS Edge, Safari -t használ.... Háááát, azoknak olyan lesz amilyen, vagy téped a hajad míg a 3-ból 2-re ráigazítasz vmit. Mindre képtelenség pont ugyanazt hozni.
Ez azt nem támogatja, az emezt...stb
Ezért kellenek a multi megoldások, hogy ezen más, de így is jó. -
Mr. Y
őstag
-
martonx
veterán
-
martonx
veterán
áhá, fileként érthető, hogy miért futsz bele csomó olyan esetbe, amikor az online verzió működik, neked meg local file-ban nem.
Az iframe-es problémád nem tudom, hogy meg lehet-e oldani. Ha nincs hozzáférésed az iframe-mel behúzott oldalhoz, akkor szerintem nem, mert a parent oldalnak semmiféle ráhatása nincs, és persze nem is lehet a behúzott oldalra.
Ha van ráhatásod a behúzott oldalra (mert pl. az is egy saját oldalad), akkor nincs akadálya, hogy a parent és a child kommunikáljanak js-en (postMessage) keresztül. Így egymásnak át tudják küldeni a méreteiket, ezzel jelezve a másiknak, hogy az mekkora legyen.Én kérek elnézést! -
martonx
veterán
-
martonx
veterán
-
martonx
veterán
-
lanszelot
addikt
A háttér színt nem lehet beúsztatni, kell valami ami beúszik.
Az is megoldható, hogy csak 1 box van kint, és a js gomb nyomásra oda dobja ahova kell, és olyan színt ad neki ami kell, és úgy úszik be.
De ez már js, és nem css, te css-t kérdeztél. illetve nem derült ki, hogy mekkora a project
Itt a full lista, példákkal az animációkról amit a css tud. -
lanszelot
addikt
-
róland
veterán
-
martonx
veterán
-
Taci
addikt
Bocsánat, ezt nem tudhattam.
Sok kérdés van fórumszerte, amire egy egyszerű Google-keresés megadja a választ - csak éppen nem jól kérdezik. Ilyenkor (is) a segítő szándék vezet, és ha csak pár pillanatomba kerül, miért is ne segítenék.
És én is olyan sok segítséget kaptam már itt, próbálok visszaadni belőle. Bocs, ha "túltolom" néha.
De akkor tudni fogom most már, hogy Te ezeken a körökön már túl vagy, mire itt kérdést teszel fel.
Megnéztem Notepad++-ban, van egy ilyen beépülője, de csak IE-módjai vannak, ami így nem túl hasznos. (És eddig a pontig azt gondoltam, a NP++ elérhető Mac OS-re is, de most ahogy elnéztem a letöltési oldalára, látom, hogy nem... Akkor ebben a témában csendben maradok, én csak Windows-t használok.
) -
G.F.
aktív tag
Szia!
Én a RapidCSS-t használom, de nem tudom mik az igényeid. A cégnek létezik többféle editora, nézz ott szét, biztosan találsz megfelelőt..-gf- -
Taci
addikt
Igazából pl. Chrome-ban ha a DevTool-sban (F12) írsz a kódba (ha már CSS), akkor az egyből látható is lesz.
Bár én nem ilyen tool-t használok (amit keresel), de ha a live preview vagy a real-time preview keresőszavakkal keresel (pl.: real time html editor offline), sok találatok fogsz kapni, pl.:
[link]
[link]
Amúgy a Visual Studio-hoz is dob fel ilyen kiegészítőt: [link] -
Taci
addikt
Próbálom értelmezni, hogy pontosan hol csúszhat el a dolog, mi lehet pontosan a probléma, de egy pontos jsfiddle nélkül én is max csak annyira tudok tippelni, mint amit cstomee is összerakott - abban viszont ott a megoldás is.
Ha esetleg mégsem ez a jó megoldás neked, akkor egyszerű példát dobj már össze jsfiddle-ben, és akkor biztosan jön a megfelelő megoldás is rá. -
Taci
addikt
A fehér csík (az Inspector szerint) a "skeleton-theme-inline" style hozadéka:
background:#fff
Chrome-ban Ctrl+Shift+C, aztán kurzorral a fehér csíkra kattintasz, és ott kiírja, hogy mi-miért. Ha azt ott deaktiválod, láthatod, hogy el is tűnik.
Vagy:body {background: none;}A reszponzivitáshoz én ezt használom:
@media (min-width:1200px){}Ahogy eléri az adott szélességet, az ebben a szekcióban beállított értékeket kezdi alkalmazni. És ebből van jó pár, hogy le legyen fedve minden.
Itt találsz egész jó leírást, példát és gyakorlási lehetőséget hozzá: [link]
-
cstomee
tag
-
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! -
cattus
addikt
-
Taci
addikt
-
disy68
aktív tag
-
cstomee
tag
-
martonx
veterán
Én kérek elnézést! -
edari
őstag
-
Taci
addikt
-
Taci
addikt
-
disy68
aktív tag
ha korlátozni akarod, hogy milyen magas legyen valami, akkor max-height (arra figyelni kell, hogy valamelyik szülőnek legyen valami magasság megadva)
ha azt szeretnéd, hogy adott méreten egy szöveg elférjen, akkor közelítően meg lehet oldani a Taci által is javasolt vw (viewport width) illetve vh (viewport height) értékekkel
[link] itt se tökéletes a dolog, a szöveg bizonyos méretarányoknál ki tud lógni
ha viszont nem akarod a magasságot ennyire fixre venni, akkor egy fokkal jobbha ennél pontosabban kell, akkor további media query szabályokkal még lehet rajta faragni vagy pedig javascript-tel ki lehet számolni
“Yeah, well, you know, that’s just, like, your opinion, man.” — The Dude -
Taci
addikt
Ha a betűméretet viewportban adod meg (vw (% of the viewport width)), akkor így működik.
Már csak (valahogy) be kell lőni a megfelelő betűméretet.Lehet, van más/jobb megoldás is persze.
-
cstomee
tag
Lemaradt a poziciója az absolute elemnek (top, right, bottom, left).
https://developer.mozilla.org/en-US/docs/Web/CSS/position
https://css-tricks.com/almanac/properties/p/position/
https://css-tricks.com/absolute-positioning-inside-relative-positioning/
Szóval egy pár dolog:
- a html,body ne legyen absolute, ennek semmi értelme, csak a body legyen relative.
- magasság nem kell a html, body -ra
- flex-direction sem kell, felesleges ha nem display flex
- a háttérképnél nézz utána ezeknek: background-attachment: fixed / background-size: cover
... -
edari
őstag
-
G.F.
aktív tag
-
lanszelot
addikt
-
Taci
addikt
Nekem szépen hozza:
https://codepen.io/pasztorlaszlo/pen/oNYEOWd
(csak ide lett összedobva egy másik példa átírásaként) -
nevemfel
senior tag
-
nevemfel
senior tag
-
nevemfel
senior tag
-
martonx
veterán
-
martonx
veterán
Új hozzászólás Aktív témák
-
Fórumok
LOGOUT - lépj ki, lépj be!
LOGOUT reakciók Monologoszféra FototrendGAMEPOD - játék fórumok
PC játékok Konzol játékok MobiljátékokPROHARDVER! - hardver fórumok
Notebookok TV & Audió Digitális fényképezés Alaplapok, chipsetek, memóriák Processzorok, tuning Hűtés, házak, tápok, modding Videokártyák Monitorok Adattárolás Multimédia, életmód, 3D nyomtatás Tabletek, E-bookok Nyomtatók, szkennerek PC, mini PC, barebone, szerver Beviteli eszközök Egyéb hardverek PROHARDVER! BlogokMobilarena - mobil fórumok
Okostelefonok Mobiltelefonok Okosórák Autó+mobil Üzlet és Szolgáltatások Mobilalkalmazások Tartozékok, egyebek Mobilarena blogokIT café - infotech fórumok
Infotech Hálózat, szolgáltatók OS, alkalmazások SzoftverfejlesztésFÁRADT GŐZ - közösségi tér szinte bármiről
Tudomány, oktatás Sport, életmód, utazás, egészség Kultúra, művészet, média Gazdaság, jog Technika, hobbi, otthon Társadalom, közélet Egyéb Lokál PROHARDVER! interaktív
Hirdetés
- Milyen egeret válasszak?
- Milyen házat vegyek?
- PROHARDVER! feedback: bugok, problémák, ötletek
- gban: Ingyen kellene, de tegnapra
- Prohardver app (nem hivatalos)
- exHWSW - Értünk mindenhez IS
- Facebook és Messenger
- sziku69: Szólánc.
- Luck Dragon: Asszociációs játék. :)
- Megújult mobilos felület, fórumos ráncfelvarrás a PROHARDVER! lapcsaládon
- További aktív témák...
- DELL Latitude 5520 Intel Core I7-1185G7, 32 GB, 512 SSD MAGYAR VILÁGÍTÓ BILLENTYŰZET
- PlayStation Portal - Midnight Black - Garanciával
- Új ASUS RYZEN 5 7600X GAMER ERŐMŰ PC 32Gb DDR5 512GB SSD NVIDIA RTX 3070TI 8Gb DDR6 750W TÁP 2ÉV GAR
- REDRAGON K530 TKL Draconic Compact RGB Red Switch
- ÚJ GAMER MAX PC CORE I5 14400F 16-32GB RAM 512GB SSD GAINWARD RTX 3070TI 8GB DDR6 750W-TÁP 2ÉV GAR!
- CÉGEK FIGYELEM!! iPhone 11 64GB Black -1 ÉV GARANCIA - 27% ÁFA-S SZÁMLA Kártyafüggetlen, 100% Akks
- PlayStation 5 SLIM DIGITAL 1 TB + kontroller 2027.11.25-ig garanciális, számlával!
- Csere-Beszámítás! Asus Tuf FX506I Gamer Notebook! R7 4800H / 1650Ti / 16GB DDR4 / 512GB SSD
- ÁRGARANCIA! Épített KomPhone Ryzen 5 5600X 16/32/64GB RAM RTX 5050 8GB GAMER PC termékbeszámítással
- ÚJ RCB R10S ELEKTROMOS ROLLER kb 50% áron, dobozban, 3 hó gar.:
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest

/
