--- title: Relatív pozícionált mezők menu: Relatív pozícionált mezők visible: true taxonomy: documentType: [docs] label: [relatív pozícionált mezők, gyakorlás-kép és képaláírás, gyakorlás-táblázat, gyakorlás kép és képaláírás, gyakorlás kép, gyakorlás-kép, gyakorlás táblázat] project: [LCMS] role: [editor] --- [TOC] Az abszolút és a relatív pozícionálás fogalmáról már [korábban] olvashattál, de itt egy kis emlékeztető: !! **A mezőket alapértelmezetten abszolút módon tudod pozícionálni és méretezni.** Ez azt jelenti, hogy a mezőt a szülőmezőhöz viszonyított koordináták segítségével tudod pozícionálni, minden irányba tudod mozgatni, méretén minden irányban változtathatsz. ! ! Ha a szülőmezőt **relatív pozícionáltra** állítod, akkor a benne lévő gyerekmezők bizonyos szempontok szerint **vertikálisan vagy horizontálisan egymás mellé fognak rendeződni**. A [mező tulajdonságok][field properties] ablakban tudod megadni ezeket a szempontokat. Az alábbiakban mindennapi példákon keresztül gyakorolhatod a mezők pozícionálását. ### Gyakorlás – Kép és képaláírás !!! **Próbálj meg válaszolni a kérdésekre, majd olvasd el a válaszokat úgy, hogy a kérdésekre kattintasz.** ! ![](file169.png?lightbox&classes=inline "Kép, képaláírással sablon") ! 1. Összesen hány mezőt látsz a képen? ! 1. Milyen viszony van a mezők között? ! 1. Hányféleképpen lehet mindezt megszerkeszteni? Alább meg tudod nézni ugyanezt a képet bekapcsolt keretekkel, illetve a hozzá tartozó tulajdonságok ablakot. Ezzel ki fog derülni, hogy milyen egyéb megoldásokat használt a szerkesztő. !!! **Próbálj meg válaszolni a kérdésekre, majd olvasd el a válaszokat úgy, hogy a kérdésekre kattintasz.** ! ![](file170.png?lightbox&classes=inline "Képaláírás sablon tulajdonságai") ! ! 1. Hogyan vannak pozícionálva a gyerekmezők? ! 1. Milyen egyéb szempontok szerint történik a pozícionálás? ! 1. Miért szürke a magasság melletti két mező? ! 1. Milyen egyéb beállításokkal lehetne még tökéletesebbé tenni a sablont? ### Gyakorlás – Táblázat Jelenleg nem lehet táblázatot készíteni a Nexiusban, de relatív pozícionálással és méretezéssel ez is megoldható. !! Fontos, hogy az alábbi módszerrel csak egyszerűbb táblázatok elkészítését javasoljuk. Ha bonyolultabb (pl.: nagy, összevont cellákat is tartalmazó) táblázatokat szeretnél beszúrni a Nexiusba, akkor szerkeszd meg táblázatkezelő szoftverrel és illeszt be vektorgrafikus (`emf` vagy `wmf` formátumú) ábraként. Erről bővebben [itt] olvashatsz. 1. Húzz be egy rendezőmezőt az oldalra, majd tegyél bele egy szövegmezőt. A szövegmezőnek (1) állíts be egy 8 pixeles térközt (padding) (2), kattintsd be a „height” melletti négyzetet (3) és adj neki valamilyen háttérszínt. ![](file172.png?lightbox&classes=inline) 1. Másold le ezt a szövegmezőt és tedd mellé a másolatot. 1. Állítsd vertikálisan relatív pozícionálásra a szülőmezőt. Állítsd át „left”-re és „top”-ra az igazítás melletti mezőket. ![](file173.png?lightbox&classes=inline) 1. Állítsd át a második szövegmező színét és írd át benne a szöveget. ![](file174.png?lightbox&classes=inline) 1. Készíts a második szövegmezőből néhány másolatot és tedd a többi mellé. A színt tetszés szerint változtathatod. A lényeg, hogy a cellák a későbbiekben jól elkülöníthetőek legyenek. ![](file175.png?lightbox&classes=inline) 1. Állítsd be, hogy a szülőmező olyan széles legyen, mint a gyerekmezők. Ide kattintva tudod ezt megtenni: ![](file176.png?lightbox&classes=inline) 1. Ez lesz a táblázatod egyik oszlopa. 1. Húzz be egy rendezőmezőt az oldalra és másold bele a szülőmezőt háromszor és töröld ki az eredetit (jelenleg még nem aktív a `kivágás` parancs, így minden másolás után ki kell törölnöd az eredeti mezőt). ![](file177.png?lightbox&classes=inline) 1. Állítsd be az újdonsült szülőmezőre azt, hogy a gyerekei legyenek horizontálisan pozícionáltak, és szélessége egyezzen meg a gyerekek szélességével. Értelemszerűen töltsd ki a táblázat másik két oszlopát is: ![](file178.png?lightbox&classes=inline) Ha most kikapcsolod a kereteket, megnézheted a táblázatod tanulói szemmel is. ![](file179.png?lightbox&classes=inline "A sorok már jól elkülönülnek, de az oszlopok nem eléggé.") 1. Állíts be egy 1 pixeles keretet az oszlopoknak. Mivel itt három oszlopról van szó, három szülőmező keretét kell beállítanod. !! Jelöld ki az egyik cellát, majd nyomd le a `SHIFT` `+` :fa-caret-up: nyilat. Ilyen módon a mező szülőmezőjét tudod kijelölni. A `SHIFT` `+` :fa-caret-down: nyíllal a gyerekmezőket, míg a `SHIFT` `+` :fa-caret-right: illetve :fa-caret-left: nyilakkal a testvérmezőket tudod kijelölni. Így a szorosan egymáshoz igazított mezőket is könnyedén ki tudod választani. ![](file180.png?lightbox&classes=inline) 1. Ezt követően már el tudod menteni a sablonok közé, és a későbbiekben bármikor felhasználhatod. A sablonok készítéséről a következő fejezetben olvashatsz. A szülőmezőből csinálj majd sablont: ![](file181.png?lightbox&classes=inline "Táblázat relatív mezőpozícionálással") A fenti táblázatot az oszlopok egymáshoz illesztésével hoztuk létre, de az is tökéletes megoldás, ha a sorok elkészítésével kezded a szerkesztést. Mindig aszerint építsd fel a táblázatod, hogy milyen célra fogod használni, és várhatóan milyen irányban fog bővülni, inkább vízszintesen, vagy függőlegesen. Ezen kívül, a [`width %` és `height %` funciókkal][field properties] beállíthatod, hogy a cellák mérete milyen mértékben igazodjon a táblázat méretéhez. Így, ha növekszik a táblázat mérete, a cellák vele arányos módon fognak megnőni. [korábban]: /lcms/a_szerkesztes_alapjai/mezo#gyakorlas "Gyakorlás" [field properties]: /lcms/a_szerkesztes_alapjai/mezo "Mező tulajdonságok ablak" [itt]: /lcms/kompatibilitas/kapcsolodasi_lehetosegek_mas_alkalmazasokkal#kapcsolodasi-lehetosegek-mas "Kapcsolódási_lehetőségek_más"