CSS:
h2: display:none; maybe?
Sent from iOS 5
On Jul 9, 2012, at 6:20 PM, Mark Weiss dadwe...@mac.com wrote:
The code below is in our Moodle site.
the h2Is this your first time here?/h2 somehow is placed on the page
automatically. I need to know how to remove it using HTML.
Is this
Yes. I was just giving an example. The op should target the right h2.
Sent from iOS 5
On Jul 10, 2012, at 1:01 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote:
2012-07-10 1:20, Mark Weiss wrote:
The code below is in our Moodle site.
the h2Is this your first time here?/h2 somehow is placed
look at the page, but have you tried display:block; and margin
x auto x auto; ??
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css
div.past5 of the size of the full-size image, and let
it do the centering? So it only gets as big as the full-size image and
stops and it's margins do the centering? Only flaw here is varying
sized images...
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231
I can only speak to what I do myself. I have a base sheet and generally two or
three others designated by MQ for 768, 922 and sometimes for 480. I've even
done one for 600. It really depends on the layout and how it reorganizes. I
then link all of these individually in the head. MQs on the link
media=screen href=css/768.css?v=1
link rel=stylesheet media=screen href=css/992.css?v=1
link rel=stylesheet href=css/oldie.css?v=1
![endif]--
/head
HTH
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
tall
with the blur.
TIA
Dave Solko
Can you add another element to the bottom of the div and add a shadow
to that, or use div:after to do it?
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
and did some padding and
margin and added a border on the a to handle the rule to the right
of the links (a pipe as shown above).
The problem is when I have cases like Link amp; more link text the
lis won't let the text break
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph
would be appreciated.
TIA
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo
to
another line when there is clearly enough room for it not to have to
break.
Sorry. Thanks.
On Fri, Aug 3, 2012 at 2:34 PM, Tom Livingston tom...@gmail.com wrote:
Sorry about the mis-fire, lets try again and finish the thought this time...
Hello list,
Having a situation and am not sure the best
On Fri, Aug 3, 2012 at 2:49 PM, Jukka K. Korpela jkorp...@cs.tut.fi wrote:
2012-08-03 21:38, Tom Livingston wrote:
Corrected paragraph:
Instead of repeated corrections, please post a URL demonstrating your best
effort so far and a description of what you regard as undesirable.
Yucca
On Fri, Aug 3, 2012 at 4:38 PM, Georg gunla...@c2i.net wrote:
On 03.08.2012 20:34, Tom Livingston wrote:
Sorry about the mis-fire, lets try again and finish the thought this
time...
Correct me if I'm wrong, but I think you want 'links in inline styled
list-items'...
http
/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css
-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d
/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http
On Thu, Sep 27, 2012 at 2:37 PM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 2:09 PM, Tom Livingston tom...@gmail.com wrote:
I think #2 is related to #1...
On Thu, Sep 27, 2012 at 2:04 PM, Gates, Jeff gat...@si.edu wrote:
I am creating a new footer for our organization's website. And I
On Thu, Sep 27, 2012 at 2:59 PM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 2:45 PM, Tom Livingston tom...@gmail.com wrote:
On Thu, Sep 27, 2012 at 2:37 PM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 2:09 PM, Tom Livingston tom...@gmail.com wrote:
I think #2 is related to #1
On Thu, Sep 27, 2012 at 3:45 PM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 3:05 PM, Tom Livingston tom...@gmail.com wrote:
On Thu, Sep 27, 2012 at 2:59 PM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 2:45 PM, Tom Livingston tom...@gmail.com wrote:
On Thu, Sep 27, 2012 at 2:37 PM, Gates
, so it
goes as wide as it can. The funny thing is that it only effected the first
list, and not the second.
Thanks
Dave Solko
Pixel Alchemy
d...@pixelalchemy.com javascript:;
513.300.2165
On Sep 27, 2012, at 9:49 AM, Tom Livingston tom...@gmail.comjavascript:;
wrote:
Dave,
Seems
On Fri, Sep 28, 2012 at 10:36 AM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 3:53 PM, Tom Livingston tom...@gmail.com wrote:
On Thu, Sep 27, 2012 at 3:45 PM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 3:05 PM, Tom Livingston tom...@gmail.com wrote:
On Thu, Sep 27, 2012 at 2:59 PM, Gates
On Fri, Sep 28, 2012 at 11:01 AM, Tom Livingston tom...@gmail.com wrote:
On Fri, Sep 28, 2012 at 10:36 AM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 3:53 PM, Tom Livingston tom...@gmail.com wrote:
On Thu, Sep 27, 2012 at 3:45 PM, Gates, Jeff gat...@si.edu wrote:
On 9/27/12 3:05 PM, Tom
wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
Looks like you need to clear the floats for the footer to drop down to its
rightful place. Adding clear:both; to the footer is one way. Google is your
friend here! :-)
Sent from my iPhone
On Nov 15, 2012, at 5:34 PM, Marijn Bent marijnb...@gmail.com wrote:
Hello everybody,
I'm struggling
you mean. No way
to look at :hover, like in Chrome's inspector.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org
margin:0 auto 0 auto; an option?
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman
require widths to be declared I believe.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org
, FL
On Thu, Dec 20, 2012 at 12:01 PM, Brian M. Curran
br...@draftingservices.com wrote:
Hi!
I have an image that I want to center on a webpage. It seems there is no
float:center command? What would be the best way to center it?
Thanks,
Brian
Interesting!
--
Tom Livingston | Senior
.
Thanks!
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List
.
On Thursday, December 20, 2012, Philippe Wittenbergh wrote:
Le 21 déc. 2012 à 06:17, Tom Livingston tom...@gmail.com javascript:;
a écrit :
Is sizing text in pixels **still** considered a no-no?
It is still not a good, user friendly idea. Control freak designers will
disagree…
I've seen
. A quick test of:
footer{all:default;}
did nothing in a page of mine. Is this just a browser support issue, or am
I just not understanding what they are talking about?
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
, Jukka K. Korpela jkorp...@cs.tut.fiwrote:
2013-01-14 22:00, Tom Livingston wrote:
Anyone have more info on this:
http://www.w3.org/TR/2013/WD-**css3-cascade-20130103/#allhttp://www.w3.org/TR/2013/WD-css3-cascade-20130103/#all
specifically the bit in Example 4 where it mentions setting
/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
-- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css
/help_support_evolt/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo
-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231
On Thu, Jan 24, 2013 at 3:07 PM, Philip TAYLOR p.tay...@rhul.ac.uk wrote:
Tom Livingston wrote:
Looking through the validator output, i'd *guess* that the errors were
things that the ...experimental feature: HTML5 Conformance
Checker doesn't understand, such as vendor prefixes etc
On Thu, Jan 24, 2013 at 4:40 PM, Philip TAYLOR p.tay...@rhul.ac.uk wrote:
Tom Livingston wrote:
My point exactly. It's throwing an error, but for something that the
validator just doesn't understand and flags but is considered
by most to be OK to have in the styles.
Unless you
On Thu, Jan 24, 2013 at 4:54 PM, Philip TAYLOR p.tay...@rhul.ac.uk wrote:
Tom Livingston wrote:
I am not arguing your point, but merely try to say (poorly) that the
errors the validator is flagging may not break the page.
Of course : I hope I did not appear to suggest otherwise
/help_**support_evolt/http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http
smoothly. I've
tried several approaches, but each seems to have a downside.
Off-list replies as necessary...
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css
. Maybe I'm just not
understanding it all enough.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css
.
Not that I'm there/done/complete, but I'm coding it all right now and it
seems to be working.
HTH,
Chris
On 1/29/13 12:00 PM, Tom Livingston tom...@gmail.com wrote:
Hello all,
Do any of you have a favorite form styling/structure pattern that you
always use? I am particularly looking
in the same row, and then to try to change the layout for
small screens.
Keep 'em coming. Off-list as needed...
Thanks all.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
On Feb 13, 2013, at 9:14 PM, Philippe Wittenbergh e...@l-c-n.com wrote:
Le 14 févr. 2013 à 03:52, Tom Livingston tom...@gmail.com a écrit :
Hello list,
Given this type of layout:
http://proof.mlinc.com/tl/fluid/
Is it possible to have a rigid, non-changing padding amount
Unless you wish to or have to support a decent number of IE6 users, you can
skip the Trans png support.
Otherwise, I've used this with good success:
http://www.dillerdesign.com/experiment/DD_belatedPNG/
HTH
Sent from my iPhone
On Feb 14, 2013, at 12:01 PM, Michael Stevens bigm...@bigmikes.org
checkboxes.
Fwiw, please see http://ccstudi.com/fiddle.html
Thanks. That worked. I also was able to do it like this:
http://jsfiddle.net/6Xr8W/5/
Wouldn't we want label's in there?
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279
http://stackoverflow.com/questions/9836151/what-is-this-css-selector-class-span
Sent from my iPhone
On Feb 21, 2013, at 7:46 PM, Angela French afre...@sbctc.edu wrote:
Can someone please explain this to me - what it does, and maybe a practical
example? Thank you.
[class*=span] {
float:
enclosed text—it simply
states that the text needs to be smaller.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http
%; /* 300px ÷ 948px = .31646 */
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo
method? I don't really like polyfills
and would rather achieve the same effect as above without having to
polyfill old IE to understand the media queries. Is this idea possible in
the single-sheet scenario?
TIA
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231
Might as well throw in Meyer reset too:
http://meyerweb.com/eric/tools/css/reset/
Sent from my iPhone
On Feb 23, 2013, at 2:19 PM, Jon Reece jon.re...@gmail.com wrote:
Inadvertently replied off-list earlier. Posting again in case someone else
can benefit. Apologies for the dupe John.
On
corners sorta. Can anyone reproduce this weirdness and/or see why?
TIA
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org
.
Working for me in Mac Chrome (latest release).
Try adding div{box-sizing: border-box;} and also I usually leave some
wiggle room and not have widths add up to exactly 100%.
HTH
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279
On Mon, Feb 25, 2013 at 11:54 AM, Laura Valentino la...@vidmot.com wrote:
Oh wait...is it that the padding counts towards the total? That would make
sense :)
Laura
Yes, and older IEs handle the box model in their own special way. ;-)
--
Tom Livingston | Senior Interactive Developer
Also, add the box-sizing to all necessary elements, not just 'div'. :-)
On Mon, Feb 25, 2013 at 11:56 AM, Tom Livingston tom...@gmail.com wrote:
On Mon, Feb 25, 2013 at 11:54 AM, Laura Valentino la...@vidmot.comwrote:
Oh wait...is it that the padding counts towards the total? That would make
UPDATE:
It appears that removing the min-height on the .callout items stops the
problem. Anyone see how I can get around the issue? I would like to keep
the min-height for layout reasons...
TIA
On Mon, Feb 25, 2013 at 11:38 AM, Tom Livingston tom...@gmail.com wrote:
Listers,
I have
So no takers on this? Am I missing something so simple that everyone
was afraid to tell me? No one has IE 10 to test in?
The layout has changed on the actual page, but I'd still love to know what
was going on on my test page...
Thanks!
On Mon, Feb 25, 2013 at 11:38 AM, Tom Livingston tom
On Wed, Feb 27, 2013 at 11:49 AM, Georg ge...@gunlaug.com wrote:
On 27.02.2013 11:30, Tom Livingston wrote:
http://proof.mlinc.com/tl/**cssd3/test.htmlhttp://proof.mlinc.com/tl/cssd3/test.html
In Win 8, IE 10 (desktop or 'metro'), when we hover over the href in the
middle callout
On Wed, Feb 27, 2013 at 12:56 PM, Georg ge...@gunlaug.com wrote:
On 27.02.2013 11:55, Tom Livingston wrote:
Good to know I am not going crazy. Yet.
:-) ... apparently not yet.
The addition of...
.calloutwrap p {overflow: hidden;}
...seems to make IE10 behave in your case. You must
) -
which is actually kinda cool, if unexpected.
Is this a known thing? Google isn't helping me!
Laura
There are things like:
a:link {
-webkit-tap-highlight-color: rgb(52,158,219); }
which, I assume (uh-oh) that will allow you to customize that 'random'
color...
--
Tom Livingston | Senior
to the
sidebar and floating it left. Adjust to suit.
HTH
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http
Is there anything above the div that you need printed? If not, try a print
style that hides anything above the desired div or if nothing is above it, make
a print style to pull the div back up the page.
HTH
Sent from my iPhone
On Feb 28, 2013, at 8:26 PM, Wade Smart wadesm...@gmail.com wrote:
Oops. Forgot reply-all again...
-- Forwarded message --
From: Tom Livingston tom...@gmail.com
Date: Mon, Mar 4, 2013 at 12:28 PM
Subject: Re: [css-d] clear content after non-floating items?
To: Laura Valentino la...@vidmot.com
There doesn't appear to be any floats involved
;
border=spacing:5px
}
Regards D)
Most prefer bottom posting. Though, with GMail, it's more work so top
posting does happen.
Like others, I don't see why you're floating at all. TDs naturally flow
next to each other in rows.
--
Tom Livingston | Senior Interactive Developer
Can you apply the border to the second section instead of the nav?
—
Sent from Mailbox for iPhone
On Thu, Mar 14, 2013 at 7:26 AM, Markus Ernst derer...@gmx.ch wrote:
Hello
I have a structure of nested elements somehow like:
article
div
section
table
...
This may shed some light:
http://stackoverflow.com/questions/8549529/what-is-the-difference-between-screen-and-only-screen-in-media-queries
—
Sent from Mailbox for iPhone
On Fri, Mar 15, 2013 at 8:31 PM, Philippe Wittenbergh e...@l-c-n.com
wrote:
Le 16 mars 2013 à 09:05, Micky Hulse
FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I
repeat the link elements without MQs inside a conditional comment to serve the
desktop only layout to those browsers. This may be a little low-tech and it is
a few more http requests, but I am not a fan of poly-filling
—
Sent from Mailbox for iPhone
On Sat, Mar 16, 2013 at 8:32 AM, Tom Livingston
tom...@gmail.com=mailto:tom...@gmail.com; wrote:
FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I
repeat the link elements without MQs inside a conditional comment to serve the
desktop
. This would be inside conditional
comments.
Is this off base, or am I ok?
Off-list replies are requested if this is leaning off-topic for this list.
Thanks!
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
some thoughts...
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http
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
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
What I usually see for this is wrapping the li text in spans and styling that
to over ride the styling of the ul.
—
Sent from Mailbox for iPhone
On Sun, Apr 14, 2013 at 6:46 PM, COM j...@coffeeonmars.com wrote:
I am having a tough time finding online (google, w3schools) the correct way
to
?
section role=main
I admit to still being confused by the proper use of section and
article. I was waiting for the dust to settle on them (which it
probably has by now) and in the meantime, I use:
div class=main role=main/div
2¢
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph
You can spec font-size of 100% on the body. This respects the users preference
settings in their browser. You can then spec element font size in ems. The 16px
is usually the default size set in browsers upon install.
—
Sent from Mailbox for iPhone
On Thu, Apr 18, 2013 at 5:54 PM, COM
rem, Georg ? Having been forced to use rem for this
fix, I am now considering adopting them more widely.
Philip Taylor
Support isn't too bad for rem. What's best practice fall back for using rem?
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx
Background images are relative to the CSS not the HTML
—
Sent from Mailbox for iPhone
On Fri, Apr 26, 2013 at 7:12 PM, COM j...@coffeeonmars.com wrote:
On Apr 26, 2013, at 4:04 PM, Micky Hulse mickyhulse.li...@gmail.com wrote:
Have you tried:
background-image:url(../image/bricktile.jpg);
Correct
—
Sent from Mailbox for iPhone
On Fri, Apr 26, 2013 at 7:29 PM, COM j...@coffeeonmars.com wrote:
On Apr 26, 2013, at 4:26 PM, COM j...@coffeeonmars.com wrote:
Background images are relative to the CSS not the HTML
Wait..so…you're saying that the .css document is making the call for
on scalability?
Awesome resources, tips, etc welcome!
Thanks in Advance!
I recommend:
http://www.abookapart.com/products/responsive-web-design
http://www.abookapart.com/products/mobile-first
http://mediaqueri.es
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph
container or even body for C
and use that hook.
HTH
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css
comment.
http://selectivizr.com/
HTH
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman
-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx
...@pixelalchemy.com
513.300.2165
I generally use @media only screen and (min-width: [breakpoint]){}
with a mobile-first layout. As far as size go, it may be the 13px font
size on the body.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279
I recommend Mobile First and Responsive Web Design from abookapart.com as
well as peeking under the hood at sites listed at mediaqueri.es
HTH
—
Sent from Mailbox for iPhone
On Mon, May 20, 2013 at 11:46 AM, Colin (Sandy) Pittendrigh
sandy.pittendr...@gmail.com wrote:
I'm a retired and
. This allows the cascade to render a desktop-only layout
for old IE. A bit low-fi maybe, but works well for me and have had no
issues other than the usual fixes needed for old IE regardless of MQs.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx
@media { ... }
Just thinking out loud, but is the above, without any attributes (?)
like screen or all, valid?
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
time tracking the
culprit down.
HTH
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org
List,
Does anyone have any good resources on supporting 2x images (Retina)?
A 'how-to' would be good as well as I have not yet done this.
Also, DO YOU support Retina/2x images in your web work??
Thanks!
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx
/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css
to achieve
this.
HTH
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
, it is a placeholder character to later be replaced with an
actual URL to an image.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css
I would recommend a mobile-first approach, yes. It's considered best practice.
mediaqueri.es is a good gallery of responsive sites.
—
Sent from Mailbox for iPhone
On Sat, Jun 8, 2013 at 12:08 AM, Keith Purtell
keithpurt...@keithpurtell.com wrote:
I recently looked at the style sheet for my
List,
I use selectivizr frequently. Do you use this or something like it?
What's your method for dealing with, for example, a lack of support
for:
p:nth-of-type(3n){
color: red;
}
TIA!
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279
.
Outside of tables, I really haven't had projects that required :nth-child
support in older browsers on any other html elements.
/email
signature id=paceaux name=Frank M. Taylor twitter=@paceaux /
On Jun 12, 2013, at 2:11 PM, Tom Livingston wrote:
List,
I use selectivizr frequently. Do
:
style
.wrap div{width: 32%;margin-right:2%;float:left}
.wrap div + div + div {margin-right:0;}
/style
div class=wrap
div/div
div/div
div/div
/div
I like it. That idea never occurred to me, sadly.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph
site.
My questions are:
Are there any big 'gotchas' with this type of layout?
Am I doing this correctly/the best way?
TIA.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
this on a production site.
My questions are:
Are there any big 'gotchas' with this type of layout?
Am I doing this correctly/the best way?
TIA.
I should mention to narrow up your browser window to see the layout change.
Thanks!
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph
; but they are appearing next to each other in
the browser. I understand why and expect this, but what would be the
proper way to get them each on their own line? Wrap them each in a P
for example, or is there a way to do it within the CSS?
Thanks
--
Tom Livingston | Senior Front-End Developer
On Mon, Jun 17, 2013 at 1:36 PM, Jukka K. Korpela jkorp...@cs.tut.fi wrote:
2013-06-17 19:25, Tom Livingston wrote:
Given this structure:
div class=sidebar
a href= class=grey-button icon-infoInfographics/a
a href= class=grey-button icon-calcTax Credit Calculator/a
a href= class=grey-button
301 - 400 of 1154 matches
Mail list logo