I have a problem. I have to vertically center (middle) my nav items. See
http://mindarc.com/capture2_(1).JPG
This is my HTML snippet:
div id=secmidpagenav
div id=block-menu-block-22 class=block block-menu-block
contextual-links-region
div class=content!--menu--
div
On Tue, Apr 2, 2013 at 12:24 PM, J.C. Berry jcharlesbe...@gmail.com wrote:
I have a problem. I have to vertically center (middle) my nav items. See
http://mindarc.com/capture2_(1).JPG
This is my HTML snippet:
div id=secmidpagenav
div id=block-menu-block-22 class=block block-menu-block
On Tue, Apr 2, 2013 at 12:24 PM, J.C. Berry jcharlesbe...@gmail.com wrote:
I have a problem. I have to vertically center (middle) my nav items. See
http://mindarc.com/capture2_(1).JPG
For completeness - along the same lines as others have presented -
here's how I used to solve such cases...
Hey all,
I wanted to experiment with a desktop first media query setup. I've
been using the mobile first approach for so long, that my brain is
having troubles reversing that process. :D
I understand the goal is to use max-width vs. min-width, but I was
wondering if there are any good tutorials
Actually, my main question:
When designing desktop first MQs, how should the MQs stack?
Fake breakpoint numbers follow:
Global styles, 545px, 845px, 1045px, Desktop
OR
Desktop global styles, 1045px, 845px, 545px
In other words, what's the optimal way to order breakpoints and
global/desktop
On Tue, Apr 2, 2013 at 6:36 PM, Micky Hulse mickyhulse.li...@gmail.comwrote:
I wanted to experiment with a desktop first media query setup. I've
been using the mobile first approach for so long, that my brain is
having troubles reversing that process. :D
I understand the goal is to use
I would assume the base styles are the desktop, and as break points decrease,
you would undo the desktop layout.
My experience with a site I took over that was done this way is that desktop
first seems to require a lot more code to over-ride the desktop layout than it
does to build
On Tue, Apr 2, 2013 at 7:41 PM, Micky Hulse mickyhulse.li...@gmail.comwrote:
Actually, my main question:
When designing desktop first MQs, how should the MQs stack?
Thanks!
M
The computation, calculation. and variation is endless...
desktop laptop tablet
Le 3 avr. 2013 à 08:41, Micky Hulse mickyhulse.li...@gmail.com a écrit :
When designing desktop first MQs, how should the MQs stack?
Depends? How do you write your MQ's?
@media (max-width: 500px) {}
or
@media (min-width: 300px) and (max-width: 500px) {}
If you use the first one, bear in mind
Thanks to everyone for the replies, I really appreciate it! :)
@jon: Thanks for pointing me towards Bootstrap. That's an area of
Bootstrap I have not explored (I've mostly studied Bootstrap in terms
of the LESS setup). I'll take the time to look into the MQs used there
and the
In response to your issue #2 below, I have had good luck with putting MQs on
link elements, and then repeating the link elements without MQs inside a
conditional comment for 7 8, allowing the cascade work to deliver a
desktop-only layout for old IE. I hate poly filling everything and also had
11 matches
Mail list logo