Új hozzászólás Aktív témák
-
adam_
senior tag
Van egy elkészült index.html és hozzá tartozó style.css. Ezt az indexet szeretném úgy formázni, hogy mobil eszközökön is szépen látszódjon a rajta lévő tartalom (menüvel, logóval, tartalommal...), etc. megfelelően méretezze át. Dreamweaver cc-ben viszont, ha beírom a style.css aljára a lentebb látható kódot, akkor már normál PC monitoron is átállítja a logo méretét, menübár szélességét ilyen paraméterekre. Mit rontottam el, miért nem csak akkor adja be ezeket a méret és egyéb módosításokat, amikor lekicsinyítem az ablak méretét? Előre is köszönöm a segítségeteket!
@media only screen and (min-width: 150px) and (max-width: 600px)
{
.body {
width: 90%;
font-size:95%;
}
.mainHeader img {
width: 100%;
}
.mainHeader nav {
height:160px;
}
.mainHeader nav ul {
padding-left:0;
}
.mainHeader nav ul li {
width:100%;
text-align:center;
}
}Közben rájöttem, hogy kétszer volt írva a min-width az első sorban.
[ Szerkesztve ]
-
adam_
senior tag
válasz honda 1993 #1294 üzenetére
Én is még csak most ismerkedem ezzel a "vonallal", de igen, általában a "desktop-nézet", az alap nézetet takarja, és ehhez jönnek a különböző módosult css tulajdonságok, amelyektől lesz olyan amilyen az oldal kinézete más eszközökön (tablet,mobil...).
-
adam_
senior tag
válasz honda 1993 #1296 üzenetére
Igen.
-
adam_
senior tag
Sziasztok! Van egy #wrapper id-val ellátott div rész a honlapon, a header fölött. Ezen található bal oldalt egy logó, mellette egy szöveg, és jobb oldal vízszintesen a menüsor. Így néz ki htmlben:
<div id="wrapper">
<div id="wrapperLogo">
<img src="img/lion.jpg" width="150" height="100" alt=""/> </div>
<h2> Lion Tour </h2>
<nav>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Guest</a></li>
<li><a href="#">Price</a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">Home</a></li>
</ul>
</nav>
</div>és vizuálisan pedig így: [link]
Hogyan tudnám a logó mellette szöveget a logó mellé középre hozni? Próbáltam paddinggelni h2-re, viszont akkor a menübart is viszi lefelé. Hogyan oldhatnám meg, hogy csak a szöveg mozogjon a megfelelő helyre?
Előre is köszönöm a segítségeteket!
-
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?
[ Szerkesztve ]
-
adam_
senior tag
A tartalmi résznél kép a két hasáb között valamiért nem teszi fehérré a lapot, gondolom a body osztály színbeállításait nézi. Itt a kód a content részhez:
<div class="content" id="leftContent">
<h4> Tour in Africa </h4>
<img src="img/leftSideImg.jpg" height="200" alt=""/>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
</div>
<div class="content" id="rightContent">
<h4>Lion Safari</h4>
<img src="img/africa-animal-cat-1066.jpg" height="200" alt=""/>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>Itt a hozzá tartozó CSS:
.content {
background-color:#FFF;
}
#leftContent {
float:left;
text-indent:25px;
text-align:justify;
font-size:15px;
width:48%;
border-left:solid 1px #A6A6A6;
}
#leftContent img {
float:left;
padding-right:5px;
padding-left:5px;
}
#rightContent {
float:right;
text-indent:25px;
font-size:15px;
text-align:justify;
width:48%;
border-right:solid 1px #A6A6A6;
}
#rightContent img {
float:right;
padding-right:5px;
padding-left:5px;
}
.content h4 {
color: #ec8000;
text-weight:bold;
text-align:center;
}Ha egyszerűen a content részt teszem fehérré, akkor se teszi egyszerre a left és a right side-ot fehérré, mindig közte marad a kis rés, ami a body osztály színbeállításait nézi. Hogyan tudnám a két sideot egységesen fehér háttérrel ellátni?
[ Szerkesztve ]
-
adam_
senior tag
válasz DNReNTi #1327 üzenetére
<div id="side1">
<div class="content" id="leftContent">
<h4> Tour in Africa </h4>
<img src="img/leftSideImg.jpg" height="200" alt=""/>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
</div>
<div class="content" id="rightContent">
<h4>Lion Safari</h4>
<img src="img/africa-animal-cat-1066.jpg" height="200" alt=""/>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>Csináltam egy side1 divet, ami felöleli a tartalmakat, és ezt a side1 ID-s divnek css-ben megadtam a width:100%-os értéket és fehér szint, viszont továbbra is közte van az a pici szürke rés.
[ Szerkesztve ]
-
adam_
senior tag
válasz DNReNTi #1344 üzenetére
Valamint még egy "technikai észrevétel". A DW CC-ben az élő nézetben valamikor teljesen más mutat (pl header szélességnek) 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 néha bugos lenne?
[ Szerkesztve ]
-
adam_
senior tag
Egy Youtube videót szeretnék beágyazni az oldalalom, JSFiddle szépen meg is jeleníti a kódot, de ha élesbe beszúrom a honlap kódjába, akkor ott nem hoz be semmit, csak egy üres részt, "szürke színnel, ami a háttér színe". Próbáltam esetleg clear beszúrással is, de úgy sem jó. Itt a kódrészlet: [link] Hozzáteszi még, hogy" a fájlt, vagy könyvtárt nem sikerült megtalálni" egy kis ablakban az éles nézetben.
A régi hosszú "object" kódos youtube beágyazással sem jó.
[ Szerkesztve ]
-
adam_
senior tag
válasz fordfairlane #1354 üzenetére
Nekem is érdemes volt!
-
adam_
senior tag
Hogyan tudnám a képen alul látható madársziluettet a header sarkára fölülre "ültetni"? Én így próbálkoztam:[link]
Egyszer sikerült is a madarat jobb felső sarkára "ültetni", viszont gondolom a header abszolút poziciójának következtében az egész content rész a header alá csúszott, viszont a madár a helyén volt. Mi erre a legjobb módszer, mit rontok el?Előre is köszönöm a válaszokat!
[ Szerkesztve ]
-
adam_
senior tag
válasz DNReNTi #1359 üzenetére
Az én módszeremmel nem lehetséges? Nem tudom melyik képbe/-hez tudnám hozzátenni. A felső rész áll egy wrapperből, amibe van a logó bal oldalt, mellette a szöveg, majd a menüsáv, ez alatt van a header, amiben a zebrás kép van. És én ezt a madarat a #wrapper jobb felső sarkába szeretném "ültetni".
[ Szerkesztve ]
-
adam_
senior tag
válasz DNReNTi #1361 üzenetére
Na, összelegóztam pixelenként... [link] Köszi!
Másik kérdésem. Ha nekiállok egy másik oldal elkészítésének, viszont a stílus nagyjából ugyanaz mint az indexlapomon, akkor mi a legbeváltabb módszer a stílus átvitelére? Gondolok itt arra, hogy hozzak létre még egy css-t, pl. style2.css névvel, majd ctrl+c, ctrl+v az eredeti stíluslapról, és ahol kell módosítgatom az új lapnak megfelelően?
[ Szerkesztve ]
-
adam_
senior tag
válasz Sk8erPeter #1364 üzenetére
Igen, most úgy kezdtem el, egyszerűen belinkeltem a másik html-be az alap stíluslapot, és az alap stíluslap aljára tettem egy sor kommentet az aktuálisan szerkesztett html nevével, és az alá írom, ahol módosítás van. Nem tudom, hogy ez "szép" módszer-e és átlátható kódot eredményez..
[ Szerkesztve ]
-
adam_
senior tag
Folyamatosan tanulom a CSS3-at és hozzá a HTML5 nyelvet. A könyvben elég sokszor felmerül, hogy az IE ezt, meg azt nem értelelmezi CSS formázás kapcsán. Kérdezném, hogy aki Frontend fejlesztéssel foglalkozik már régebb óta, mi a tapasztalata, a fejlesztők ezzel hogyan "szembesülnek"? Egyszerűen úgy fejlesztenek, hogy azokat a CSS parancsokat kerülik, amelyek IE-nél problémásak, vagy egyszerűen az IE-t nem veszik figyelembe a frontend fejlesztésnél mert ezekből kiindulva elavult lenne?
Pl. most a background-clip és background-origin parancsoknál tartok, és ezeket egyáltalán nem értelmezi az IE, ami szerintem elég problémás a fejlesztésnél, amikor arról van szó, hogy minden böngészőn ugyan úgy jelenjen meg az oldal.
[ Szerkesztve ]
-
adam_
senior tag
válasz martonx #1374 üzenetére
Nem olyan régi könyv, elvileg 2014. szeptemberben lett kiadva.
Igen, IE8-at ír benne, hogy az nem értelmezi, kicsit levoltam maradva.Nekem amúgy IE9-em van, az alábbi kódot mégsem értelmezi, ha megnyitom a fájlt:
background-repeat: no-repeat; background-origin: content-box;
background-position:-100px 200pxHolott Chromeba, Mozillába hibátlanul fut. Najó, ideje frissítenem az IE-em.
[ Szerkesztve ]
-
adam_
senior tag
[link] A divben található kép miért nem mozog a görgetés hatására a háttérképpel együtt? Holott overflow: scroll tulajdonságon van.
DNReNTi Köszönöm a tartalmas válaszodat!
[ Szerkesztve ]
-
adam_
senior tag
válasz Sk8erPeter #1386 üzenetére
Sk8erPeter, DNReNTi Köszönöm így már jó. Nem az első "félreírás" ebben a könyvben.
[ Szerkesztve ]
-
adam_
senior tag
válasz Sk8erPeter #1388 üzenetére
-
adam_
senior tag
válasz Sk8erPeter #1388 üzenetére
A linkelt könyvre visszatérve. Ez csak HTML5 és CSS3 dolgokat tárgyal, jól teszem, ha elsőként a legújabb HTML és CSS szabvánnyal ismerkedem meg és nem a korábbi HTML és CSS változatok tanulásával kezdek?
Korábban már egyetemen tanultam HTML-CSS és egy kis Javascript programozást, igaz csak egy szemeszteren keresztül, azért is szeretném jobban elmélyíteni a tudásomat a témában.Gondoltam aktuálisan, naprakész tudást szeretnék most megszerezni, és egyre inkább előtérbe kerülnek a legújabb HTML5 és CSS3 "fjúcsörök", ezért én is up-to-dateben készítem magam.
Ti erről mit gondoltok?
Még egy kicsit on-topic. Lehetőségem lenne egy Adobe-Zertifikátot letenni Németországban, és ezenkívül még szeretnék más modulokat is tanulni. Mit gondoltok erről a Zertifikatról, és a következő "modulokról", amelyek ezen az oldalon találhatóak: [link] . Hasznos, érdemes, esetleg munkafronton Magyarországon vagy a régióban milyen híre van ezeknek a papíroknak?
Én azt gondoltam elsőként a HTML és CSS nyelvet tanulom, majd Javascript és Jquery lenne hasznos? .. ha front-endes elképzeléseim vannak a jövőre nézve a munka területén? Bár engem nagyon érdekel a PS-os webdesign tervezős téma is, bár nem sokat konyítok még hozzá, de pl. szívesen foglalkoznék azzal is.
Előre is köszönöm a Nagyok véleményét.
[ Szerkesztve ]
-
adam_
senior tag
válasz DNReNTi #1391 üzenetére
A pénz nem számít, ingyen tehetném le, ha leteszem. Természetesen csinálok / meg már csináltam is pár referencia oldalt, amit be tudok mutatni, és ezt is mutatni fogom majd a későbbiekben, ha munkafrontra kerülök.
Akkor aktuálisan összefoglalom "magamnak":
Elsőként HTML5 + CSS3-at tanulok, kurzuson és azon kívül is.
Majd Javascriptet. (Akkor egyenlőre a Jqueryket csak "ismereti szinten" fogom elsajátítani majd)
Ezt követően jönnek majd az általad említett Frameworkok és CSS Preprocessorokban való elmélyülés.
Majd végül kis PHP-zás.A kurzus részemről pedig a tanulás szempontjából fontos, a papír csak "plusz" lenne.
Mennyire fontos még Frontendesként egy adott CMS rendszer alapos ismerete? Wordpress, Drupal? Munkaadótól függ, vagy alapból jó ha ért hozzá az ember? Mert Wordpress és Drupal ismereteim "alaposabbnak" mondhatóak már.
[ Szerkesztve ]
-
adam_
senior tag
A transition tulajdonság használata mennyire jellemző manapság egy weblapfejlesztésnél? Gondolok itt arra, hogy a kép - áttűnéseket, effekteket főként CSS-el oldják meg, vagy Javascripteket alkalmaznak inkább erre?
Meg úgy ámblokk az "egyszerűbb" effektekhez CSS-t alkamaznak, a "bonyolultabbakra" Javascriptet, Jquery-ket? Mi a jellemzőbb?[ Szerkesztve ]
-
adam_
senior tag
Tudnátok ajánlani egy jól felépített, példákat tartalmazó, magyar vagy német nyelvű Javascript könyvet, jegyzetet, ami elsősorban kezdőknek szól, de "komolyabb" szintre is el lehet vele jutni a végére?
Nézegettem amazonon ilyen összefoglalós felépítésű könyveket, ezeket találtam, tanult már valaki ezen kiadó könyveiből, tapasztalatok?
JavaScript-kurz-gut-David-Flanagan
CSS-kurz-Eric-A-Meye
HTML5-kurz-Jennifer-Niederst-RobbinsNem hiszek az ilyen "Tanuljunk meg 24 óra alatt... " és hasonló féle könyvekben, azért keresnek egy igazán jót, és elismertet Javascript témában. Az általam találtak jó értékeléseket kaptak, de sajnos én még nem ismerem ezeket, és nem tudom, hogy érdemes lenne-e megvennem.
(#1418) adam_ Majd valaki erre is nézzen rá, köszönöm szépen!
[ Szerkesztve ]
-
adam_
senior tag
válasz Sk8erPeter #1422 üzenetére
Elnézést!
-
adam_
senior tag
A színátmenet használata linear-gradient, radial-gradient.. használata a komolyabb frontendes fejlesztéseknél mennyire használatos? Szívesen használt pl háttérképek, headerek, esetleg gomb designok kialakításánál?
Próbálok orientálódni, hogy mit érdemes jobban és mit kevésbé oda-vissza "vágni".
[ Szerkesztve ]
-
adam_
senior tag
válasz fordfairlane #1427 üzenetére
Köszönöm, már jó!
Ennek a kódnak pedig ilyen kék-fehér csíkos hátteret kellene adnia, mégsem jön ki, mit rontottam el?
[ Szerkesztve ]
-
adam_
senior tag
Itt látható, hogy sajnos az animáció következtében amint megfordul a Chrome logó, mögötte a "Gyerek - div" -ben található szöveg valamiért nem látszódik a hátoldalán. Többször is már átnéztem a példát, de sajnos nem sikerült rájönnöm, hogy hol a hiba.
Előre is köszönöm az észrevételeket!
-
adam_
senior tag
Itt mi az a css tulajdonság, amellyel a textarea méretét tudom szabályozni? Gondolok itt arra, hogy a felhasználó csak egy bizonyos szélességig tudja széthúzni a beviteli mezőt a szöveg beírása céljából. Most sajnos úgy funkciónál, hogy magából az űrlapból is ki lehet húzni, ami 500px széles és középen található. Megadtam neki 250px szélességet, de mégis ennél "szélesebbre" is lehet húzni.
[ Szerkesztve ]
-
adam_
senior tag
-
adam_
senior tag
Itt valamiért a termékeink menüpontból nem jönnek elő az alatta lévő menüpontok, ha ráviszem az egeret a hover tulajdonság alapján. Mi lehet a probléma?
[ Szerkesztve ]
-
adam_
senior tag
válasz Sk8erPeter #1443 üzenetére
Hoppá, köszönöm! Itt a jó.
-
adam_
senior tag
válasz Sk8erPeter #1448 üzenetére
Köszönöm.
-
adam_
senior tag
Sziasztok! A flexboxos elrendezéseket gyakorlom. Mit gondoltok ez az elrendezés miért nem hasonlít erre:
Elvileg a kódolt flexboxnak is így kellene kinéznie, ennek ellenére a különböző div konténerek teljesen máshol találhatóak. Mely tulajdonság "elírása" okozta ezt? Többször is összevetettem a példatárban található kódot az enyémmel, de mégsem jó.
Előre is köszi a válaszokat!
[ Szerkesztve ]
-
adam_
senior tag
Valamint még az előző témához kapcsolatban elfelejtettem kérdezni, hogy az itt található kódrészletben a flexbox konténer flew-flow:row wrap; tulajdonság beállítása után mégsem töri meg az oldal kinézetét a különböző div konténereknél, ha kisebbre húzom az ablak méretét. Ez miért nem következik be?
Viszont ha a flex-flow tulajdonságot nem shorthandban írom, hanem így:
flex-wrap:wrap;
flex-direction:row; akkor gond nélkül működik a honlap törése kisebb ablakméretekben.[ Szerkesztve ]
-
-
adam_
senior tag
válasz Sk8erPeter #1455 üzenetére
A CSS és HTML mellé ha piacképes Frontendes tudást szeretne szerezni az ember mennyire fontos még a keresőoptimalizálásban szerzett gyakorlat? Valamint a Javascripthez az AJAX?
-
adam_
senior tag
Én januártól az alábbi 4 továbbképző - kurzuson fogok résztvenni folyamatosan 2 hónapon keresztül, ezt ajánlották számomra továbbképzésre speciell a frontendes területre. Feketével a kurzus címe, dőlttel pedig a kurzus tartalmi részei láthatóak. Szóval tanulni fogok elég sok mindenről, emellett magamtól még majd később PHP-zok és megismerkedem majd a CSS Preprocessorokkal is, de úgy gondolom a kurzus tartalmilag felöleli a frontendes programnyelveket és elvárásokat. Ti mit gondoltok erről? Vagy még majd mit lenne érdemes "hozzátanulni"? Apropó Photoshopos, Illustratoros okosságok mennyire játszanak fontos szerepet? Vagy ez egy külön műfaj "designer-meló", nem mindegyik frontendes állásnál kritérium? Vagy jó ha ezt is tudja az ember alapszinten?
Webseitengestaltung mit (X)HTML und CSS - Struktur,
Texte, Farben, Hyperlinks, Grafiken, Formulare, TabellenEinführung
Aufbau eines HTML5-Dokuments
Texte strukturieren
Farben
Hyperlinks
Grafiken
Listen
Formulare
Tabellen
Unterschiede zu XHTML und HTML4Webseitengestaltung mit (X)HTML und CSS - moderne
Weblayouts, Barrierefreiheit, Planen und Erstellen einer
eigenen WebsiteZusammenspiel von HTML5 und CSS
Grundlagen moderner Weblayouts
Standardkonformes Webdesign: Standards, Regeln
Meta-Tags
Suchmaschinenoptimierung (SEO)
Barrierefreiheit
Ausblick: JavaScript
Grafiken für Webseiten optimieren
Planung und Konzeption von Internetseiten
Publizieren der eigenen Webseite im InternetJavaScript, Basics
Einführung / Grundlagen
Erste Schritte
JavaScript einbinden
Sprachelemente
Kontrollstrukturen
Funktionen
Fehlersuche / Debugging
Das JS-ObjektmodellJavaScript - Aufbaukurs
Zugriff auf HTML-Dokumente
Ereignisse / Events
Cookies
DOM-Scripting / DOM-Manipulation
DHTML
Audio und Videosteuerung in HTML5
Ausblick: AJAX
Ausblick: JQuery[ Szerkesztve ]
-
adam_
senior tag
Igazából minden érdekel, de ha szűkíteni kellene a dolgot, akkor inkább HTML, CSS, Javascript irányba mennék el, inkább Frontend. De mivel érdekel a design és hasonló dolgok is (annak ellenére, hogy még nem mélyültem el a témában), azt is csinálnám emellett. Szóval olyan multifunkciósnak nevezném a dolgot.
De mivel a kurzus is inkább frontendre megy rá, meg azt tanulnom jelenleg is, tisztán frontendes is szívesen lennék.De ha már így felvetetted, tisztán a Webdeveloper mivel foglalkozik? Ő Backendes, vagy Back és - Frontendes is egyben? Mert persze a szó szoros értelmében ezt a pozíciót sem vetném el, de mivel úgy godolom, ő foglalkozik szerver oldali dolgokkal is, inkább első körben Frontendes technológiákra feküdnék rá, hozzám az áll közelebb.
Még egy kérdés akkor már. Mely speciális szaktudással van nagyobb esélye, hogy az ember munkát kapjon? Frontend, backend, designer avagy a multifunkciós pozíció?
[ Szerkesztve ]
-
adam_
senior tag
válasz Sk8erPeter #1462 üzenetére
Köszönöm a véleményeteket. Igen, Németországban élek már másfél éve.
-
adam_
senior tag
Ha a honlap egységeik (header, wrapper, footer, article ... etc.) méretezéséről van szó, akkor a responsive design kialakítása érdekében a pl. a különböző div konténerek méreteit célszerűbb és érdemesebb %-ban megadni? Vagy érdemesebb külön erre is inkább @media tulajdonságot használni? Mi erre a "szabály"?
[ Szerkesztve ]
-
adam_
senior tag
A konténerek különböző elhelyezésére inkább a display tulajdonságot, vagy flexboxot érdemesebb használni? Vagy is-is? Mert most párhuzamosan tanulgatom a kettőt, de nem tudok különbséget tenni, hogy most mikor melyik célszerűbb... .. és erősítsetek meg, hogy jól gondolom, hogy a float tulajdonsággal megoldható tájolást csakis a legvégső soron érdemes alkalmazni, vagy ez hülyeség? Valahol ezt olvastam, hallottam.., és hogy elsősorban a display, flexbox-ra kellene hagyatkozni.
DNReNTi, Zedz: Köszönöm a válaszokat!
[ Szerkesztve ]
-
adam_
senior tag
válasz DNReNTi #1475 üzenetére
DNReNTi, Most olvasom a grides linkelt cikkedben, hogy "grid is extremely new, not well supported", tehát egyenlőre a "régebbi" technológiák használata javasolt jelenleg a responsive design kialakításánál? Bár érdemes a griddel már részletesebben ismerkedni, mert a jövőben ez fogja átvenni a régebbi metódusokat? Mit gondolsz erről?
[ Szerkesztve ]
-
adam_
senior tag
válasz DNReNTi #1478 üzenetére
Köszi az új linket.
Erről mit gondoltok? Pontosabban arra lennék kíváncsi, hogy pl. a media query-ben alkalmazott méretezések responsive design esetén így ebben a példában általánosnak mondhatóak? Ezeket a méretezéseket %-ban és px-ben nagy vonalakban lehet alapul venni más oldalak kialakításánál is, ha a responsive design is szerepet játszik?
@media all and (max-width: 480px)
body {
width: 85%;
max-width: 1280px;
min-width: 960px;
}
@media all and (min-width: 481px) and (max-width: 780px)
body {
width: 90%;
max-width: 780px;
min-width: 485px;
font-size: 80%;
}
@media all and (min-width: 780px)
body {
width: 90%;
max-width: 480px;
}Gondolom az article, aside ... egyéb "részek" hossz/szélessége, már ezek mintájára szépen kiszámolgatható margin, padding, border ... méretekkel együttvéve, de most a fő body tagre és a media queryben alkalmazott min, max értékekre térnék ki, hogy mennyire tekinthetőek "iránymutatónak"?
Remélem érthetően írtam le, amit szerettem volna.
[ Szerkesztve ]
-
adam_
senior tag
Valaki elmondaná, hogy pl.: ebben a body tagben mit takar a 100% a font tulajdonságnál?
Valamint a Font tagben írt Georgia, "Times New Roman...", Times azért van így írva, mert pl.: ha a Georgia típust nem értelmezi a böngésző, akkor ugrik a Times New Roman-ra, és így sorban? Ezt a font-family - generic family, meg úgy ámblokk a font tulajdonság felépítettségét elmagyarázná nekem valaki?
body {
width: 960px;
background: #fff;
margin: 0 auto 2em;
font: 100% Georgia, "Times New Roman", Times, serif;
}Előre is köszönöm a segítséget!
Kérlek az előző h.sz.-ra is nézzetek majd rá.
[ Szerkesztve ]
Új hozzászólás Aktív témák
- Medence topik
- Autós topik
- bb0t: Gyilkos szénhidrátok, avagy hogyan fogytam önsanyargatás nélkül 16 kg-ot
- Spyra: akkus, nagynyomású, automata vízipuska
- Magisk
- GoodSpeed: Windows 11 PRO FPP (Full Packaged Product) - Retail, Box, dobozos
- Milyen TV-t vegyek?
- Samsung Galaxy A72 - kicsit király
- Helldivers 2 (PC, PS5)
- Call of Duty: Modern Warfare III (2023)
- 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