Hirdetés
- LordAthis: RETRÓnia - RETRÓ Mánia - Úton van hozzám egy csodás történelmi darab!
- GoodSpeed: 24 éves a Windows XP! Nézzen ki úgy a Windows 11 mint az XP?
- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- sh4d0w: Kalózkodás. Kalózkodás?
- ZolaMan: NerdQAxe++ 4.8TH/s SHA256 BTC Miner Modding
- eBay-es kütyük kis pénzért
- Kalandor: Tartalom
- sziku69: Szólánc.
- gban: Ingyen kellene, de tegnapra
Új hozzászólás Aktív témák
-
#2275
BTminishop
aktív tag
PumpkinSeed
#2274
BTminishop
aktív tag
válasz
PumpkinSeed
#2274
üzenetére
sikerült megoldani. Viszont újabb problémába ütköztem tanulásom során.
Hogyan tudnám azt megoldani, hogy a weboldalam több ablakméretben is ideális legyen ?
Gondolok itt arra, hogy van két monitorom, az egyik 1366*768-as a másik pedig 1920*1080-as és mondjuk rá ha a kisebb monitorról átviszem a nagyobbra, akkor másak az elhelyezések tehát nem responsive a web oldalam. Remélem érthető a kérdésem.
Üdv -
#2240
Des1gnR
őstag
PumpkinSeed
#2236
válasz
PumpkinSeed
#2236
üzenetére
Köszönöm mindenkinek, a height: auto; megoldotta
-
tamas1985
tag
válasz
PumpkinSeed
#2217
üzenetére
Felraktam
[link]
Szóval a gond, hogy mobilon azt szeretném elérni hogy úgy jelenjen meg hogy minden div egymás alá kerüljön, kijelző szélességeben. -
tamas1985
tag
válasz
PumpkinSeed
#2217
üzenetére
csak a css részét rakjam fel?
-
#2116
brickm
őstag
PumpkinSeed
#2115
brickm
őstag
válasz
PumpkinSeed
#2115
üzenetére
levettem a header és a menu divek padding és margin-ját nullára, de továbbra is ugyan akkora rés maradt.
Megpróbálok mindent kivenni a css-ből és csak annyit bennehagyni ami a div elrendezéshez kell hátha -
#2101
brickm
őstag
PumpkinSeed
#2100
brickm
őstag
válasz
PumpkinSeed
#2100
üzenetére
Áhá.
Értem már. Ahogy látom csoportosítást csináltál. Erre nem gondoltam igazából.
Köszönöm a segítséget! -
#2099
brickm
őstag
PumpkinSeed
#2096
brickm
őstag
válasz
PumpkinSeed
#2096
üzenetére
.
Nem tudom erre gondoltál-e, vagy én értelmeztem rosszul amit írtál:
[link]
Csak amit említettem probléma, hogy nincs egymás alatt 2 div a menu meg a container úgy, hogy mindkettő mellett fut a left right div. -
#2098
martonx
veterán
PumpkinSeed
#2096
martonx
veterán
válasz
PumpkinSeed
#2096
üzenetére
Emberünk megcsinálta végre jsfiddle-ön a példát, megcsinálnád neki a layout-ot olyanra, amilyenre szeretné? Kiszedtem belőle a szemteket: [link]
-
#2097
brickm
őstag
PumpkinSeed
#2096
brickm
őstag
válasz
PumpkinSeed
#2096
üzenetére
Próbálok rájönni hogyan gondolod.
A gondom inkább azzal van, hogy ugye egymás alatt van 2 divem (menu container) és mindkettőnek kell mellette lennie a left és right divnek.
Szóval önmagában ha ezek nem lennének egymás alatt, akkor simán eltenném a hármat egymás mellé, ez zavar be nekem.
gyors felvázoltam a div elosztást, meg a css jórészét, hogy értsd miért bonyolítja ez meg nekem a dolgot.[link] a képeket is beletettem, hogy értelmezhetőbb legyen a dolog.
-
#2046
Zedz
addikt
PumpkinSeed
#2045
Zedz
addikt
válasz
PumpkinSeed
#2045
üzenetére
Anno egy nevesebb, külföldi légitársaság küldött egy screenshotot, hogy egy ősrégi IE-ben nem úgy mennek a dolgok ahogyan kellene... Nem tudtam nevessek-e vagy sírjak.
-
#2029
martonx
veterán
PumpkinSeed
#2028
martonx
veterán
válasz
PumpkinSeed
#2028
üzenetére
Természetesen addig én is eljutottam pillanatok alatt, hogy a behúzásnál meg lehet(ne) mondani, hogy milyen subset-tel kérem. De ennek a fontnak csak latin1 subsetje van, nincs se ciril, se extended.
Szóval ilyen esetben mit lehet tenni? -
#2017
Zedz
addikt
PumpkinSeed
#2016
Zedz
addikt
válasz
PumpkinSeed
#2016
üzenetére
Na igen, megvan ennek a szakmának is a szépségei. De már rengeteget offoltunk, ideje abba hagyni.
-
#1957
Sk8erPeter
nagyúr
PumpkinSeed
#1956
Sk8erPeter
nagyúr
válasz
PumpkinSeed
#1956
üzenetére
Ilyenkor nézd meg a webfejlesztő panelnél a Computed fülön a display-tulajdonságot - itt azt is látod, ha a böngésző alapértelmezett tulajdonsága érvényes, illetve azt is, ha egy vagy több egyéni beállítás felülbírálta ezt.
Ja, amúgy itt láthatsz listát az inline vagy blokkszintű elemekről:
https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elemente
https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements -
#1955
DNReNTi
őstag
PumpkinSeed
#1954
DNReNTi
őstag
válasz
PumpkinSeed
#1954
üzenetére
Mert a label az default inline elem, azok width attribútuma automatikus, de ha megváltoztatod inline-block-ra, akkor megkapja a blokkelemek áldásos tulajdonságait, például, hogy megadható a szélessége.
-
#1791
Sk8erPeter
nagyúr
PumpkinSeed
#1790
Sk8erPeter
nagyúr
válasz
PumpkinSeed
#1790
üzenetére
Ja, akkor bocsi, figyelmetlen voltam.
(#1789) Zedz: jaja, csak ijesztő volt azt hallani, hogy tervezed, hogy átnyergelsz OS X-re.
-
#1739
Zedz
addikt
PumpkinSeed
#1737
Zedz
addikt
válasz
PumpkinSeed
#1737
üzenetére
Ez hatalmas.
Már találkoztam olyannal, amikor a megrendelő egy nagyon vékony elválasztó vonalat szeretett volna az oldalra. Megadtuk ennek a vonalnak a szélességét 1px-re. Kérdezte,nem lehetne még ennél is vékonyabb? 
És akkor rendesen el kellett neki mondani, hogy mi az a pixel, mennyi az 1px, és akárhogyan szeretné, azt mi nem tudjuk megfelezni. -
#1738
DNReNTi
őstag
PumpkinSeed
#1737
DNReNTi
őstag
válasz
PumpkinSeed
#1737
üzenetére
Imádom ezt a videót.
Bármikor fel tud b*szni. (#1734) honda 1993
Még szerencse, hogy pont a napokban (tegnap) volt erről szó. -
#1724
honda 1993
senior tag
PumpkinSeed
#1691
honda 1993
senior tag
válasz
PumpkinSeed
#1691
üzenetére
Sorry hogy nem válaszoltam.
Köszönöm a segítséget, viszont nem tudom hogy mennyire jó ötlet az hogy pont én írjak egy logout bejegyzést.
Sk8erPeter " Na de vissza a lényegre, attól mert már elterjedtebbek a nagyobb felbontások mint az ősi 1024-1260, én még nem tenném a desktop nézetet az e feletti felbontástartományba, rákényszerítve a kisebb felbontáson netezőket a tablet nézet használatára."
Ezt a tabletnézetre "kényszerítést" most nem értem: pont az a lényege a reszponzív kialakításnak, hogy nincsenek különálló desktop és mobil (vagy tablet) nézetek, hanem az oldal elemei felbontástól függően másképp helyezkednek el, kicsit máshogy néznek ki (pl. más szélességűek, stb.), de egyéb tekintetben az oldal ugyanaz. Szóval pl. teszteled, hogy kisebb szélességen hogy néz ki, aztán mi van, ha nagyobb felbontáson nézed, és így tovább, és közben szépítgeted.
Nem úgy, mint itt, a PH!-n, ahol a kissé lejárt, béna, különdomaines, mobilfelületre átirányítós megoldás van (m.prohardver.hu aldomainen). "Köszönöm szépen a hosszú válaszod, és bocsi hogy csak most írok vissza.
-
#1715
adam_
senior tag
PumpkinSeed
#1714
adam_
senior tag
válasz
PumpkinSeed
#1714
üzenetére
Erre valaki rákukkantana, már korábban a "félkész" változatot feltettem nektek, ergo bírálatra, kérlek valamelyikőtök erre is ránézne Inspektorral, hogy kódügyileg szép-e amit csináltam? Egyszerű pár órás összedobott honlap, az első heti projektzáráshoz kell a suliban, de szeretném azt is tudni, hogy a mögötte álló kód is szépen, rendezetten nézzen ki.
Előre is köszönöm ezt, és az eddigi hasznos tippeket.
PumpkinSeed: Akkor beleadok apait-anyait, csak nem akarom túl "fellengzősre" se fogni. Főleg itt a németeknél.
Adam
-
#1661
fordfairlane
veterán
PumpkinSeed
#1657
fordfairlane
veterán
válasz
PumpkinSeed
#1657
üzenetére
Ezért is vannak olyanok, akik front-endre specializálták magukat. Illetve ez is az oka annak, hogy a CSS-frameworkok használata terjed, mint amilyen pl. a Bootstrap vagy a Foundation.
-
#1654
honda 1993
senior tag
PumpkinSeed
#1651
honda 1993
senior tag
válasz
PumpkinSeed
#1651
üzenetére
Én a reszponzív megvalósítást mindig utólag csinálom.
Tehat akkor az az allitas amit a haverom megfogalmazott valoban egy baromsag ugye?
Mert bevallom nem szeretnem ujrairni az egeszet.
Sot, valoszinuleg a responzive reszt ,majd csak az utan csinalom meg hogy feltoltottem az oldalt, mert már tenyleg nagyon szeretnem vegre utnak inditani. -
#1653
fordfairlane
veterán
PumpkinSeed
#1652
fordfairlane
veterán
válasz
PumpkinSeed
#1652
üzenetére
A mobile-first tervezés manapság már nem olyan ritka. Említhetném megint a Bootstrapet. Szóval értem én, hogy te hogy szoktad csinálni, de ez azért nem az oldaltervezés nonplusz ultrája.
-
#1650
fordfairlane
veterán
PumpkinSeed
#1649
fordfairlane
veterán
válasz
PumpkinSeed
#1649
üzenetére
Oké, akkor én meg leírtam, hogy hogyan másképp szokás még reszponzívvá tenni az oldal megjelenítését. Ha valami 100% szélességű, akkor pont hogy egymásba csúszhatnak az elemek, ha egy keskeny kijelzőn nézi valaki az oldalt. Éppen a relatív hosszmértékek alkalmazása az, ami sokszor nem elég a különféle képernyőméret - képernyőoldal-arány kezeléséhez, ezért is lett kitalálva az egész media-query szisztéma.
-
#1646
fordfairlane
veterán
PumpkinSeed
#1642
fordfairlane
veterán
válasz
PumpkinSeed
#1642
üzenetére
Nem értem, mit akarsz közölni velem. Középre igazításhoz nincs szükség média querykre. A média querykre akkor van szükség, ha megjelenítőtől függő stíluselemeket szeretnél használni. Például keskeny képernyőn mindent egymás alá pakolsz, széles képernyőn viszont van hely balra-jobra. Ebben az esetben egy bizonyos vízszintes felbontás alatt más stílusdefiníciókat használsz, mint afölött. Ennyi.
A média queryk feltételvizsgálatai nem csak felbontásra, hanem további négy osztályozás is létezik, megjelenítő típusra (screen, print), színmélységre, orientációra (landscape, portrait), és oldalarányra vonatkozhat.
Stílusdefiníciókat megadhatsz úgy, hogy alapvetően asztali gépre, annak a megjelenítőjére tervezed az oldalt, és az ettől való eltérés kezeled külön média-querykkel. Például ha a vízszintes felbontás 640px-nél kisebb, akkor a default stílushoz képest ez meg az az elem eltér. A másik megközelítés, hogy mobileszközre tervezeda megjelenítést, és aztán ahogy skálázódik a megjelenítő fewlbontása felfelé, úgy adod meg az adaptálódó stíluselemeket. Ezt nevezik "mobile-first" stílustervnek. Ezzel a kifejezéssel a Bootstrap 3-nál is lehet találkozni, a készítői is ezzel a mobile-first szemlélettel építették fel pl. a CSS grid rendszert.
-
#1645
DNReNTi
őstag
PumpkinSeed
#1644
DNReNTi
őstag
válasz
PumpkinSeed
#1644
üzenetére
Egyetértek. A laposom 15" FHD. Kellemetlen.
-
#1643
DNReNTi
őstag
PumpkinSeed
#1642
DNReNTi
őstag
válasz
PumpkinSeed
#1642
üzenetére
Érthető, végül is tök ugyanarról beszélünk.
Szerintem a többség (pl én) default-nak a desktopot tekinti, ami ugye az 1024-1260px szélesség körül/között mozog. Ettől pedig van nagyobb, legalább egy: a FHD. De ez ilyen idealista nézet, nem sokan törődnek ezzel, van mobil/tablet/deskrop a többieknek meg ott a ctrl+plusz. -
#1639
fordfairlane
veterán
PumpkinSeed
#1636
fordfairlane
veterán
válasz
PumpkinSeed
#1636
üzenetére
Úgy érti, hogy a reszponzív design a CSS media query-re épül, ami esetében nem csak minimális felbontásra lehet vizsgálni. A felbontást úgy kezeled, ahogy az jól esik. Sőt, vizsgálhatod a színmélységet és sokminden mást. [link]
-
#1638
DNReNTi
őstag
PumpkinSeed
#1636
DNReNTi
őstag
válasz
PumpkinSeed
#1636
üzenetére
Nem csak mobil tablet és desktop nézet van, hanem hd, retina és 4k is. Illetve hát ki, hogy implementálja, nincs ez kőbe vésve. Gondolom erre célzott.
Szerk:
(#1637) honda 1993
Hát hogy érdemi segítséget is kapj, először is kéne kód. JSFiddle-n szípen leegyszerűsítve. Lottózhatunk itt estig, én ráérek, de amíg nem tudjuk mit csinálsz elég kicsi az esélye, hogy megtudjuk mondani mi a gond. Továbbá még mindig nem tudjuk mekkora annak a TV-nek a felbontása.
Szerk:
Mégtovábbá ajánlanám figyelmedbe Zedz egyszerű kis példáját, ha ezzel a módszerrel igazítod középre az oldalt, tök mindegy mekkora kijelzőn nézed, mindig középen lesz, akár mobil, akár 4K. -
#1635
Sk8erPeter
nagyúr
PumpkinSeed
#1633
Sk8erPeter
nagyúr
válasz
PumpkinSeed
#1633
üzenetére
"A reszponzív design csak akkor lép érvénybe
n, ha az eredetileg tervezett felbontásnál kisebb felbontáson is szeretnéd megjeleníteni az oldalad."
Vagy épp nagyobbon. -
#1634
DNReNTi
őstag
PumpkinSeed
#1633
DNReNTi
őstag
válasz
PumpkinSeed
#1633
üzenetére
Pontosan. Én valami float-olt és/vagy abszolút pozicionált hekkmányolást sejtek itt, ami kisebb felbontásokon megjelenik kb rendesen, nagyobb felbontáson meg szíjjelborul.
Érdekesség: a Chrome nem húzta alá, hogy "szíjjelborul".
-
#1619
#39417856
törölt tag
PumpkinSeed
#1614
#39417856
törölt tag
válasz
PumpkinSeed
#1614
üzenetére
Elnézést
Már csinálom is
Itt van a JSFiddle "alkotásom"
Szóval azt szeretném elérni, hogy a content ("Szöveg itt") leíró rész magassága automatikusan változzon a szöveg nagyságától függően (ezt azt hiszem sikerült megcsinálni) ehhez kapcsolódóan a menü elemeket tartalmazó rész mindig ugyan olyan magas legyen, mint a content, tehát kövesse a doboz hosszát a jobb oldali doboz. -
#1615
honda 1993
senior tag
PumpkinSeed
#1614
honda 1993
senior tag
válasz
PumpkinSeed
#1614
üzenetére
De azt a kerdest csak viccnek szantam
-
#1613
honda 1993
senior tag
PumpkinSeed
#1611
honda 1993
senior tag
válasz
PumpkinSeed
#1611
üzenetére
"Tudom, hogy feleslegesen írom le mert már tudod, de azért hátha másnak segítség lesz.
![;]](//cdn.rios.hu/dl/s/v1.gif)
"Igy van en mar reges regen tudtam ezeket, de azert lehet hogy meg kerdezek majd persze csak is azert hogy ha esetleg a tobbieknek nem megy valami akkor a ti valaszaitokat elolvasva megertsek a dolgot.
Amugy mi is az a CSS ?
-
#1604
honda 1993
senior tag
PumpkinSeed
#1603
honda 1993
senior tag
válasz
PumpkinSeed
#1603
üzenetére
juhhuuu na ezt el is mentem szepen es holnap utan ha hazaertem akkor megcsinalom.
Koszonom neked is es a tobbieknek is a segitseget.Have a good night.
-
#1598
honda 1993
senior tag
PumpkinSeed
#1595
honda 1993
senior tag
válasz
PumpkinSeed
#1595
üzenetére
Pedig egy hangyani kulombseg van a ket bongeszo szinmegjelenitese kozott. (mozilla es google chrome)
Zedz koszonom , csak azt a bajom hogy az amit csinaltam, azt az altalad linkelt oldalon nem lehet megcsinalni ( elegge egyedi)
Nincs valami amit ha a masik oldal altal generalt kodba beleirok akkor az IE is rendesen meg tudja jeleniteni?
Ez eleg fontos lenne, mert ezt a hatteret mindenkeppen szeretnem megtartani.
-
#1513
adam_
senior tag
PumpkinSeed
#1512
adam_
senior tag
válasz
PumpkinSeed
#1512
üzenetére
.. és köszi a transition: 1s; tulajdonságot is, így picivel szebb az áttűnés. -
#1480
DNReNTi
őstag
PumpkinSeed
#1479
DNReNTi
őstag
válasz
PumpkinSeed
#1479
üzenetére
-
#1441
adam_
senior tag
PumpkinSeed
#1439
adam_
senior tag
válasz
PumpkinSeed
#1439
üzenetére
Köszi, így már jó!
DNReNTi Köszi neked is!
-
#1432
tonyrulez
őstag
PumpkinSeed
#1431
tonyrulez
őstag
válasz
PumpkinSeed
#1431
üzenetére
Ezeket már megcsináltam, file:/// előtaggal és anélkül is, de nem jeleníti meg a képeket egyikkel sem.
-
#1430
tonyrulez
őstag
PumpkinSeed
#1429
tonyrulez
őstag
válasz
PumpkinSeed
#1429
üzenetére
Pontosan, csakhogy a HTML nincs nálam, egy online oldal kinézetét változtatom meg egy Stylish script-el. Így néznek ki a képek linkjei:
background:url(https://p1.picsto.re/zgNZn.jpg);
Ezt mire kell átírni pontosan? -
#1318
adam_
senior tag
PumpkinSeed
#1315
adam_
senior tag
válasz
PumpkinSeed
#1315
üzenetére
Köszönöm, így már jó!
Az miért van, hogy html-ben megírom menüfunkcióként a listámat, style formázás után mégis fordítva jeleníti meg a benne található elemeket. Gondolok itt arra pl, hogy a "Home" menü lenne az első, de valamiért azt teszi legutoljára, és a "Contact" fület pedig az első helyre.
Valamint még egy "technikai észrevétel". A DW CC-ben az élő nézetben valamikor teljesen más mutat a honlap megjelenítésnek, mint amit chrome vagy mozillában látok. Ezért is már csak mentést követően ezekbe a böngészőkbe nézem az oldal megjelenését. A "Live-nézet" DW-ben egyszerűen rossz lenne?
-
#1317
DNReNTi
őstag
PumpkinSeed
#1315
DNReNTi
őstag
válasz
PumpkinSeed
#1315
üzenetére
"<div id="clear"></div>"
Wat?Egy: nincs definiálva a CSS-ben, kettő: mér' id? A clearfix legyen már osztály, ha már ebben a formában használjuk. Meg amúgy is: ne az img tag kapjon már globális float-ot, főleg, hogy még konténer is van neki. És végül: az egész elintézhető ennyivel: display: inline-block;
-
#966
pvt.peter
őstag
PumpkinSeed
#965
pvt.peter
őstag
válasz
PumpkinSeed
#965
üzenetére
Szia!
Köszi szépen, belekukkantok
-
#963
Zsolt1
tag
PumpkinSeed
#960
Zsolt1
tag
válasz
PumpkinSeed
#960
üzenetére
Köszönöm a segítséget így tényleg működik!
És akkor rendesen el kellett neki mondani, hogy mi az a pixel, mennyi az 1px, és akárhogyan szeretné, azt mi nem tudjuk megfelezni.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
"
Új hozzászólás Aktív témák
- -ÚJ,2 ÉV GAR- GAMER PC: i5-14400F (10mag/16szál) +RTX 3060Ti/3080 +16-64GB DDR4! SZÁMLA! 70 féle ház
- Gamer PC-Számítógép! Csere-Beszámítás! I3 14100F / RTX 3060Ti / 16GB DDR5 / 1TB SSD
- Nitro ANV15-41 15.6" FHD IPS Ryzen 5 7535HS RTX 4050 16GB 512GB NVMe gar
- Microsoft Surface PRO 6 (256GB) + Billentyűzet
- Dell Precision 15,6" FullHd IPS,Magyar,core i7,2/4GB VGA,8-16GB RAM,240GB-1TB SSD,jó akku,Win11,szép
- HP ZBook Studio x360 Gen5 Intel Xeon E-2176M
- Bomba ár! Dell Latitude 5500 - i5-8GEN I 16GB I 256SSD I HDMI I 15,6" FHD I Cam I W11 I Garancia!
- Apple iPhone 13 256GB / Kártyafüggetlen / 12Hó Garancia / 100% Akku
- HIBÁTLAN iPhone 13 Pro 256GB Sierra Blue 1ÉV GARANCIA -Kártyafüggetlen, MS3743, 100% Akkumulátor
- HIBÁTLAN iPhone 14 Pro 128GB Space Black -1 ÉV GARANCIA -Kártyafüggetlen, MS3590, 100% Akkumulátor
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő