- Bambu Lab 3D nyomtatók
- SSD kibeszélő
- Jóárasított AI PC-ket szeretne látni az AMD
- Melyik tápegységet vegyem?
- Apple MacBook
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- AMD Ryzen 9 / 7 / 5 / 3 3***(X) "Zen 2" (AM4)
- Amlogic S905, S912 processzoros készülékek
- Vezetékes FEJhallgatók
- ThinkPad (NEM IdeaPad)
Új hozzászólás Aktív témák
-
gabor128
aktív tag
üdv,
Akkor megpróbálom röviden leírni.
Van a Html fájlban a <header> és azon belül egy <nav> és egy <main>. Css-ben beraktam egy képet a <header>-be, meg lett neki magasság adva és frankón látszott a kép, meg a navigáció, alatta meg a szöveg. Utána elkezdtem próbálkozni a <nav> pozícióival és a szöveg rácsúszott a képre és kitakarja. Hiába próbáltam visszaállítani az eredetire, vagy kikommentezni az egész <nav>-ot, vagy bármi egyebet, nem működik egyik sem.
A <header> és <main> is block típusú. A <header>-nél a böngésző kód elemző része túlcsordulást ír, de nem tudom mi okozza. -
Taci
addikt
Ezt a template-et használom (megvettem, de már lejárt a support). Az oldal tetején lévő keresőmező (Search here...) csúszik el Safarin.
Megtenné valaki, hogy rászán 1-2 percet (akinek van Safarihoz hozzáférése, persze), hátha valami egyértelmű dolgon múlik csak? Én akárhogy próbálom, keresem, írom át, nem találom az okát.
Design-hibás a template - még jó, hogy eszembe jutott, hogy arra is nézzek rá - szóval mindenképp írok a fejlesztőnek is.
Köszönöm.
-
Taci
addikt
válasz
martonx #2690 üzenetére
A hiba az, hogy a Safari böngésző korunk internet Explorer-e. :(
Szomorú, de vicces.
Próbáltam a BrowserStack-et és a LambdaTest-et is, valóban hasznos szolgáltatás/platform. Ha mást nem, 1 hónapra kipróbálom.
Viszont ebben kérnék még tanácsot, mert nem egyértelmű most számomra, hogy mivel van a hiba:
- desktop Mac - Safari: 1-2 elem szétesik
- desktop Mac - Chrome: minden rendben
- iPhone - Safari: 1-2 elem szétesik
- iPhone - Chrome: 1-2 elem szétesikSzóval iPhone-on máshogy működik a Chrome, mint desktopon (Mac-es környezetben).
Úgyhogy nem tudom, tényleg a Safari-e a "hibás", vagy a rendszer (iOS), hisz' iPhone-on a Chrome is hibásan jeleníti meg azt az 1-2 elemet. -
Taci
addikt
Ez jó ötlet lenne, ha nem lenne már ekkora a kód. És nem is használok azon az 1-2 elemen mást, mint a többin. Plusz két különböző emulátorral néztem (időkorlátos), és más-más módon jelenítették meg (de szétesve mindkettő), szóval ez így "remote-ban" sajnos eléggé megfoghatatlan.
Használ itt valaki esetleg Macet (és ért is a CSS-hez), és szánna 2 percet arra, hogy ránéz arra az 1-2 elemre (Chrome-ban jól jeleníti meg, Safariban nem), hátha látja egyből, mi a probléma oka?
-
Taci
addikt
válasz
gabor128 #2686 üzenetére
Szerintem írd be ide a közösbe, hamarabb is választ kapsz majd valószínűleg.
Én is segítséget kérnék:
Végre online van az oldal, és csak most derült ki, hogy Safari alatt 1-2 eleme az oldalnak "szétesik". Ez ugyanúgy igaz iPhone-ra (iOS) és valószínűleg macOS-re is.Viszont nincs Macem, így nem tudom ellenőrizni, mi a hiba.
Találtam online, virtualizált megoldást a tesztelésre, de elég lassú, mellette 10 percről számol vissza, és így nem is találom a hiba okát.
Windows alatti böngészőknél rendben, csak Safarinál nem.Milyen megoldást tudnátok ajánlani, hogy megtaláljam annak az 1-2 elem Safari alatti szétcsúszásának (CSS) az okát?
Köszi.
-
gabor128
aktív tag
Üdv!
Újra itt vagyok! Haladok az anyaggal. Viszont most részben elakadtam egy témában.
Van itt olyan profi ember, akitől megkérdezhetném privátba, hogy mi lehet a gond a kóddal?
(nem akarok a nyakára járni senkinek. Volt már pár megoldandó eset, de ezen a mostanin hiába gondolkoztam egy órát is, nem jövök rá.) Még nem találtam Mentort a környezetemben. -
róland
veterán
válasz
gabor128 #2679 üzenetére
Egy jó összefoglaló, hogy mi is kell ma frontend fejlesztéshez.
Azért a WP-s oldalakat is el lehet adni. Láttam mostanában pár újonnan azzal készült honlapot.
JS nélkül félkarú leszel, ha pedig az megy, akkor szerver oldalon jöhet a Nodejs a PHP helyett.
Ha jól emlékszem Udemy-n van egész jó (sok órás) videós tanfolyam, akcióban egész jó áron, korlátlan hozzáféréssel.
-
Taci
addikt
válasz
gabor128 #2682 üzenetére
Gyorsan eredményre (látható, kész, szép weboldalra) leghamarabb WordPress-szel jutsz (saját topikja: [link] ). Azon belül pedig valamilyen erre kihegyezett rendszerrel, mondjuk a Divivel: [link] vagy az Elementorral: [link] .
Nézd meg őket, mit tudnak, alap weblapok gyors és igényes összerakásához passzolnak.Ehhez kapcsolódó megrendelésekért pedig nézz szét előbb a környezetedben, csinálj pár demó oldalt, mutasd körbe, menj direktben kisebb vállalkozásokhoz, cégekhez, ismerősökhöz, aztán hátha elindul a dolog valahol.
-
gabor128
aktív tag
Kösz mindkettőtöknek a választ!
Nyilván nem lesz azonnali bevétel. Ezt nem is így képzeltem. A tanfolyam is kb fél év lenne és utána még fel kéne építeni az üzletet. Ezért volna fontos látnom, hogy van-e piac erre, mert nagyon sok időt kellene beletennem és ha a végén kiderül nincs rá igény, akkor felesleges. Azt se szeretném ha rossz irányba indulnák. Nyilván a tanfolyamon azt tunkolják hogy van igény erre, de hát ők is gondolom a tanfolyam árából élnek.Amiért mégis érdekel ez a téma az az hogy másodállásban és kötetlen időben végezhető és otthonról. Nem sok más munkát ismerek amire du. 4 után lenne igény és kb helyben. Mert szivesen elmennék boltba is dolgozni, csak a műszakbeosztás nem passzol a főálláshoz.
Programozásban nem vagyok spíler. Anno foglalkoztam valamennyit ezzel suliba. Meg most elkezdtem youtube-on megnézni az ingyenes html programozást és gyakorolni. Utána CSS.
Ha mást nem, akkor összetákolok magamnak egy weboldalt és kiváltom a vállalkozóit és megpróbálok árulni valamit az oldalon. Egyelőre jobb ötletem nincs.
Azzal tisztában vagyok hogy a komoly programozók azok főállásban és csak azzal foglalkoznak. Meg ők nem fél év alatt tanulják meg, hanem évek. -
Taci
addikt
válasz
gabor128 #2679 üzenetére
Ha megnézed, egy egyszerű Google-keresés mennyi de mennyi weblapkészítő vállalkozást dob fel, egyből látni fogod, hogy nagyon de nagyon telített piac. Persze vannak jobbak, rosszabbak, drágábbak, olcsóbbak, de az ilyen szolgáltatást keresők nagyobb része először inkább az árat nézi, és csak aztán a minőséget. (Nincs felmérésem róla, ezt csak így gondolom.) Szóval ha te újoncként akarsz beszállni, akkor vagy nagyon jó minőséget kell produkálnod már az elejétől, amivel kitűnsz a tömegből, vagy a konkurencia alá kell menned árban. Az előbbihez rengeteg tapasztalat, idő és referencia is kell, szóval az elején az nem lesz meg még. Szóval marad az árral való "alávágás". Legalábbis én így látom.
Nem lebeszélni akarlak, mert valahol mindenki elkezdi, de szerintem az nem a helyes hozzáállás ebben a témakörben, hogy ebből már azonnal megélhess. Rengeteg befektetett munka, tanulás, aztán ügyfélszerzés, reklám stb. Biztosan jól és jövedelmezőre is fel lehet építeni, de szinte biztosan nem egyik percről a másikra.
Sok szerencsét és kitartást hozzá!
-
gabor128
aktív tag
Sziasztok,
Egy fura kérdésem lenne:
Másodállásban meg lehet élni webdesign (wordpress+css) munkából?
Az van hogy keresgélek másodállást és van ilyen tanfolyam, csak nem tudom beiratkozzak-e. Ők azt mondják van igény weboldalak készítésére, de egy programozó kolégám azt mondta hogy ilyen, ezekkel elkészíthető egyszerű weboldalakra nincs igény.
Szóval nem tudom belevágjak-e. A tanfolyam se olcsó. Nagy tapasztalatom nincs. Anno C-ben suliban tanultam programozni. Van valakinek tapasztalata? Érdemes belevágni vagy inkább PHP? -
-
-
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.. -
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
-
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] -
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.
-
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/
-
lanszelot
addikt
Hello,
Sehogy sem értem miért nincs középen a felirat vertikálisan.
Valamiért a heading lefele eltolja, de ha nincs heading, akkor meg fent van, nem lent, tehát úgy se.
Valaki tudna segíteni hogyan tudom középre rakni a feliratot?
/több ilyen van, tehát a nevek-container közepére kell rakni, nem a képernyőnek/ -
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]
-
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?
-
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.
-
-
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! -
lanszelot
addikt
Hello,
Lehet css -ben olyat csinálni, ha :hover egy class -on, akkor egy másik class vagy id display none -ra vált amíg rajta vagyok egérrel?Vagy ezt csak js -ben tudom megcsinálni?
/js-t tudom hogyan, csak érdekelne, hogy csak css-el is meg lehet e oldani valahogyan/ -
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
-
lanszelot
addikt
Hello,
Tudna vki segíteni, miért csúszik le egy sorral a második "semmi"?
codepen
Egyszerűen nem látom hol kellene állítanom, és mit. -
-
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!
-
-
martonx
veterán
-
-
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!
-
Gabe2100
csendes tag
Sziasztok!
Érdeklődnék, hogy az alábbi videóban látottak alapján, mást is lehet generálni például famintát vagy gránitmintát stb.....? Csinált már valaki hasonlót? egy másik topik-ban codpen.io ajánlották nekem ez mennyire megbízható / szakmai oldal?https://www.youtube.com/watch?v=Sa3VIEEpXJQ
-
-
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
-
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
-
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.
-
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!
-
-
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
... -
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, body
ré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!
-
cattus
addikt
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;
} -
lanszelot
addikt
Hello,
A navbar nagyon nem megy nekem.
Pontosítanám: az SEM
Tudna valaki segíteni, hogy középen legyenek, de ne takarják ki egymást? -
lanszelot
addikt
válasz
martonx #2621 üzenetére
Igen, az jó lehet, gondoltam is rá, de most a sufni tuningnál maradok, mert az egész oldalt újra kell szerkeszteni, és pár dolgot átírni.
Most, hogy már látszik az élesítés közelsége, későbbre halasztom.
Elég sok időm, és munkám van már benne.
Majd később is meg tudom csinálni.
Most inkább befejezem, és majd utána.A Chart js -nél nem sikerült a háttér, az marad alapon. sehol se találtam, hogy lehetne megoldani. Hogy egyáltalán lehetséges e állítani.
-
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. -
lanszelot
addikt
színezd be a terúletet ahol a lista van, no nem abban van a kereső bár, tehát felugrik a fejlécre /ott a menü és a fejléc kép/
martonx: írtam, hogy azzal se lehet megoldani.Más kérdés:
Chart js nél hogy tudom a teljes html dokumentum background-color -t állítani?
*{} nél sem színezi be -
disy68
aktív tag
-
lanszelot
addikt
Margin-nal a search bar is lemegy, és még mindig kitakarja az elsőt.
Ha kirakom a nav ból, akkor nem lesz ott oldalt, hanem felkerül a fejlécre./mint ahogy a peldádon is van/Arra is gondoltam, hogy lerakom, de akkor meg a legalsó elemet takarja ki.
Ezeket már mind próbáltam, és nem működik, ezért vagyok elakadva. -
disy68
aktív tag
-
lanszelot
addikt
válasz
martonx #2608 üzenetére
Bocsánat, megcsináltam, csak rosszul szúrtam be a linket.
Itt a link -
lanszelot
addikt
Hello,
Fixre szeretném a keresőt, de akkor kitakarja az első elemet.
Ha kiveszem a posiion fix -et a keresőből, akkor jó, de nem fix.
Hogyan tudom megoldani? -
lanszelot
addikt
Hello
Több dolog is van amit nem tudok megoldani ezen
- A fenti kép és a bal menü közötti kis rést. /ne legyen ott/
- A bal menü pont a lap aljáig tartson
- A 2 gomb ne legyen egymáson
- A 2 gomb jobb alulra kerüljön
Tudna valaki segíteni benne? -
-
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!
Új hozzászólás Aktív témák
Hirdetés
- Kodi és kiegészítői magyar nyelvű online tartalmakhoz (Linux, Windows)
- Bittorrent topik
- Bambu Lab 3D nyomtatók
- Az új vezér szerint már nincs a legjobb tíz chipgyártó között az Intel
- Autós topik
- Lakáshitel, lakásvásárlás
- Tesla topik
- SSD kibeszélő
- Jóárasított AI PC-ket szeretne látni az AMD
- Melyik tápegységet vegyem?
- További aktív témák...
- ÁRGARANCIA!Épített KomPhone i5 13400F 16/32/64GB RAM RTX 5070 12GB GAMER PC termékbeszámítással
- Vidd haza a jövő RAM-ját már ma! 2x16Gb DDR 5
- BESZÁMÍTÁS! Gigabyte G5 KC Gamer notebook - i5 10500H 16GB DDR4 512GB SSD RTX 3060 6GB WIN10
- Macbook White 13" unibody
- Bomba ár! HP EliteBook 2560P - i5-2GEN I 4GB I 320GB I 12,5" HD I W10 I Garancia!
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: Promenade Publishing House Kft.
Város: Budapest