Advanced Search

Search by Keyword

Search by User Name

Exact Name

Search Options

Find Posts from

Sort Results by

Search at a specific date

Jump to Result Number

Search in Categories Also search in sub-categories

Search Results (Searched for: gutter)

ced1870

Replied by ced1870 on topic Exist il une grille de référence (hors b2) 26 Feb 2018 14:48

tiens essaie ça :

Code:

[class*="tck-"][class*="cols"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* no gutter */
.tck-2cols > * {
	width: 50%;
}

.tck-3cols > * {
	width: 33.333%;
}

.tck-4cols > * {
	width: 25%;
}
.tck-8cols > * {
	width: 12.5%;
}

/* gutter 10px */
.tck-2cols.tck-gutter-10 > * {
	width: calc((100% - 10px) / 2);
}

.tck-3cols.tck-gutter-10 > * {
	width: calc((100% - 2 * 10px) / 3);
}

.tck-4cols.tck-gutter-10 > * {
	width: calc((100% - 3 * 10px) / 4);
}
.tck-8cols.tck-gutter-10 > * {
	width: calc((100% - 7 * 10px) / 8);
}

exemple d'utilisation

Code:

<div class="tck-2cols">
<div>test1</div>
<div>test1</div>
</div>
<div class="tck-4cols">
<div>test2</div>
<div>test2</div>
<div>test2</div>
<div>test2</div>
</div>
<div class="tck-8cols">
<div>test3</div>
<div>test3</div>
<div>test3</div>
<div>test3</div>
<div>test3</div>
<div>test3</div>
<div>test3</div>
<div>test3</div>
</div>

si tu veux ajouter la gouttière de 10px:

Code:

<div class="tck-2cols tck-gutter-10">
<div>test1</div>
<div>test1</div>
</div>

qu'en penses-tu ?

ced1870

Replied by ced1870 on topic Place images next to each other without space 24 Aug 2016 06:05

Hi
this is the problems of the grids, there is always a gutter between elements

What I see now, after using a grid (for the first time in all my developments), is that it does not fit the users needs

I wanted to test it one time in my dev life, this is done

May be that in the v2 of pagebuilder I will remove the grid for a custom home made system, but for now you use keep it. The only workaround that you can test is using negative margins on the blocks

CEd

Peterlang

Spaces between images in Slideshow was created by Peterlang 11 Feb 2015 15:03

Hi there,

I really like the slideshow, so first of all THANKS A LOT.

I scroll the images horizontally and I would like to have a little space between the images (left and right).
I tried already with css at the .cameraContent and .cameracurrent but that didn't do the thing.
Is it possible to add some kind of gutter in the js.

Do you have a hint - or can you point me in the right direction please?

Thanks in advance for your support.

Chae

Replied by Chae on topic Thumbnails & Pagination Disappears on Full Page Mo 14 Oct 2013 19:15

Hi Yah,
If the height is set to the slide height say 730px then on the desktop version, the slideshow retains that size but with white gutter space underneath and still no pagination, cache has been cleared on different browsers and devices i.e Samsung Duo using default browser & chrome, iPad Retina using Safari & Chrome the Windows 7 PC with Chrome. There's no cache running in Joomla except the Gantry cache which is for the menu system.

Default images have been removed

Chae

Displaying 16 - 19 out of 19 results.

Time to create page: 2.602 seconds

All Categories
Forum Joomlack - Tutoriels et extensions Joomla
- Boîte à idées - Ideas suggestions
- Accordeon Menu CK
- Beautiful CK
- Carousel CK
- Cookies CK
- Easy Image Caption CK
- Floating Module CK
- Image Effect CK
- KwickMenu CK
- Loadtag_GC
- Maximenu CK
- Mediabox CK
- mooCoverFlow CK
- Menu Manager CK
- Mobile Menu CK
- Modules Manager CK
- MooImage CK
- Page Builder CK
- Parallax CK
- Playlist CK
- Scroll To CK
- Slider CK
- Slideshow CK
- Table Of Contents CK
- Template Creator CK
- Tooltip GC
- Translation - Language packs
- Divers - Miscellaneous
- Custom Canonical CK