file Gantry - Hogyan lehet a modulpozíciók közötti távolságot csökkenteni?

Több
2013 aug. 12 13:35 #1 Írta: Petrov12
Hali,

Van a content, tartalom rész,
közvetlenül csak a fölé akarok(cikkekfölé) elhelyezni egy útkövetőt, content-top-a

de jobban mutatna ha közelebb volna a cikkhez,

hogy rövidithetném a távolságot?

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2013 aug. 12 14:00 #2 Írta: Balázs

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
A következő felhasználók mondtak köszönetet: Petrov12

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2013 aug. 13 00:02 #3 Írta: Petrov12
Nem kaphatnék rá egy példát gantry stilusban?

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2013 aug. 13 09:36 #4 Írta: Balázs
Pl. az alap Gantry sablonnál az rt-showcase és az rt-maintop pozíciók között van egy egy 20 px-nyi padding, ha azt leveszed, akkor közelebb kerülnek egymás a tartalmak.
#rt-maintop {
    padding-top: 0px;
}

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
A következő felhasználók mondtak köszönetet: Petrov12

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 jan. 22 21:57 #5 Írta: Petrov12
ha van egy logóm (header-a), és egy téglalap alaku kép, amit header-b-nek rakok be,

hiába egymagasak, a header-b után még van távolság padding vagy margin nem is tom, olyan elcsúszott,

erre mit kéne írni, új osztályt? hogynézne az ki? hogy egy sikban legyen a logo és a kép?

Magyarul, rakjunk egy képet gantryban, ugyhogy csak a kép "foglal helyet" el semmi sorközszerűség...

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 jan. 22 23:17 #6 Írta: Balázs
Lehetséges, hogy azért csúsznak el mert a margókkal együtt már nem fér be a két kép a max szélességebe.

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 jan. 23 08:26 #7 Írta: Petrov12
reszponzivitás miatt a hossz sem lehet zavaró...

szóva annyit akarok hogy 2 kép modolt elhelyezek egymás mellé (custom html), szinte érjék egymást, ne legyen távolság köztük,
és ne legy távolság az alatta lévő moduloktól sem...

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 jan. 23 11:35 - 2014 jan. 23 11:47 #8 Írta: Balázs
Az alap szélességkövetés (reszponzivitás) 1200px. Ha például a header-ben azt akarod hogy két modul között ne legyen távolság, akkor meg kell nézned, hogy mik az adott pozíciók osztályai és azoknak kell definiálnod egy szabályt.
Pl. Én a header-ben szeretném az első modulpozíciómat megváltoztatni, akkor azt a rt-header azonosítójú rt-container osztályú rt-grid-2 gyerekosztályban tudom megadni.

Alap struktúra:
<div id="rt-header">
	<div class="rt-container">
		<div class="rt-grid-2 rt-alpha">
		<div class="rt-grid-8">
		<div class="rt-grid-2 rt-omega">
		<div class="clear"></div>
	</div>
</div>
Amire írnom kell a css-t:
#rt-header .rt-container .rt-grid-2 {}
Egy kis fejtágítása végére: Multiple Class / ID and Class Selectors

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
Utolsó szerkesztés: 2014 jan. 23 11:47 Balázs által.
A következő felhasználók mondtak köszönetet: Petrov12

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 febr. 22 22:06 #9 Írta: Btamas
Nekem ez működik css osztályba: nomarginall nopaddingall

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 febr. 23 09:45 #10 Írta: Balázs
Ha van rá előre megírt osztály, akkor természetesen annak használata gyorsabb megoldást eredményezhet.

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!