column-count Questions

9

Solved

I have a text splitted in 4 columns and it works perfectly in Safari I don't know why I can see just 2 columns in Google Chrome. Tested with Chrome 55.0.2883.95 (64-bit) Any help would be greatly...
Blackington asked 1/2, 2017 at 17:16

3

I'm using the css column-count feature to break my section into two columns. On one page, I have an h3 heading at the bottom of the first column and the following p paragraph at the top of the next...
Pasha asked 3/10, 2013 at 2:18

4

Solved

I have used the CSS3 multi-column feature, using the column-count property to split into multiple columns. This is my code: div { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-col...
Beefburger asked 12/10, 2017 at 17:8

4

Solved

When using column-count in a wrapper, and the containers in the wrapper have border-radius applied, and content in the container is overflowing, the content completely disappears in all the columns...
Tutankhamen asked 14/4, 2015 at 9:58

4

Solved

I'm creating an image grid using column-count. The issue with using columns is the fact, like text, even images get broken. So the top half of an image can be in one column and the bottom half can ...
Jovi asked 22/5, 2014 at 7:33

4

Solved

I have a 2 column layout using HTML and CSS. Within these columns, I have a selectmenu that will show when one of these list items are clicked. I need to position this selectmenu relative to the cl...

1

I'm trying to display items in 8 columns with css3 rule column-count. However, sometimes it shows 6, sometimes 7. I tried to set a specific width for the items, and nothing seems to work. Click he...
Knoxville asked 4/7, 2016 at 6:51

8

Solved

For example : id | name | age | gender ---------------------------- 1 | John | 15 | Male 2 | Maria | 18 | Female 3 | Steph | 19 | Female 4 | Jay | 21 | Male How can I count the columns of this ta...
Kyoko asked 8/5, 2012 at 3:28

4

Solved

When column-count is used, it seems to crop any overflow content. #columns { -webkit-column-count: 1; -webkit-column-gap: 10px; /*-webkit-column-fill: auto;*/ -moz-column-count: 1; -...
Hawkweed asked 15/3, 2016 at 11:16

3

Solved

I'm trying to create a masonry grid of images The general idea is to use column-count in to achieve this example. I have three columns with a bunch of images, and the CSS and HTML is identical to ...
Directional asked 5/11, 2013 at 14:42

1

I'm using css columns (not a table) to create a list that spans across 3 columns, like so: HTML <ul> <li>- Item 1 - this is the item's name here.</li> <li>- Item 2</l...
Milky asked 23/1, 2017 at 18:46

5

Solved

Here is my code: .column { column-count: 4; column-gap: 10px; -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; } <div class="co...
Catafalque asked 26/6, 2013 at 14:56

2

Solved

I'm using the column-count property to set a page with multiple divs at three columns, which looks great on larger screens. Each div has a fixed width of, say, 500px (contained images). When work...
Ardolino asked 8/10, 2013 at 17:19
1

© 2022 - 2024 — McMap. All rights reserved.