Hirdetés
-
Letartóztatták a bitcoin-Jézust
it Amerikai adókerülés vádjával, Spanyolországban tartóztatták le a bitcoin-Jézusként ismert Roger Vert.
-
Megbírságolták a Razert a Zephyr maszkok miatt
ph A cég elég olcsón megússza az ügyfelei félrevezetését, de az üdvözlendő, hogy az Egyesült Államok hatóságai nem siklottak el az ügy felett.
-
Képeken az egyik kameráját elvesztő Sony Xperia 10 VI
ma Részletes anyag került fel az internetre a Sony idei középkategóriás telefonjáról, három helyett két hátlapi kamera várható.
Új hozzászólás Aktív témák
-
-
Taci
addikt
válasz lanszelot #2574 üzenetére
Frissítettem a kódot, szépen látszódik az általad használt png fájl mögött is minden:
[link]A JSFiddle-kódot pedig úgy tudod megosztani, hogy bal felül a Save gombra kattintasz, aztán megint a Save-re. Ha ez megvan, akkor a böngésző címsorában ott lesz a kódodhoz tartozó link, azt másold be ide, hogy rá tudjunk nézni. (És ezt csináld meg szerinte a JS topikban is, hogy lássuk a problémát ott is.)
-
Taci
addikt
válasz lanszelot #2576 üzenetére
Így már jó lesz, csak nem <button> tag-et kell használni, hanem <input type="image">-et:
https://codepen.io/pasztorlaszlo/pen/oNYEOWd[ Szerkesztve ]
-
Taci
addikt
válasz lanszelot #2578 üzenetére
Igazából sosem csináltam még ilyet, csak érdekelt a dolog, ezért rákerestem Google-ön, milyen megoldások lehetnek, és ezt találtam.
<button> tag-et én így hirtelen nem tudtam képre "cserélni", ezért kerestem másik megoldást.De ha a korábban vázolt módon megosztod a JSFiddle-kódot, akkor pontos(abb) választ tudok adni. Anélkül sajnos nem.
-
Taci
addikt
válasz lanszelot #2580 üzenetére
Add ezeket a tulajdonságokat a gombhoz:
padding: 0;
border: none;
background: none;
Így eltünteti a gomb keretét és hátterét is, és úgy látom, ezek "rontották el" az átlátszóságot.
Frissítettem a kódot ezzel a résszel is. (a link ugyanaz, mint az előzőekben)
És még egyszer, a saját érdekedben: kérlek, kövesd a korábban leírtakat, hogyan kell a beírt kódodat megosztani. Most még átírtam a képernyőfotódról kézzel (2021 van...), de még egyszer nem csinálom meg én sem. 2 kattintással és 4 gombnyomással már meg is oszthattad volna (Save --> Save --> Ctrl+C --> Ctrl+V) amit már eleve beírtál, amikor először kértem, és már rég meg lenne oldva. Másik topikokban is. Tényleg csak a te érdekedben.
[ Szerkesztve ]
-
Taci
addikt
válasz lanszelot #2585 üzenetére
Szerintem az okozza a gondot, hogy a * selectorral mindenhova beállítod a sötét hátteret (#181818). Ne használd (itt, így) a * selectort, mert az minden elemre érvényes lesz. Állítsd be a hátteret (és minden más tulajdonságot) külön id-ra vagy class-ra, külön-külön, és akkor nem fognak keveredni a tulajdonságok.
Ha a kódodban csak annyi változtatást csinálsz, hogy a
background-color: #181818;
részt kiveszed a * selector alól, létrehozol egy body { } selectort, és oda rakod be, akkor máris rendben lesz a gomb képének átlátszó háttere.body {
background-color: #181818;
}
-
disy68
aktív tag
válasz lanszelot #2609 üzenetére
A fixed position-nel az input kikerül a flow-ból és nem lesz neki helye (ezért takarja ki a lista tetejét), szóval vagy csinálsz neki (margin, akármi) vagy alakítasz a dom struktúrádon. Pl. az inputot kirakod a nav-ból és a nav lesz görgethető a listával: pölö.
“Yeah, well, you know, that’s just, like, your opinion, man.” — The Dude
-
disy68
aktív tag
válasz lanszelot #2611 üzenetére
"Ha kirakom a nav ból, akkor nem lesz ott oldalt, hanem felkerül a fejlécre./mint ahogy a peldádon is van/"
hogy mi? amit linkeltem, ott a lista tetején van a kereső mező, milyen fejlécről beszélsz? csinálj egy rajzot, hogy mit szeretnél hol, mert ez így elég zavaros
“Yeah, well, you know, that’s just, like, your opinion, man.” — The Dude
-
cstomee
tag
válasz lanszelot #2618 üzenetére
Nézz utána a float-nak hogy az pontosan hogy működik...
https://css-tricks.com/all-about-floats/#the-great-collapse
https://www.educative.io/edpresso/what-is-a-clearfix-in-css
A menünek van fekete háttere, csak nem látszódik mert 0px magas ha megnézed. -
cattus
őstag
válasz lanszelot #2623 üzenetére
Felejtsd el a float-ot pozícionálásra és használj flexboxot:
body {
background: #fff;
margin: 0;
}
.topnav {
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgb(51, 51, 51);
}
.topnav a {
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #04aa6d;
color: white;
}Do the thing!
-
cstomee
tag
válasz lanszelot #2649 üzenetére
A margin és a szélesség miatt csúszik szét. 1.5% - 18.72% - 1.5%, ez nagyobb mint 20, tehát nem fér ki 5 col egymás mellé.
https://www.w3schools.com/css/css_boxmodel.asp
Ezt is érdemes megnézni:
https://www.w3schools.com/cssref/func_calc.aspNagyon fura ez a css grid amit használsz, kicsit elavúltnak tűnik nekem ezekkel a span 1 of 5-el... De ha már használsz display flex-et, akkor azt használhatnád a section.groupra is és akkor nem kellenek ezek a .span_1_of classok
[ Szerkesztve ]
-
lanszelot
addikt
válasz lanszelot #2666 üzenetére
Ummmm, volna ugyanezzel még egy kérdésem
Miért nem tűnik el a szöveg hover esetén?/lejárt az idő azért új/
[ Szerkesztve ]
-
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.
[ Szerkesztve ]
-
indigo
aktív tag
válasz lanszelot #2739 üzenetére
Helló!
Egyféle megoldást készítettem, hátha ilyenre gondoltál:
https://plnkr.co/edit/nCmwHRvXmNxC77qY?preview -
válasz lanszelot #2743 üzenetére
Ez így nagyon sufnituning.
Az a baj ezzel a megoldással, hogy nincs előre megadva, melyik szín honnan, hanem bármelyik bármely irányból, választhatóan.
Nameg egy sokszor-sok elemből álló mátrix lenne, aminek ez csak egy egyik eleme, mondjuk a 100-ból.[ Szerkesztve ]
But who is watching the guardians?
-
-
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ó.. -
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
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?But who is watching the guardians?
-
indigo
aktív tag
-
-
edari
őstag
válasz lanszelot #2796 üzenetére
Viszont a behúzás már nincs ott.
stackoverflow -
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?[ Szerkesztve ]
-
-
edari
őstag
válasz lanszelot #2804 üzenetére
Nem állt szándékomban fikázni, sry ha úgy tűnt.
#2806: továbbra is: Ha kiveszed a .nav-area ul li a blokkból a paddinget, akkor kisebb lesz a menü.
A tartalom adja a menü vastagságát.Nem szabja meg semmi más a menüt vastagságot, csak amit Te adtál meg.
[ Szerkesztve ]
-
indigo
aktív tag
válasz lanszelot #2806 üzenetére
Hát, tényleg segíteni akartam, készítettem kódot is. De egyszerűen nem voltam/vagyok még mindig képben, hogy mi is az igazi probléma, mert nem jött át a kérdésedből. Egyébként rögtön az jutott eszembe, hogy ez a te munkád, vagy valaki nás kódját próbálod a saját szájízedre igazítani?
-
cstomee
tag
válasz lanszelot #2799 üzenetére
Mi az a csippentés? Mit kell csippenteni?
"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."
De ha arról épp nem hallottál ...
Hogy miről nem hallottam?
Tehát a fejlesztők, miért nem teszik végre bele.
MIT???
Bocs, de én már semmit nem értek, teljesen elvesztettem a fonalat, hogy most mi történik... -
válasz lanszelot #2799 üzenetére
Voltam én is így vele, mindennel IS kompatibiliset akartam játszani, pont úgy, ahogyan elképzeltem ---> Nulla CSS ismerettel. Így gyakorlatilag véve (olvass visszább ebben a topikban, ha gazdagodni akarsz a fergeteges ötleteimmel) mindent JS-el oldottam meg, ami CSS lenne, folyamatosan kiszámoltattam a géppel a méreteket és tizedpixeles pontossággal volt meghatározva az utolsó UL mérete is.
Aztán ráébredtem arra, hogy van lehetőség a CSS-en belül is számításokat végezni a calc() utasítással, és lényegében kiváltotta a JS-el elkövetett bűntetteimet. Csak a megfelelő paraméterekkel kell feltölteni
But who is watching the guardians?
Új hozzászólás Aktív témák
- A fociról könnyedén, egy baráti társaságban
- Xbox tulajok OFF topicja
- Revolut
- GoodSpeed: Windows 11 PRO FPP (Full Packaged Product) - Retail, Box, dobozos
- Tippmix
- gban: Ingyen kellene, de tegnapra
- Vicces képek
- Poco X6 Pro - ötös alá
- Samsung Galaxy S23 Ultra - non plus ultra
- Crypto Trade
- További aktív témák...
- EDIFIER R1700BTS hangfal pár makulátlan, új állapotban, 2 év hivatalos garanciával, alkalmi áron
- LG OLED55B23LA 2 Év GYÁRI GARANCIA
- Apple iPhone XR 128GB, Kártyafüggetlen, 1 Év Garanciával
- Gamer PC , i7 12700KF , RTX 3080 Ti , 64GB DDR5 , 960GB NVME , 1TB HDD
- Intel PC , i5 8500 , 1660 6GB , 32GB DDR4 , 512GB NVME , 500GB HDD
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: Ozeki Kft.
Város: Debrecen