111 questions
0
votes
1
answer
131
views
How to prevent a "break" for very small widths in pure css?
The snippet below presents a row of squares and a row of keys (not unlike the wordle game, which I'm attempting to build as a learning project). At very small widths the last tile column breaks off to ...
- 757
1
vote
5
answers
561
views
How to center the content of (centered) pure css columns
The snippet presents a series of columns containing a single letter. I'd like to have the center of the glyph in the center of each, but as you can see, they not quite centered -- appearing just off ...
- 757
-1
votes
1
answer
506
views
Add a css library to a php project thru composer, but it does not work
I want to use a light css library pure. When I manually add it into my php/html file it works:
<head>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.css" ...
- 6,347
0
votes
0
answers
81
views
Yahoo purecss horizontal menu
Menu does not work on local pc
As you can see in image htmt on local, the menu is ruleless on my pc...
But when I run the code on codepen https://codepen.io/djary/pen/EGOpYZ it works fine! (all css ...
- 909
1
vote
1
answer
134
views
How to stop the text under Images of Pure Grid Div from getting Squashed
I'm using the CSS pure grid class to make a grid of images and placing a text label below each one. However, this is not working out because the text is getting squashed (see the image below):
Here is ...
- 435
1
vote
1
answer
638
views
How to add inline CSS styles to an element for which the source of the CSS is a file (and not inline text) that you can't feasibly edit?
I have an html page (index.html) and css page (styles.css) with various elements (including a table) and styles:
index.html:
<!DOCTYPE html>
<html>
<head>
...
&...
-1
votes
1
answer
1k
views
Centering an object within a grid width using PureCSS
I have an html template that has PureCSS integrated into it so that I can start creating a layout. I have an object that is 20-24 width of a 24 split up grid. I have a form inside of the grid block it ...
- 844
1
vote
1
answer
336
views
Responsive Menu with Dropdown Elements
Mostly I'm copying the demo code from the PureCSS "docs" for implementing their dropdown menu.
I have created a CodePen, and will share code here as well.
The problem is that in the vertical version,...
- 6,610
0
votes
1
answer
86
views
Change div order on smaller width screens in YUI Pure CSS
Here's an image of what I'm trying to do in YUI Pure CSS on a smaller width screen:
My HTML is pretty straight forward:
<div class="pure-g">
<div class="pure-u-1 pure-u-sm-1-2">
...
- 3,788
1
vote
0
answers
180
views
Flexbox grandchildren not expanding children height
In this example, the grandchild has a height of 150% of the parent height. This means that it's 50% longer than the parent.
25% of the grandchildren gets "clipped" as a result.
If I do not use a ...
- 14.5k
0
votes
1
answer
3k
views
CKEditor hide table border
I have full-page CKEditor, which is use to edit my Invoices.
My CSS have table border property, and I can see it when load HTML source directly in browser.
But CKEditor hide it after open! I even see ...
- 300
0
votes
3
answers
1k
views
How do you get div to bottom of container with 100% height?
How do you get the div to float to the bottom with 100% height? I've been trying, and searching answers, but nothing is working. I wondered if it was because of Pure, or something else I was doing. ...
- 154
5
votes
1
answer
8k
views
pure.CSS: responsive centered columns
With Bootstrap 3 there is an easy solution to center multiple columns as described here: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns
Would it be ...
- 69
0
votes
1
answer
374
views
Simplest responsive grid fail
I am trying to create a responsive grid with a single column containing two adjacent boxes. ⅓ columns on the left and ⅔ columns on the right. Here's the non-responsive version on codepen at http://...
- 5,395
0
votes
0
answers
301
views
Pure css - Nesting forms in 'float:right' dropdown menu item
Two things,
Nesting a form inside a menu item works except it hides again of the
mouse moves from the form div.
This form menu item is right aligned and the form left-most margin
is aligned with the ...
- 169