Hirdetés
- Hivatalos a OnePlus 13 startdátuma
- Samsung Galaxy A54 - türelemjáték
- Google Pixel topik
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Dobja a SIM foglalatot az iPhone Európában?
- Okosóra és okoskiegészítő topik
- Samsung Galaxy S22 és S22+ - a kis vagány meg a bátyja
- Milyen okostelefont vegyek?
- Android alkalmazások - szoftver kibeszélő topik
- IFA 2025: Meglepetések helyett Galaxy S25 FE
Új hozzászólás Aktív témák
-
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.
-
cstomee
tag
válasz
lanszelot
#2793
üzenetére
Én itt több problámát is látok a kódban és a kis írásodban is
"A css nem támogatja amit akarok, az tiszta.
Szinte minden oldalnak responsive -nak kell lenni, miért nem csinálják már meg.
...
Profiknak már tuti meg van a bejáratott trükközéseik ..."
Mit nem támogat? Kinek kéne megcsinálni?, mit? Milyen trükközések?
Ez sem tökéletes, de már el tudsz rajta indulni:
jsfiddleSzerintem ezeknek nézz utána első körben:
- css units
- css grid
- css grid fraction unit
- css positions
Szerk.:
- az </img> lezáró tag nagyon cuki, ezt hol találtad?
-
lanszelot
addikt
-
lanszelot
addikt
Hello,
Nekem egymás mellett vannak.
Kisebbre állítottam a képek méretét, így látszik hogy egymás mellett vannak.Responsive, ezzel van a gond. Minden kijelzőn máshogy jelenik meg. Mint ahogy neked se egymás mellett vannak.
Ha beállítom jól a monitoromhoz 21:9 -es. És telefonon is jó állva.
Akkor 16:9 -en nem jó, és fekvő telefonon, fhd-ban jó, akkor 4k ban nem...stb.
Hol ez lóg ki, hol az túl kicsi, kimászik a területéről...stb.
Nem responsiveAzért hagytam nagyra a képeket, hogy látszódjon, hogy kilóg.
De most megnéztem telón, és ott is egymás alatt voltak.
Ezért kissebbre vettem.A képernyő méreten ne lógjon ki, tehát ne legyen görgethető semerre, emiatt kell a grid re az absolut.
Viszont így nem tudom az elemekre rárakni.
Overlay nem jó mert akkor csak levágja.Néztem videót yt -on, elvileg a grid-et child -el kellene a parenthoz igazítani, és akkor sem lépne ki.
De akkor lehet görgetni.A css nem támogatja amit akarok, az tiszta. Csak a kiskaput keresem, hogy hogyan lehetne kiokoskodni. Ha ki lehet.
Szinte minden oldalnak responsive -nak kell lenni, miért nem csinálják már meg. Grid és flex el olyan könnyen lehetne koordinálni. De mindig egy szívás az egész.
Profiknak már tuti meg van a bejáratott trükközéseik, de kezdőként ...phfff
Már a responsive menü se egyszerű. Nem hogy a teljes oldal.
Van amit meg lehetetlen kivitelezni./css ről beszélek, js + php és megoldható/ -
-
lanszelot
addikt
Hello,
Hogy tudom azt megcsinálni, hogy maradjon minden bent a saját grid-jében?
Tehát ha változik a felbontás /telefon, tablet, 4k kijelző...stb/ akkor is igazodjon bele minden a helyére.
Ne lógjon túl, vagy essen szét.
A képek, és gombok flex-el egymás mellett lennének középen.
Itt a pelda grid. -
Mr. Y
őstag
válasz
cstomee
#2787
üzenetére
Én is ettől féltem... A JS megoldás nem okoz nehézséget, de szerettem volna megkímélni magamat tőle, már csak azért, mert az az adott szélesség bármikor változhat, a JS pedig magától nem követi ezt le úgy, mint a CSS.
Viszont köszönöm a te megoldásodat is!
Szerk.: Hm, elgondolkodtam rajta, hogy elfogadom ezt a megoldást is. Nekem végülis megteszi
-
Mr. Y
őstag
Üdvözlet!
Keresek egy talán nem létező megoldást. Adott egy tag, legyen ez most DIV. Ez 100% szélességgel rendelkezik, vagy ha úgy tetszik, 100vw-vel. Ebben van egy X karakterméretű, monospace szöveg, ami egyetlen szó. Ennek szeretnék egy olyan beállítást, ami széthúzza parttól-partig, mint a komolyabb terjedelmű szövegek esetén a
text-align: justify;tenné. Csak itt egyetlen szó van, a képernyő szélessége pedig bármi IS lehet.
Hoztam egy JSFiddle példát, ahol szimulálom, hogy az adott szélességre hogyan kellene kinéznie.Ha van erre bármi megoldás, kérlek osszátok meg velem! Köszönöm!
-
lanszelot
addikt
Hello,
Van egy container, aminek meg kell adnom a magasságát, es szélességét.
Telefonon ha jó álló módban, akkor fekvő módban lóg ki fent, és lent.
Ha a fekvőhöz állítom be, akkor meg állóban lóg ki oldalra.auto nem működik. Tehát az nem megoldás.
Az addig ok, hogy vw és vh -t használok.orientation -on gondolkodtam, de nem tudok rájönni a hogyanra.
Hogyan tudom figyeltetni, hogy a teljes képernyőn vertikális, vagy horizontális a kissebb érték?Sikerült az orientation -el
-
Mr. Y
őstag
válasz
martonx
#2782
üzenetére
Nem, az a görgetésre változatja a hátteret / háttereket eltolásokkal.
Legjobban talán úgy tudom elmegyarázni, hogy fogsz egy piros papírlapot, amit lefedsz egy kékkel. Aztán a kékre teszel egy fehéret, amiben van egy kivágás, hogy az alatta lévőt lásd. Csakhogy nem az alattalévő kéket mutatja, hanem a legalsó pirosat. Tehát mintha nem lenne háttere az adott elemnek, de nem az alatta lévő réteg látszik mégsem, hanem az, ami az alatt van. -
Mr. Y
őstag
válasz
martonx
#2780
üzenetére
Hát ha találnék olyat, nem lenne probléma
Viszont talán jó példa a Messenger alkalmazás egyes témái. Olyan hatást kelt, mintha lenne egy háttérkép, de az le van fedve a Messenger fehér vagy fekete alap színével, viszont az üzenetek háttere átüt a felületen és a mögöttes képet látod. Amikor görgetsz, az üzenetek pozíciója és ezzel a mutatott kép is változik. -
Mr. Y
őstag
Szép estét eme kihalt topik néhai látogatóinak!
Keresem a jó megoldást egy elem háttérképéhez. Az már biztos, hogy Crop-olni szeretném, de nem találom azt a megoldást, ami kellene.
Az volna a cél, hogy van egy adott kép, ami be van állítva, mint fix méretű és helyzetű háttér. Az adott elemnek pedig beállítom azt, hogy az az elem bárhol is helyezkedjen el a képernyőn, az ő háttere az elhelyezkedésétől és méretétől függően a fő kép aktuális szegmense legyen.
Olyan megoldásokat találtam, ahol egy adott képet beállítunk Crop paraméterrel és kiválasztjuk, melyik szegmense legyen a háttér, de az ugye nem dinamikus. JS-el megoldani nem nagy kunszt, hogy változzon, de ha lenne esetleg erre kifejezetten egy CSS kód, akkor kérlek osszátok azt meg velem.Köszönettel!
-
Mr. Y
őstag
Üdvözlet!
Olyan CSS paramétert keresek, ami eszköz és platformfüggetlenül csak és kizárólag mobilfelületként futtatja az oldalt.
Használok ugyanis olyan JS kódsorokat, melyek érintésre és nem kattintásra reagálnak. Érintés meg ugye csak érintőképernyőn lehetséges, egérrel nemHa van ilyen paraméter, kérlek osszátok meg velem! Köszönöm!
-
lanszelot
addikt
Hello,
Kipróbáltam, nem működik amit írtál.
p tag-re alkalmaztam.
Bár oda rakja a 2ik sor után a 3 pöttyöt, de ugyanúgy folytatja 4-5-6...stb sorokkal.
Nem vág le semmit.
Tehát valami nem jó a példádban.
Tudnád javítani kérlek, mert érdekelne, hogy mi ez?
Legjobb lenne, ha dobnál egy teljes példát rá codepen-ben, vagy js-ben.
-
indigo
aktív tag
Van olyan property, amelyet fel lehet ahhoz használni, hogy levágjunk a szövegből és a levágást követően elhelyezzünk három pöttyöt jelezvén, hogy folytatódna a szöveg, ha lenne hely. Ehhez több property-t kell összefűznünk:
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;A fenti kódban az első kulcs-érték párossal biztosítjuk, hogy ne törjön meg a szöveg, ne legyen új sorban.
A második kulcs-érték párossal ugye levágjuk a szöveg rendelkezésre álló helyéből kilógó részt.
A harmadik kulcs-érték párossal pedig utána fűzzük a három pöttyöt.
Ezt akkor szoktuk használni, ha egy sort kell csak levágni/lerövidíteni.Amennyiben tetszőleges számú sor után akarunk levágást, ahhoz másik, korlátozottan támogatott property-kre van szükségünk:
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;Az első kódsor ahhoz kell, hogy az alatta levők működjenek.
A második kódsorban határozzuk meg egy számmal, hogy hány sor után szeretnénk a levágást. jelen esetben a 2. sor után.
A harmadik kódsor pedig a tartalom elhelyezését jelöli (függőleges).Ha a fenti jsfiddle példában a h2 magassága után beírjuk a fenti webikt-es kódsorokat meghagyva a végén az
overflow: hiddenkulcs-érték párost, akkor a 2. sor után levágja a szöveget. Ugyanez lesz igaz, ha a p tag-re alkalmazzuk ezt. -
Taci
addikt
Sziasztok!
Jelenleg egy oszlopban vannak elrendezve a tartalmak az oldalon, de ezt szeretném átvinni (megfelelő oldalszélesség esetén) két oszlopra.
Viszont mivel más-más hosszúságúak lehetnek a title és description részek, ezért nem igazán tudom, hogyan lenne jó "összehozni őket".
Egy példa: https://jsfiddle.net/joa0c794/1/
Így nagyon bután néz ki, nagy üres területek, a column3 átcsúszott balról jobbra... nagyon nem szép. Hogyan lehetne ezeket szépen, rendezve egymás mellé tenni?
Pl. lehet azt valahogy, ha a column1 magasságát kapja meg a column2? És akkor a column3 máris a helyére kerülne. Majd ahhoz kellene igazítani a column4 magasságát.Vagy esetleg azt, hogy ha 2 sornál hosszabb a title, akkor csak 2 sort mutasson, és túlcsordulást vágja le (és ... a végére)? Ugyanígy a description résznél is, csak nyilván több sorra.
Csak aztán itt újra az jön elő, hogy más magasságúak lesznek, és össze-vissza csúszik minden.Se a title se a description nem tőlem jön, külső forrásból, így lehet 1 szavas, 1 soros, de 4 soros is.
Milyen módszerek vannak erre, hogy szép, rendezett legyen a végeredmény?
Köszönöm. -
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. -
Mr. Y
őstag
válasz
lanszelot
#2765
üzenetére
"A chrome sose volt safari, és fordítva."
De, iOS alatt az. Aki nem hiszi, járjon utána
![;]](//cdn.rios.hu/dl/s/v1.gif)
Egyébként van benne valami, amit mondasz. A Webtárhelyemre feltöltött önálló HTML fájl a konzolban hibát dob, hogy nem tud elnavigálni a fő index-hez. Nyílván, mert nem létezik... De ki is kéri meg erre? -
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
Sziasztok!
Megfogadva martonx tanácsát, szerverről dolgozok. És verem a fejem a falba. Na nem azért, mert szerverről dolgozok, ezt csak úgy leírtam...
Szóval, adott egy page, pixelpontos meghatározásokkal, ahol a betűk mérete és típusa is fontos tényező a tökéletes elhelyezkedésben. Nos, jelen esetben ez <tt> 70px.
Úgy néz ki, ahogy akartam. Windows10 alat... Csakhogy, Win10-et a céges gép futtat, én MacOS párti vagyok, és MacOS alatt, habár ugyanúgy Chrome, nem olyan a megjelenése, ezáltal a mérete sem és semmi ilyesmi.Namost: Tudom jól, hogy pl az iOS alatt futó Chrome csak egy alvázszám-átütött Safari, de eddig szent meggyőződésem volt, hogy MacOS alatt azért az igazi fut...
Rákerestem a <tt> tag minden paraméterére. Mivel táblázatról van szó, a <td> megkapta az összes stílusbeállítását (mármint a <tt>-nek) manuálisan, mégsem jó. Mutatom, mi a helyzet, mert a W3-on gyönyörűen látszik a példa:
Baloldalt látható konkrétan az a betűstílus, ami a beállítások alapján a jobb oldalon IS kellene legyen. De nincs!
Ha megnézitek, ez jól látható a szándékosan beírt0 (nulla)karaktereken. Namost, Win10 alatt a két oldal egyforma.
A problémát az okozza, hogy a két stílus nem egyforma karakterszélességgel rendelkezik. Nekem a táblázatomba (pixelpontos meghatározás) 32 db karakter van (beleértve a space-ket, melyek szintén monospace-k) egy sorban. MacOS alatt azonban csak 29 fér ki.Valahogyan lehetne kényszeríteni arra a megjelenésre, amit szeretnék? Mármint minden rendszeren?
Előre is köszönöm, hogy foglalkoztok ilyen láma kérdésekkel is!
Szerk.: Kimásoltam konkrétan a W3 stílusfájlját és a megfelelő paraméterekkel felruháztam a táblázatomat. A nullák mostmár úgy néznek ki, ahogyan kellene, de a karakterszélesség még mindig nem az igazi. És továbbra sincs magyarázat a <tt> tag megjelenésére...
-
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. -
Mr. Y
őstag
Igen, megvolt már. Mint mondottam, a fő problémát az jelenti, hogy online tesztoldalakon hibátlan, míg beillesztve egy HTML fájlba már rögtön problémázik a console. Ezt nem értem. Nem megy az előbb küldött megoldásod sem az iframe problémára. Ha gondolod, csatolok képeket, mit művel:
Itt láthatod a Wrap-ot:
Itt az iframe-t, ahol ilyen felbontásokkal a Zoom értéknek 0.66-nak kellene legyen, de nem változtat semmit jó irányba:
Ez pedig az eredeti, children oldal:
Mint mondottam, JSFiddle-ben hibátlan. HTML-ként nem...
-
Mr. Y
őstag
válasz
martonx
#2753
üzenetére
"Ne mondd, hogy bunkó vagyok, így helyetted kigugliztam"
Nem, a múltkori kommentedben sem a segítség részével volt a probléma. Hanem a desszerttel!
Egyébként meg, mert látom, úgy gondolod, helyettem keresni kell:
Mindig keresek. Általában meg is találom a módját. A fórumokba akkor szoktam beírni (mint múltkor), amikor a talált megoldás JSFiddle-ben hibátlanul működik, de amint beépítem egy HTML fájlba és böngészőben futtatom, egyből nem működik.Ne menjünk messze. Itt van ez a kód. Működik a W3-on, működik JSFiddle-ben és CodePen-ben, de amint bemásolom akár 1:1-ben egy tök üres HTML fájlba:
Probléma lépett fel a(z) requestFullscreen inicializálása során.
Szerintem attól nem leszek hülye, ha nem értem, miért nem működik az egyik helyen, ha az összes többin igen úgy, hogy a böngésző közben mit sem változott...Namost ez a probléma itt is, amit küldtél. Mert megtaláltam.
-
Mr. Y
őstag
Sziasztok!
Adott egy HTML site, melynek pontos paraméterei vannak. Legyen ez FHD, vagyis 1920x1080 pixel. Ez fontos, mindenképpen pixelben van megadva.
Egy ilyen oldalt szeretnék behívni iframe-be. Úgy tudom, hogy az iframe mérete szintén csak pixelekben határozható meg, bár vannak ellen-állítások.
A kérdés az lenne, hogy egy iframe el tudja-e hitetni a behívott oldallal, hogy ő mekkora? Tehát ha az iframe csak 720p, akkor is úgy jelenjen meg a behívott oldal, mintha 1080p hívta volna be (ne lógjon túl, pont illeszkedjen, stb.)?Köszönöm előre is!
-
lanszelot
addikt
válasz
lanszelot
#2750
üzenetére
Sikerült megoldanom
Kifogott mindenkin, de tudtam, hogy a css képes a szöveg formázásra, és addig csűrtem a gondolataimat, míg meg lett
Ugyanoda mentettem, több fázisban hagytam, hogy egyértelmű legyen a megoldás
Bár a line height -ot nem értem miért 10% a jó, de ott az jó.. -
#2749
Taci
addikt
polymorphin
#2748
Taci
addikt
válasz
polymorphin
#2748
üzenetére
Pedig a Google pont ezt ajánlja: [link]
-
Taci
addikt
Adott a Chrome-os Coverage Report, ami megmutatja, hogy a CSS és JS fájlok melyik részei vannak csak használatban, hogy azokat a <head> szekcióba építve gyorsítani lehessen a betöltést. A többi pedig meg async load-on (preload) keresztül lesz meghívva, így csak a tartalom kirajzolása után töltődik, ezért gyorsabb(nak érződik/látszódik) az oldal betöltése.
Na ezt a Coverage Reportot ki lehet exportálni, ami ad egy .json fájlt.
Ismertek olyan tool-t, amivel össze lehet ereszteni ezt a .json fájlt, illetve az érintett CSS és JS fájlokat, hogy eredményül visszaadja szépen kiszedve, hogy mit kell inline a HTML kódba illeszteni, és mi mehet külön?
Maga a .json fájl -tól-ig szakaszokat tartalmaz, megmondja, hogy az adott fájlban mettől meddig van az a kódrészlet, ami mehet a HTML kódba direktben.
Szóval meg tudom írni én is, de idő, és biztosan van erre már tool, csak én nem ismerem. Kerestem persze, de amiket adott találatnak, nagyon nem működtek megfelelően.Köszi.
-
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. -
-
Mr. Y
őstag
Sziasztok!
Készítettem egy példát a kérdésemhez.
A példában szerepel egy DIV, melyhez 4 különböző class tartozik, melyeket JS váltogat.
Az volna a célom, hogy amolyan animáció jelleggel, pl zöldre váltáskor alulról felfelé váltson, míg pirosra balról jobbra (mint egy Slide effekt). Ez megoldható így, CSS szinten?Előre is köszönöm a válaszokat!
-
lanszelot
addikt
Hello,
2 képet szeretnék egymás mellé, középen, nagyban, responsiv legyen, link legyen, és egeret felé víve másik kép legyen ott.
Hónapok óta agyalok rajta, de nem megy.
Itt egy pelda, de csak azért ha rosszul írtam volna valamit.
Tudom ott nincs egymás mellett, mert ha oda rakom, akkor elcsúszik, nincs középen, nem látszik...stb Ahogy állítom úgy okoz más más hibát. -
Archttila
veterán
Elkepzelheto, hogy nem teljesen CSS de nem talaltam neki jobb topikot.Midnight Commander alatt Dracula theme-t hasznalok viszont zavar, hogy a beepitett viewer nem alkalmazkodik a kisse transparent terminalhoz. (80%) Dracula teheme fajlban a kovetkezot talaltam:[viewer]_default_ = rgb555;color0viewbold = rgb253;rgb335viewunderline = rgb535;rgb335viewselected = rgb253;rgb355Na most mivel nem ertek hozza igy csak tippelni tudok es azt mondanam, hogy a _default_ = rgb555;color0reszt kell babralni, de eddig az istenert nem tudtam rajonni, hogycolor0-bol hogyan tudnek transparentet csinalni. Mar ha egyaltalan jo uton jarok..Ebben kernem a segitsegeteket.Kozben rajottem
_default_ = rgb555;default -
lanszelot
addikt
Hello,
Hogyan tudom a képeket vertikálisan és horizontálisan is középre igazítani a flexbox item-ben? példa link -
-
Taci
addikt
válasz
lanszelot
#2725
üzenetére
A div alatt írd át ezt:
border-bottom: 130px solid #FD4602;filter: drop-shadow(20px 0px #FF6D00);
erre:border-bottom: 130px solid #FF6D00;filter: drop-shadow(20px 0px #FD4602);A div::before alatt pedig ezt:
border-bottom: 130px solid #FD4602;
erre:border-bottom: 130px solid #FF6D00;Vagy ez van meg? Mert akkor nem értem a kérdést.
-
cattus
addikt
válasz
tamas1985
#2715
üzenetére
Az
<id="szoveg">Bútortaxi, tehertaxi<br> már Pest-megyében is.<br>
<br>
<br>
* NEM órabér, azonnal dönthet...<br>nem valid HTML, így CSS szelektort se nagyon tudsz hozzá írni. Olyan nincs, hogy egy tag estében csak egy attibútumot adsz meg, és még be sem zárod, miközben van kontentje. Ehelyett inkább valami ilyesmit kell írni:
<text-block >
<div id="szoveg">Bútortaxi, tehertaxi<br> már Pest-megyében is.<br>
<br>
<br>
* NEM órabér, azonnal dönthet...<br>
</div>
</text-block>Nem kell important, sőt, optimális esetben soha nem kell azt használnod.
-
daninet
veterán
Sziasztok!
Egy lineáris gradient a hátterem, és rögzíteni szeretném, hogy fix legyen, mindene lőtte gördüljön. Jelenleg az alábbi kód tökéletes, míg az ablak át nem lesz méretezve (betöltés után)body {background: linear-gradient(340deg, rgba(0,0,34,1) 0%, rgba(56,56,56,1) 100%);height: 100vh;background-attachment: fixed;}Szóval így néz ki miután átméreteztem, egy fix színű sávot látok. A gradient az oldalt kellene kövesse.
Ebben kérem a segítségetek. Köszi. 
-
tamas1985
tag
Sziasztok!
A következő gondom lenne:
Adott egy oldal.
Azt kéne megoldanom, hogy a "Bútortaxi, tehertaxi
már Pest-megyében is." szöveg nagyobb betűvel és más színbe legyen.
Hozzádtam egy Id azonosítot, css-be is beírtam, de mégsem változik.
mi lehet a gond? köszönöm előre is<text-block >
<id="szoveg">Bútortaxi, tehertaxi<br> már Pest-megyében is.<br>
<br>
<br>
* NEM órabér, azonnal dönthet...<br>
</text-block>#szoveg {
font: 60px Calibri, Arial, Helvetica;
color: rgba(255,255,89,0.8);
} -
Taci
addikt
-
cattus
addikt
Amit írtál rule
body.color1 h1, h2, h3, h4, h5, h6 {
color: red;
}ekvivalens a következővel:
body.color1 h1 {
color: red;
}
h2, h3, h4, h5, h6 {
color: red;
}És mivel a piros szín később van definiálva ugyanazzal a specificity-vel, az lesz érvényes.
Ha azt szeretnéd, hogy csak akkor változzon a h2..h6 színe, ha a body-n van a color1 class, akkor valami ilyesmit kell írnod:
body.color1 h1, body.color1 h2, body.color1 h3, body.color1 h4, body.color1 h5, body.color1 h6 {
color: red;
}(ennek valószínűleg van szebb megoldása, de már rég foglalkoztam raw CSS-sel).
-
Taci
addikt
Meg tudnátok mondani, kérlek, hogy itt mi a hiba?
Amilyen működést elvárnék:
Első betöltésnél a Main title és a Subtitle is fekete, a Content kék.
Gombnyomásra a Main title és a Subtitle pirosra vált, a Content zöldre.A gombnyomással nincs baj, viszont valamiért a h2-es Subtitle a body.color1-ből veszi a színt, és nem bírok rájönni, miért.
A JS része igazából lényegtelen is. Anélkül is ugyanaz a hiba:
JSFiddle (csak HTML és CSS)Meg van neki mondva, hogy a h2-es és a h6-os is legyen fekete:
h1, h2, h3, h4, h5, h6 {color: black;}Mégis máshonnan veszi a tulajdonságot:
body.color1 h1, h2, h3, h4, h5, h6 {color: red;}De a H1-nél meg jó.
Miért csinálja ezt?
Köszi. -
-
cstomee
tag
válasz
gabor128
#2705
üzenetére
https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_combinator
Az input után nincs .navigation class (ebben van benne az egész)
Így próbáld: (.navigation-t írd át ul-ra, tehát azonos szinten legyen az amit el akarsz érni).mobile_menu_button + input[type="checkbox"]:checked ~ ul li:not(:first-child) {} -
gabor128
aktív tag
Sziasztok,
Lenne egy újabb talány. Hátha valaki tudja a megoldást.
[link]
A média query-ket gyakoroltam és volt egy példa arra, hogy ha 800px alá megy a felbontás, akkor lejön a navigáció és egy checkboxos megoldással rákattintva újra elő jön. Csak valamiért nem jön elő. Vélhetően a Css-ben az utolsó részben nem jelöli ki az li tegeket. -
Mr. Y
őstag
Sziasztok!
Sok kérdésem volt a múltban, melyekben érintettem a
display: felx;vagydisplay: block;paramétereket és lényegében az összes ilyen jellegű kérdésemnél megkaptam: Miért nem használsz Grid-et?Hát használtam. Megpróbáltam. Mindent úgy, ahogy a W3-on találtam. De valami mégsem megy.
Adott egy elem, nevezzük táblázatnak. A CSS grid elrendezés a következő:A A A A
B C D E
F F G H
I J J JAz elrendezés valóban így jelenik meg, hozzáteszem, minden definiált elemnek egyetleg plusz paramétere van:
margin: 5px;
Namost, ezeknek nem mindegyike egy-egy DIV, melyen belül vannak eltérő elemek. Van itt div, input, button, textarea, form, stb, melyek class-megjelöléssel rendelkeznek.A leírások alapján ezeknek ilyen beállítások mellett tökéletesen egyforma mérettel rendelkező mezőknek kellene lenniük. De ez nem így van. A sormagasság állandó, de a szélesség lényegében ahogy esik, úgy puffan. Nem egyformák. Érdekes, hogy a W3 példájában tökéletesen megfigyelhető ugyan az a probléma, mint amit leírtam, elég csak megnézni a main viszonylatát a right elemhez képest.
Ha szükséges azonban a reszponzivitás, vagyis nem használhatok fix paramétereket, akkor hogyan bírható rá, hogy egyformák legyenek? Tehát az 1 egység legyen 1 egység, a 2 pedig 2x1?
Szükséges esetleg beleraknom mindegyiket egy önálló DIV-be?
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
- Precision 7760 17.3" FHD IPS i7-11850H RTX A4000 32GB 512GB NVMe gar
- TUF F15 FX506HE 15.6" FHD IPS i5-11400H RTX 3050Ti 16GB 512GB NVMe magyar vbill gar
- ZBook 17 G5 17.3" FHD IPS i7-8850H P3200 32GB 512GB NVMe magyar vbill gar
- be quiet! Pure Rock 2 INGYEN FOXPOST
- ZOTAC RTX 4080 16GB GDDR6X AMP EXTREME AIRO Eladó!
- ÁRGARANCIA!Épített KomPhone Ryzen 5 7600X 32/64GB RAM RTX 5070 12GB GAMER PC termékbeszámítással
- Bomba ár! HP EliteBook 830 G5 - i5-8G I 8GB I 256GB SSD I 13,3" FHD I HDMI I Cam I W11 I Gari!
- GYÖNYÖRŰ iPhone 12 Pro Max 256GB Graphite -1 ÉV GARANCIA - Kártyafüggetlen, MS2927, 100% Akkumulátor
- MikroTik CCR1009-7G-1C-1S+ Cloud Router
- DELL Thunderbolt TB16 dokkoló
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: CAMERA-PRO Hungary Kft.
Város: Budapest