- Android alkalmazások - szoftver kibeszélő topik
- Profi EKG-s óra lett a Watch Fitből
- Honor 400 Pro - gép a képben
- Samsung Galaxy S21 és S21+ - húszra akartak lapot húzni
- Honor Magic7 Pro - kifinomult, költséges képalkotás
- Samsung Galaxy A54 - türelemjáték
- Milyen okostelefont vegyek?
- Telekom mobilszolgáltatások
- Apple iPhone 16 Pro - rutinvizsga
- India felől közelít egy 7550 mAh-s Redmi
Új hozzászólás Aktív témák
-
Üdvözlet, remélem nem hiába, bár kellőképpen kihalt eme topik.
Kérdésem viszont akkor is ide tartozik.
Beállítottam egy generált hátteret, CSS-ben adtam meg:
html {
background: linear-gradient(to right, rgba(0, 255, 0, 0.5), rgba(255, 0, 0, 0.5));
}Nagyon szép és jó, amíg el nem kezdek lefelé görgetni. Az oldal megjelenési magasságának 100%-a alatt az alábbi elszíneződés tapasztalható:
A kifotózás a megjelenő kép jobb oldalát átrázolja, aminek alsó részén látható az említett probléma. Érdekességként, ha háttérképet (tényleg képet) állítok be és azt paraméterezem, hogy ott marad, ahol van, hiába görgetek, akkor az működik. Ugyan azon beállítások viszont itt nem.
Próbáltam összedobni egy JSFiddle-t is. Nem tudja megfelelően lekezelni ezt az utasítást.
Remélem kapok segítséget. Köszönöm!
-
Üdvözlet!
JS-ben megírt animációkat konvertálok éppen CSS-re, ha már elvileg ott kéne csinálni az ilyeneket
Egy a dolog lényege, mindig JS indítja őket, mert kliens interakció szükséges hozzájuk. Csak egyszer futnak le, ez fontos.
Ezt én úgy oldom, meg, hogy egy adott elemnek van egy adott CLASS meghatározása, és JS segítségével hozzáadok megint egyet, azt, ami tartalmazza az animácó meghívást, így gyönyörűen működik is.Viszont! Mi van akkor, ha ezeket az animációkat (legyen ez mondjuk egy felugró ablak) visszafelé is el akarom játszani, mondjuk amikor JS-el elveszem az adott CLASS-t tőle?
Megoldásnak gondoltam, hogy elveszem, de egyidőben hozzáadok egy másikat, ami visszafelé játssza el, majd elveszem azt is. Csakhogy, ehhez már a JS-t is időzíteni kell. És szerintem feleslegesen bonyolult.Kérdésem tehát az, hogy lehetséges-e valamilyen módon kivitelezni, hogy a CLASS elvételkor lejátsszon egy másikat, vagy ugyan azt, visszafelé?
Előre is köszönöm bárminemű válaszaitokat, remélve, hogy érthetően meg tudtam fogalmazni a fejemben lévő káoszt
-
Kipróbáltam, a console-ban írja, hogy a fölérendelt elemet flex-re kell állítani hozzá, különben nem tudja kifejteni a hatását. Ezáltal letiltásra került. Hát én a fölöttelévő elemet beállítottam flex-re, így nem lett már letiltva, de nem csinál semmit, sajnos változtatlan.
-
Független kérdés:
Miért nem működik az
overflow-x?
Adott egy példa, ahol egy elemen belül van több DIV. A külső elem paramétereoverflow-x: scroll;. Csináltam egy példát, ahol jól látszik, hogy 4 elem van benne, de a beállítások alapján csak 3 férhetne el. Azonban ahelyett, hogy lehetne scroll-ozni, szimplán önkényesen csökkenti a szélesség adatokat, és összenyomja az elemeket, hogy elférjenek.Ellenben, ha módosítok a paramétereken:
overflow-y: auto; flex-wrap: wrap;, akkor jól látható, hogy ugyan ez a kívánt művelet az Y tengelyen működik!Miért nem csinálja meg ugyan ezt az X tengelyen? Kihagytam valamit?
Előre is köszönöm az útbaigazítást!
-
válasz
martonx
#2844
üzenetére
Valamelyikünk nem érti a másikat. Ez még lehetek akár én is
Szóval, van egy Basic CSS, ami változatlan minden esetben. És van több Téma CSS (Ez jelenleg a te példád).
Tételezzük fel, hogy minden Téma CSS-ben megtalálhatóak ugyan azok, csak más értékekkel, egyértelműen.
Amikor témát váltasz, vagyis másik CSS-t húzol be, akkor az vonatkozni fog mindenre, kivéve arra, ami a Basic CSS-ben található.Ha jól értem. Viszont az én célom, hogy ne vonatkozzon mindenre, ami megtalálható az új behúzott fájlban, csak egy-egy kijelölt elemre. Tehát mondjuk
.sample1 .sample2 .sample3mindegyike megtalálható theme1.css theme2.css és theme3.css-ben is, de egyike sincsen benne basic.css-ben.
Az oldal betöltése során legyen behúzva basic.css és theme1.css. Viszont kérésre az lenne a cél, hogy csak és kizárólag.sample2váltson át a theme3.css-ben található értékekre, rajta kívül semmi más!Ha ez megoldható úgy, ahogyan leírtad, elfogadom, csak fogalmam sincsen, hogyan kéne kivitelezni. Avagy én mem tudtam megfelelően elmagyarázni, mit is szeretnék
-
-
Üdvözletem!
Tudvalevő, hogy megannyi módon lehet egy adott elem stílusbeállításait módosítani. Lehet pureCSS-el @media-t alkalmazni különböző felbontásokhoz, JS-el az adott elemre vonatkozóan valamit mókolni, de lehet class-t hozzáadni, elvenni és cserélni is, szintén JS segítségével.
Azonban sajnos ezek egyike sem alkalmas arra, amit szeretnék.
Van ugyanis több CSS fájl, ami el van mentve külön és ezek a program elején importálásra kerülnek. Ha egy adott név szerepel több fájlban is, a böngésző a legutóbbi betöltött állapotot fogja megjeleníteni.
Amire nekem szükségem lenne, hogy egy (akár JS) paranccsal lehessen módosítani 1-1 adott elemre ezt.Értem ezalatt, hogy pl
div.samplemegtalálható az 1-es és 2-es importált dokumentumban, mígdiv.anothermegtalálható a 2-es és 3-as dokumentumban. Természetesen különböző értékekkel.
Látható, hogydiv.samplea 2-es dokumentum alapján lesz beállítva, mígdiv.anothera 3-as alapján. Ez, a program betöltésekor jó is, ennek így kell lennie, ezért ilyen. Viszont van egy opció, ahol felhasználó kérésére adiv.sample-t át kellene állítani az 1-es dokumentum szerinti beállításokra, míg minden más elem, amely szintén megtalálható mindkettőben, változatlan marad.Gondoltam esetleg arra, hogy az import-okat ellátom egyedi azonosítókkal, azt leteszteltem, hogy a JS eléri és tudja módosítani / szerkeszteni ezeket, de nem ez volna a cél.
Kérdés az, hogy az itt leírt óhaj megoldható-e egyáltalán?
Előre is köszönöm az útbaigazítást!
-
-
Üdvözlet!
Számtalan oldalt, példát megnéztem már, ezernyi JSFiddle-n vagyok túl, de gyakorlatilag valahány ötlet és tipp használhatatlan...
Crop-olni akarok egy képet, de nem akárhogyan. Adott egy 1000x1000 pixel felbontású kép, amit be szeretnék tenni egy IMG tag-ba úgy, hogy a tag méretmeghatározása reszponzív, de az adott képnek csak egy szegmensét, pl X: 310-610; Y: 400:700 tartalmazza. Vagyis minden esetben a képnek a meghatározott szegmense jelenik meg, a reszponzivitás végett hol kisebben, hol nagyobban az eredeti felbontáshoz képest.Eddig a megoldáshoz legközelebb ez áll, de ahogyan elnézem, csak a kezdő pozíciókat tudja meghatározni, azt is százalékosan, de a kép eredeti felbontásának megtartásával.
A Google találatai között ezen az oldalon az ugrólink mutatja, hogy mi volna egy jó meghatározás, csak az itt szereplő példa konkrétan nem működik. De szintén ezen az oldalon, a lejjebb található alsó kép jobb felső sarkában szereplő minta volna a végcél.Tud erre valaki működő megoldást? Már azt sem bánom, ha JS a vége, csak működjön
Köszönöm előre is! -
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
-
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
-
Ü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!
-
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. -
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. -
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!
-
Ü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!
-
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? -
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...
-
Éééés meg is van a válasz. Konkrétan hibás volt a kód, amit találtam a neten (illetve amit te is küldtél). Addig néztem a paramétereket, míg rá nem jöttem, hogy hülyeség az egész példa
Szerk.: Így most működik host-ként is
-
-
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...
-
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.
-
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!
-
-
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!
-
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? -
A Chrome DevTools ugyan azonnali, de csak frissítésig működik ugye, nem írja át a fájlt. Mondjuk ehhez hozzáteszem, hogy lehetne benne ilyen opció, de mindegy.
Amit küldtél a VSC-hez, azzal ugye az a baj, hogy számomra használhatatlan. Nem kezeli sem a PHP formátumot, sem a JS kódok futtatását.És ugyan ez a probléma a Light Table és a LivEditor programmal is. Nem azért kérdezek, mert nem vagyok hajlandó rákeresni a Google-n, hanem azért, mert nem találtam megfelelőt. Azonban még egy hasznos információ: Feltétlenül fontos, hogy az a program, amit keresek, elérhető legyen Win10 és MacOS alatt is, FTP kapocslódási lehetőséggel.
Tehát összegezve, mire lenne szükségem, hátha előbb születik megfejtés, vagy csak annyi, hogy lehetetlen kéréseim vannak
:- FTP kapcsolatra képes kódszerkesztő
- Ami képes PHP, JS, CSS és JSON azonnali futtatására
- Lehetőség szerint ez egyetlen program legyen
- Kompatibilis legyen Windows és Mac OS rendszerekkel.Köszönöm
-
Sziasztok!
Kérdésem nem magával a CSS-el kapcsolatos, mindazonáltal mégis ide sorolnám.
Rengeteg bemutatóvideóban, tutorial-ban lehet azt látni, hogy van egy megnyitott böngésző ablak, ami szinte minden, a programozó felületen leütött karakter után automatikusan frissül, még ha CSS-ről is van szó.
Ez utóbbit azért emelem így ki, mert nálam az include-olt CSS csak akkor hajlandó frissülni, ha Shift+F5-el frissítek.Namost a kérdésem az lenne, hogy milyen szoftvert futtatnak ehhez? Én Win10 alatt Visual Studio Code + XAMPP szervert használok, MacOS alatt pedig szintén Visual Studio Code + MAMP szervert. Azonban ezek egyike sem frissül automatikusan.
---Kiegészítés: Azért használom ezeket a Localhost szervereket, mert PHP fájlkiterjesztésben dolgozom.
-
-
válasz
cstomee
#2659
üzenetére
Javarészt valami hasonlót kellene csinálnia, köszönöm. De akkor elmondom, miért lényeges a feltétel és ez az egész:
Adott egy Webtartalom, amiben van egy DIV. Ennek a DIV-nek a magassága állandó, azonban a szélessége %-ban van megadva, hogy reszponzív maradjon. 16:9-es és ehhez közeli képerányú monitorok esetében ennek a DIV-nek megközelítőleg 16:9-es az aránya. Ebben benne van egy sor szöveg (cím), illetve alatta egy videó, amelynek képaránya minden esetben 16:9. A videó feletti szöveg magassága egy adott méret, amellyel körbe van futtatva mindenhol a videó, hogy egységes legyen.
Namost, amint a megjelenítő (monitor) képaránya pl 4:3, vagy 16:9-től keskenyebb, előbb-utóbb ennek a DIV-nek a szélessége rövidebb lesz, mint a magassága. Mivel az alap elképzelés szerint a videó megjelenő méretét a DIV magasságához igazítottam, így ebben az esetben a videó már kilóg két oldalt a DIV-ekből és minden elcsúszik (merthogy 2 van egymás mellett). Erre van ott a feltétel, hogy ilyen esetekben a DIV megjelenített szélességéhez viszonyítva állítsa be a videó méreteit a magasság helyett.
Mivel CSS-ben én eleddig csak alapvető formázásokat csináltam, így a komplikáltabb megjelenítésekhez nem értek. Ezért csinálntam JS-ben és ezért fordulok hozzátok most, hogy szeretném átültetni CSS-re.
Viszont egyéb kérdés, mert nem akarok újabb hozzászólást írni: Tudja valaki, minek köszönhető a fehér csík?
-
Sziasztok!
A weboldalam egyik css beállítását js-ben készítettem el. Azonban szeretném átültetni CSS-re az egészet, de nem minden részletét tudom, hogyan lehetne. Ez volna az alap JS:
function setvid() {
var o = document.getElementById("keret");
var v = document.getElementById("belső");
v.style.height = o.clientHeight - 50 + "px";
v.style.width = parseInt(v.style.height) / 9 * 16 + "px";
if(v.clientWidth >= o.clientWidth) {
v.style.position = "absolute";
v.style.width = o.clientWidth - 20 + "px";
v.style.height = parseInt(v.style.width) / 16 * 9 + "px";
v.style.top = o.clientHeight / 2 - v.clientHeight / 2 + "px";
v.style.left = o.clientWidth / 2 - v.clientWidth / 2 + "px";
}
}Lehetséges ez egyáltalán CSS-ben?
Előre is köszönöm a választ! -
Sziasztok!
Szeretném a segítségeteket kérni egy anomáliához. Adott 2 CSS részlet, melyek struktúra szempontjából azonosak, mégis csak az első működik:
div[id^="present"] {
background-color: rgba(255, 255, 255, 0.6);
position: relative;
width: 50%;
height: 100%;
padding: 10px;
border: 1px solid #000000;
border-radius: 10px;
margin-left: 5px;
margin-right: 5px;
text-transform: uppercase;
text-align: center;
font-size: 20px;}Ez a működő rész, csatolom a képet:
És a második, ami nem működik:
div[id^="pic"] {
position: relative;
width: auto;
height: calc(100% - 40px);}
Ti láttok esetleg benne olyat, ami indokolja ezt?
Előre is köszönöm a válaszokat!
-
Sziasztok. Hasznolok dobozárnyékot, negatívban:
inset 0px -10px 10px -0px #000000
Ez remekül működik és jól is néz ki, amennyiben nem képre alkalmazom. Mert akkor alá kerül. Meg lehet oldani, hogy felette legyen?Köszönöm előre is!
-
Sziasztok!
Furcsa kérdésem lesz és lehet, nem is ide tartozik, de megpróbálom.
Meg lehet valahogyan akadályozni egy Web-forrásba rejtett kóddal, hogy telefonon hiába forgatják el a képernyőt, az megakadályozza ezt? Vagyis, ha úgy építek fel egy felületet, hogy csak álló nézetre, akkor ne lehessen elfektetni az eszköz elforgatásával.Előre is köszönöm a válaszokat!
-
Köszönöm, ez alapján már tudtam keresni. Leginkább ilyesmire gondolok, hogy miért nem jutott eszembe erre keresni, mikor itt a fórumon arra hivatkoztam... csak az a baj, hogy a te általad küldött példa is, csakúgy, mint amit most én linkeltem, szavakra működik csak, interakció nélkül. Nekem a célom pedig az lenne, hogy mindezt DIV-ekkel csinálja meg, amibe bármit betehetek.
-
Sziasztok!
Nem is igazán probléma előtt állok, hanem amit szeretnék kivitelezni, annak az elnevezését nem tudom, hogy hogyan tudnék rákeresni egyáltalán.
Sok helyen találkozhattok (pl iOS rendszerben) olyan listázási lehetőséggel, ahol egy képzeletbeli 3D hengert görgetve lehet eljutni a célállomásig. Na valami ilyesmire gondoltam, hogy egymás alá pakolt, rögzített méretű pl DIV ablakokat pakol így össze a CSS. Kivitelezhető egyáltalán? És ha igen, mi ellen az elnevezése?Előre is köszönöm a válaszokat!
-
Köszönöm mindkettőtöknek, megpróbálok ez alapján építeni
-
Sziaszotok!
Adott egy feladat, erre itt egy fél-példa, mert nem tudom a folytatást.
Arról lenne szó, hogy szeretném, ha a szöveg benne maradna a számára kijelölt területen. Mint a példán látható, a felület reszponzív, tehát százalékban van megadva a területe, függetlenül felbontástól és képernyő mérettől.
Azonban, mivel a szöveges rész terjedelme nagyobb, így megnyújtja a megadott magasság %-ot. Én viszont azt szeretném, ha ez állandó lenne, és ha nem fér ki, akkor a betű méretet csökkenti addig, ameddig jó nem lesz.Megoldható ez egyáltalán?
Előre is köszönöm a választ!
-
Sziasztok!
Gondba kerültem a CSS kapcsán, a position és z-index-et illetően.
Magcsináltam egy példát JSFiddle-ben és hibátlanul működik, ám a Weboldalamba való integrálása nem volt sikeres. Az oldalamon látszik, hogy nem kerül a két réteg egymásra. Az oldal CSS-t kódját itt éritek el (tudom, hogy bárki képes megnyitni, csak szeretném megkönnyíteni a dolgot).
A CSS-ben az érintett elemek a.szotarés ahtml, bodyrész.
A cél tehát az, hogy a .szotar DIV teljes egészében lefedje a komplett html ablakot, ahogyan a JSFiddle példában meg is teszi.Szeretném továbbá leszögezni, hogy nem áll módomban önreklámozni, éppen ezért a felhasznált tesztoldalról eltávolítottam az összes elemet, amely még nem okozta az egész összeomlását.
Előre is köszönöm a segítséget!
-
Sziasztok!
Megváltoztatható a kijelölés színe?
Úgy értem, hogy amikor az egérrel kijelölünk egy szöveget, akkor annak automatikusan kék a háttere.
A probléma ezzel az, hogy a Weboldalam háttere is nagyon közeli kék, így lényegében nem látszik a kijelölés. Ezért lenne fontos.Előre is köszönöm a válaszokat!
-
Sziasztok!
Ismét segítséget szerenték kérni.
Adott a feladat, hogy létre hozzak egy SLIDER-t, ami vertikális és minden paramétere meghatározott (háttér, jel, méret, stb).
Egészen addig, amíg horizontális, működik a dolog. Azonban amint átváltom vertikálisra, minden felborul és egy gyári jelenik meg, semmit sem módosítva.Itt összedobtam egy kis példát. Miért nem működik?
Előre is köszönöm a segítséget!
-
Ismételten ezer hála és köszönet, lassan már megy a rekesz sör is
-
Üdv mindenkinek. Létezik egy fajta formázás, ami az alábbit eredményezi:
Én ezt szeretném megvalósítani, csak nem képpel, hanem egy külön álló DIV segítségével (vagyis az menne a kép helyére és azt szeretném feltölteni tartalommal). Azonban ezt formázást eddig csak képpel találtam meg és az ott megadott paraméterek nem működnek, ha DIV-et használok. Egy gyors példa:
Van arra mód, hogy ez működjön?
-
A JsFiddle hibátlan mindenre, ami a HTML, CSS és JS triót nem növi túl. Még csak regisztráció sem kötelező, bár annak is vannak előnyei. Ha ott megcsinálsz egy kódot, elég egyszer rányomni a futtatásra és módosul a linkje. Azt a linket kell megosztani és máris láthatja mindenki. Ha módosítják, új URL keletkezik, így az eredeti kódod az eredeti linken sértetlen marad.
Ennél jobbat én még nem találtam erre a feladatra. -
Üvd mindenkinek!
Lehet, már volt róla szó korábban, minden esetre megosztom.
Találtam egy Weboldalt, ahol remek CSS példák vannak, forráskóddal együtt. Érdemes rajta böngészni!
-
Sziasztok, újra én.
Találtam a YouTube-on ezt a videót. Valami mérhetetlen amatőröknek fejlesztett szoftverben dolgozik a tag, vizsont az az effekt, amit csinál, az tetszik. Normál programozással megvalósítható?
-
Sziasztok!
Bízom benne, hogy jó helyen járok. Adatik a gondolat, hogy formázom a csuszkát (
overflow). A baj csak az, hogy nem találok egyetlen értelmes példát sem a neten.
Az alapértelmezett helyett olyat szeretnék, mint pl a Facebook asztali nézetében a chat-eknél. Csak akkor látszik, ha oda viszed az egeret és akkor is csak egy minimális dolog jelenik ott meg.
Ha jól tudom, akkor eredetileg ez a mobilnézetnek volt a csuszkája. Lehet, most is az, csak át lehet verni a böngészőt, hogy az oldal 1 bizonyos szegletét kezelje úgy?Előre is köszönöm a választ.
Ui.: Pl a Bittorrent-nek is ilyen stílusú a rendes csuszkája.
Köszönöm szépen, működik!
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
Hirdetés
- AKCIÓ! HP ZBook Firefly 14 G9 üzleti notebook- i7 1255U 32GB RAM 512GB SSD nVidia T550 4GB Win11
- Készpénzes számítógép PC félkonfig alkatrész hardver felvásárlás személyesen / postával korrekt áron
- BESZÁMÍTÁS! ASROCK B650 R5 7600X 32GB DDR5 1TB SSD RTX 3070 8GB MSI MPG Gungnir 100 Enermax 750W
- Bomba ár! Lenovo ThinkPad T490s - i7-8GEN I 16GB I 256SSD I 14" WQHD HDR I Cam I W11 I Gari!
- AKCIÓ! Dell Alienware M17 R3 Gamer notebook - i7 10750H 16GB DDR4 1TB SSD RTX 2070 8GB WIN10
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged