Le 20 sept. 2013 à 10:06, John a écrit :
> Philippe: why can nav ul li be simplified to nav li?
(in addition to what Chris Rockwell mentioned)
Both selectors basically target the same element; 'nav li' has some advantages,
such as less work to type (and thus slightly reduce the bloat in a sty
When you use a space, it is a descendant/child selector, which means any
child that matches. Therefore, "nav li" will target any li element that is
a child of nav (regardless of whether or not it is a child of a ul).
Unless the nav element has several child ul's that need to be styled
differently
On Aug 30, 2013, at 6:53 PM, Philippe Wittenbergh wrote:
> Without seeing your html structure and the rest of your stylesheet:
>
> nav ul li { display: inline-block; vertical-align: top; width 50%; /* rest of
> styles */ }
>
> PS - you could simplify that selector to: nav li {}
>
> Philippe
uot;
To: "CSS-Discuss"
Sent: Friday, August 30, 2013 7:58 PM
Subject: [css-d] Menu: from inline to 2 columns of buttons
I have a 6-item menu which is inline at desktop sizes, but block at mobile
sizes. it works great, but at mobile, I'd like to have 2 columns of 3
buttons to
Sorry - forgot to reset the ul padding, I've just updated the pen
On Fri, Aug 30, 2013 at 10:04 PM, Chris Rockwell wrote:
> In the past I have done a couple different routes - 1 server side, 1
> client side. Both involved calculating the number of items and breaking it
> into separate unordered
In the past I have done a couple different routes - 1 server side, 1 client
side. Both involved calculating the number of items and breaking it into
separate unordered lists. The css for doing is is pretty straight forward.
The good news, is that multi-column layout (
http://www.w3.org/TR/css3-m
Le 31 août 2013 à 09:58, "John A. Johnson" a écrit :
> I have a 6-item menu which is inline at desktop sizes, but block at mobile
> sizes. it works great, but at mobile, I'd like to have 2 columns of 3 buttons
> to make better use of my vertical space. is there an easy way to do this?
> can
Hey John, can you post your HTML? Are you open to adding wrappers or no?
On Fri, Aug 30, 2013 at 8:58 PM, John A. Johnson wrote:
> I have a 6-item menu which is inline at desktop sizes, but block at mobile
> sizes. it works great, but at mobile, I'd like to have 2 columns of 3
> buttons to make
I have a 6-item menu which is inline at desktop sizes, but block at mobile
sizes. it works great, but at mobile, I'd like to have 2 columns of 3 buttons
to make better use of my vertical space. is there an easy way to do this? can
it even be done with css?
thank you!
John
existing desktop cs
