.transparent {
/* Required for IE 5, 6, 7 */
/* ...or something to trigger hasLayout, like zoom: 1; or width: 100%;
*/
zoom: 1;
/* Theoretically for IE 8 9 (more valid) */
/* ...but not required as filter works too */
/* should
Opps..
/* Older than Firefox 0.01 */
-moz-opacity:0.08;
should be
/* Older than Firefox 0.01 */
-moz-opacity:0.01;
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Sep 12, 2013, at 2:09 AM, Karl DeSaulniers wrote:
.transparent {
/* Required for IE 5,
Don't forget the good 'ol clearfix:
/* CLEARING */
/* For modern browsers */
.clear:before, .clear:after {content:; display:block;}
.clear:after {clear:both;}
.clear {zoom:1;}/* For IE 6/7 (trigger hasLayout) */
On Thu, Sep 12, 2013 at 2:25 PM, Chris Rockwell ch...@chrisrockwell.com wrote:
Maybe add margin: 0 auto 0 auto; ?
Just did a quick look...
On Thu, Sep 12, 2013 at 2:04 PM, Chip at Caliber Communications
chip.me...@calibercommunicationsllc.com wrote:
http://www.csbnow.com/mobile/index.html
http://www.csbnow.com/mobile/css/style-mobile.css
I am trying to get the grey
They are also floating left at narrow width.
On Thu, Sep 12, 2013 at 2:04 PM, Chip at Caliber Communications
chip.me...@calibercommunicationsllc.com wrote:
http://www.csbnow.com/mobile/index.html
http://www.csbnow.com/mobile/css/style-mobile.css
I am trying to get the grey boxes (Online
Tom's suggestion may work as well, but you will need to fix your container.
Due to all of the child elements being floated, you will need height:
100%;overflow:auto so that your container wraps the children
On Thu, Sep 12, 2013 at 2:21 PM, Tom Livingston tom...@gmail.com wrote:
They are also
If it were me, I would use media queries to make the width 100% at a
certain screen size. I don't know what your design calls for, so it may
not work for you
Codepen: http://codepen.io/chrisrockwell/pen/njyAr
You shouldn't wrap your div with an anchor tag, either.
SCSS:
.mobile-services {
http://www.csbnow.com/mobile/index.html
http://www.csbnow.com/mobile/css/style-mobile.css
I am trying to get the grey boxes (Online Banking, Online Bill Pay, etc.)
to center on the page so that when the viewport gets too small to
accommodate 2 columns, the remaining single column is centered.
Yeah, I don't think I've ever seen/notice it failing, I just prefer to do
it this way. Putting aside the fact that it's not correct, it just looks
funny, to me, to see an a around a bunch of content :)
On Thu, Sep 12, 2013 at 3:24 PM, Tom Livingston tom...@gmail.com wrote:
On Thu, Sep 12,
Sorry, meant to include a link to validation:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.csbnow.com%2Fmobile%2Findex.htmlcharset=%28detect+automatically%29doctype=Inlinegroup=0
On Thu, Sep 12, 2013 at 3:19 PM, Chris Rockwell ch...@chrisrockwell.comwrote:
a is an inline element and
I played around with lots of variations on this theme, but none worked. I
THINK the issue was that the container (.mobile-services) expands to fill
its own parent (main-content), and the children (.mobile-services div) are
floated left within it (which I need so that they form two columns at
a is an inline element and cannot contain block level elements (such as
div).
One way is:
.container {
position: relative;
}
a {
display: block;
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
text-indent: -em;
z-index: 1 /* or higher if necessary */
}
div
Slightly aged article, but relevant...
http://html5doctor.com/block-level-links-in-html-5/
On Thu, Sep 12, 2013 at 3:28 PM, Chris Rockwell ch...@chrisrockwell.com wrote:
Yeah, I don't think I've ever seen/notice it failing, I just prefer to do it
this way. Putting aside the fact that it's not
On Thu, Sep 12, 2013 at 3:19 PM, Chris Rockwell ch...@chrisrockwell.com wrote:
a is an inline element and cannot contain block level elements (such as
div).
One way is:
.container {
position: relative;
}
a {
display: block;
position: absolute;
left:0;
top: 0;
width: 100%;
Well dang it :D. I guess I'm going to be seeing those wrap content more
often now.
http://dev.w3.org/html5/markup/a.html and the relevant link to allowed
contents: http://dev.w3.org/html5/markup/common-models.html
Thanks for pointing this out!
On Thu, Sep 12, 2013 at 3:31 PM, Tom Livingston
15 matches
Mail list logo
