Re: [css-d] make unbulleted list items align left

2015-08-26 Thread David Hucklesby
On 8/26/15 10:53 AM, Tom Livingston wrote: On Wednesday, August 26, 2015, Angela French wrote: Hello, Usually to create non-bulleted list items that align left I would user list-style-type:none; padding-left:0; However, I'm working in a CMS where when I grab the list items it applies my style

Re: [css-d] Adaptive Background images ?

2015-08-16 Thread David Hucklesby
Hello again, Reply is below thread: On 8/16/15 1:50 PM, Crest Christopher wrote: David, your procedure is one extra image I'll have to create :-( I'll already have an array of images one more set may cause insanity :-) David Hucklesby wrote: Response is below: On 8/16/15 9:

Re: [css-d] Adaptive Background images ?

2015-08-16 Thread David Hucklesby
Response is below: On 8/16/15 9:09 AM, Tom Livingston wrote: > Yep. Media queries. > > On Sunday, August 16, 2015, Crest Christopher > wrote: > >> If there was an intelligent method that would only feed the large image; >> when it was between the threshold (small <-> medium), typically on a >> p

Re: [css-d] Variable height divs -> How'd they do this?

2015-07-23 Thread David Hucklesby
On 7/23/15 3:32 PM, Alex M wrote: Yep, their JS mentions Isotope a fair few times so I can only assume it's using that. http://isotope.metafizzy.co for ref. Not necessary for a majority of browsers, though: -- Cordially,

Re: [css-d] Sprite repeat-x?

2015-07-21 Thread David Hucklesby
On 7/21/15 8:46 AM, John D wrote: Only the background image can be repeated x or y. Look for: background-repeat: repeat-x; background-repeat: repeat-y; -Original Message- From: J.C. Berry Sent: Tuesday, July 21, 2015 4:18 PM To: CSS-D Subject: [css-d] Sprite repeat-x? Hello all, this

Re: [css-d] Strategy to Circumvent Incomplete Browser Color Management

2015-07-16 Thread David Hucklesby
On 7/16/15 2:12 PM, Rick Gordon wrote: Oh, well. A test in Chrome v43 (Mac) showed that the color profile -- even if tagged -- is not recognized in my background-image, regardless of whether the image is saved as .png or .jpg (and even if background-color is disabled). Rick Gordon

Re: [css-d] Skipping Landscape ?

2015-07-14 Thread David Hucklesby
On 7/13/15 2:44 PM, Crest Christopher wrote: I know it can be up to personal taste, if you create a portrait responsive page, does it matter if it's not designed for landscape ? I would think that would depend on what device a visitor uses. Some portable devices I see people using sit in a cra

Re: [css-d] Sidebar height with list filter

2015-07-02 Thread David Hucklesby
On 7/2/15 1:42 PM, J.C. Berry wrote: Thanks David, I tried that solution (overflow:hidden to container) and the right div's still float underneath the sb nav. I did mention that the right divs (the number of which are variable) are also floated left? I think you need to put the main section in

Re: [css-d] Sidebar height with list filter

2015-06-30 Thread David Hucklesby
On 6/30/15 6:35 PM, J.C. Berry wrote: thanks guys, but I think I have to clarify my issue. The sidebar content is always the same; it has the checkbox filters. But the right area divs wrap down to the left below the sidebar when a lot of them show. The footer clears fine. On Tuesday, June 30,

Re: [css-d] Path style CSS animation

2015-06-19 Thread David Hucklesby
On 6/19/15 11:01 AM, Philip Taylor wrote: David Hucklesby wrote: As that image is PHG, I doubt it. Are we seeing the same image at top-right ? I see : http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/thumbs/vine.png Philip Taylor Sorry. Typo. (Damn these

Re: [css-d] Path style CSS animation

2015-06-19 Thread David Hucklesby
On 6/19/15 7:45 AM, Crest Christopher wrote: Is it possible to animate this , top, right image using CSS animate, or if you know of a method. And to answer a question, SVG library animation won't do this

Re: [css-d] Flex items lose some padding in Firefox

2015-05-03 Thread David Hucklesby
On 5/3/15 7:49 PM, Philippe Wittenbergh wrote: Le 4 mai 2015 à 03:21, David Hucklesby a écrit : What issue (and which old Android) are you seeing? And, you lock out IE 10/11 as well? <http://caniuse.com/#feat=flexbox> I’m looking at canIuse, which notes that Android 4.2−4.3 don’t s

Re: [css-d] Flex items lose some padding in Firefox

2015-05-03 Thread David Hucklesby
On 5/2/15 10:18 PM, Philippe Wittenbergh wrote: Le 3 mai 2015 à 01:02, David Hucklesby a écrit : Ah, yes. Did not know about that. Confused by the fact Chrome *does* apply the padding. Yes, Chrome / Blink (and Webkit) is not spec compliant for this (and many other things flexbox related

Re: [css-d] Flex items lose some padding in Firefox

2015-05-02 Thread David Hucklesby
On 5/2/15 2:52 PM, Karl DeSaulniers wrote: Hi David, Seems a hefty price to pay when you can do the same thing without flex-box and regular css2. Unless I am missing something, this IS just an expanding column of cat pictures. Yes? This pen works in Safari, Chrome and Firefox (on a Mac) with n

Re: [css-d] Flex items lose some padding in Firefox

2015-05-02 Thread David Hucklesby
Thank you Philippe. Responses below: On 5/1/15 4:55 PM, Philippe Wittenbergh wrote: Le 2 mai 2015 à 06:50, David Hucklesby a écrit : This is the bare bones of a grid of thumbnails. Works okay in Opera and Chrome, but the top and bottom padding disappear in Firefox: <http://codepen

[css-d] Flex items lose some padding in Firefox

2015-05-01 Thread David Hucklesby
Just learning flexbox, so I am likely doing it wrong. This is the bare bones of a grid of thumbnails. Works okay in Opera and Chrome, but the top and bottom padding disappear in Firefox: FWIW this does not happen in a float or inline-block layout. Any

Re: [css-d] Forcing Widows on Paragraph to Right of Floated Image Not to Wrap Under

2015-04-16 Thread David Hucklesby
On 4/15/15 4:25 PM, Rick Gordon wrote: I'm wondering if there is a pure-CSS way to force widowed lines in a pargraph to the right of a floated image which is long enough to have a line or two wrap underneath the image. See the bottom couple of posts at http://www.theshelterblog.com/ , where at a

Re: [css-d] FOUC on homepage

2015-03-20 Thread David Hucklesby
Please see below: On 3/20/15 12:34 PM, Chad Lundgren wrote: Hi, FOUC is as good a name as any. The problem is that your slides need to be set to display: none in your CSS. This issue is happening because the JavaScript must load and be parsed before it can set the display to none. This takes ju

Re: [css-d] is this possible in RWD?

2015-02-20 Thread David Hucklesby
(need to support IE8 and IE9). Is JS necessary? On Feb 17, 2015, at 6:43 PM, David Hucklesby wrote: Float the sidebar and give it a percent width, with that width set to 100% on narrow windows (via media query) perhaps? On 2/17/15 4:50 PM, Sara Haradhvala wrote: doesn't that requir

Re: [css-d] is this possible in RWD?

2015-02-18 Thread David Hucklesby
On 2/17/15 4:50 PM, Sara Haradhvala wrote: doesn't that require the sidebar div to come first in the HTML? If so, then on mobile, it will also come first. Or is there another option? -- Sara Haradhvala Manager, Harlen Web Consulting LLC s...@harlenweb.com On Feb 17, 2015, at 6:43 PM,

Re: [css-d] is this possible in RWD?

2015-02-17 Thread David Hucklesby
On 2/17/15 1:54 PM, Sara Haradhvala wrote: Am wondering - is it possible to have a responsive layout that has a main column and an optional sidebar where text from the main column flows under the sidebar - but where the sidebar drops under the main column in mobile view? Not using flexbox (need t

Re: [css-d] Column height fault/color dropping out

2014-12-13 Thread David Hucklesby
On 12/12/14, 2:40 PM, J.C. Berry wrote: Hi all, Can you help me with a seemingly simple problem with column height issues? We are using an equal column script, but still not correct heights http://www.xifin.com/news/coverage Thanks That’s on account of this rule in the CSS: body.page-node-93

Re: [css-d] Using ::after pseudo-element !

2014-12-07 Thread David Hucklesby
On 12/7/14, 11:29 AM, Tom Livingston wrote: There's no content according to this code. Link? On Sun, Dec 7, 2014 at 2:28 PM Crest Christopher wrote: The following pseudo-element isn't working; I'd like to know what I'm doing wrong ? #inner {} #inner:after {content:url("");opacity:0.5;} Per

Re: [css-d] Responsive Images

2014-11-06 Thread David Hucklesby
On 11/5/14, 9:22 PM, Felix Miata wrote: > Crest Christopher composed on 2014-11-05 23:45 (UTC-0500): > >> If I want to use images on a responsive site, the images should be in >> the largest size possible then set the style to {max-width:100%} ? If >> they are not the largest size possible and the

Re: [css-d] Grid System

2014-10-20 Thread David Hucklesby
On 10/20/14, 2:16 AM, MiB wrote: okt 20 2014 11:08 MiB : Grids are not hocus locus. I’m giving this response a "Like" :) -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/

Re: [css-d] Centering menu items responsively

2014-09-06 Thread David Hucklesby
On 9/5/14, 15:42, J.C. Berry wrote: OK don't judge me - well actually do http://www.xifin.com/solutions/xifin-technology/portals Not fine-tuned but there it is. On Fri, Sep 5, 2014 at 3:38 PM, Jon Reece wrote: On Fri, Sep 5, 2014 at 3:13 PM, J.C. Berry wrote: I have 3 menu items that lo

Re: [css-d] Understanding How Relative Font-Size Resize Units in Responsive Design

2014-08-24 Thread David Hucklesby
On 8/24/14, 18:27, Philippe Wittenbergh wrote: Le 25 août 2014 à 09:51, Elli Vizcaino a écrit : Is there anyway to get font sizing to resize proportionately based on containing element width? You can eventually use vw, vmin units to specify the font-size. That is based on the viewport width

Re: [css-d] backgound shows below content when it shouldn't

2014-08-14 Thread David Hucklesby
On 8/14/14, 16:36, Philippe Wittenbergh wrote: Le 15 août 2014 à 03:06, Tim Dawson a écrit : I have a containing a CSS animation of five* images which appear sequentially. The images are absolutely positioned in a stack, except for the first to load, which has relative positioning. That's do

Re: [css-d] backgound shows below content when it shouldn't

2014-08-14 Thread David Hucklesby
On 8/14/14, 11:06, Tim Dawson wrote: I'm coding a new site and am struggling with a 'wrapping' problem in the header. [...] It works except that I always get two pixels worth of the background showing at the bottom of the images, and I cannot work out why. You can see it at: http://webadit.

Re: [css-d] why are ems rendering large?

2014-07-24 Thread David Hucklesby
On 7/24/14, 19:53, Tom Livingston wrote: I believe so. On Thursday, July 24, 2014, Crest Christopher wrote: A font-size of 120% is 19px, is my math correct ? Tom Livingston wrote: I don't know about golden, but it equal to the browser default which, if unchanged, is usually 16px. On Thur

Re: [css-d] nested li:hover issue

2014-07-10 Thread David Hucklesby
On 7/10/14, 10:49, John wrote: at this link: http://coffeeonmars.com/130su/assignments/asst2a/jj_resp_skeleton.html I have a CSS menu dropdown for the header nav item named “Class” Functionally, it behaves correctly, ... Not really. I don’t know if it works with touch, but it certainly fails w

Re: [css-d] Is There A Way to Shrink Wrap Inline Elements?

2014-07-03 Thread David Hucklesby
On 7/3/14, 9:36, Alan Gresley wrote: On 4/07/2014 1:58 AM, Elli Vizcaino wrote: On Thu, Jul 3, 2014 at 1:20 AM, Alan Gresley wrote: On 3/07/2014 1:19 PM, Elli Vizcaino wrote: Hello CSS Discuss, I'm presently working on building out a responsive redesign of my site and in order to keep the H

Re: [css-d] font-variant:small-caps;

2014-06-12 Thread David Hucklesby
On 6/12/14, 14:42, Richard Wendrock Forum wrote: It appears there is an optical illusion when using font-variant:small-caps; The first letter of each word appears more bold than the other letters in the word. .fonttext23 { font-size: medium; font-family:Arial; text-align:left;

Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread David Hucklesby
On 6/4/14, 13:26, Rod Castello wrote: Hey thanks Colin, Norman, Karl and Tom for the replies and I'll try out your suggestions. Sorry about it being OT. I got caught up in the rush and turned to the best "list" I knew. Rod Well, I think the "responsive" part of your question is on topic. (?)

Re: [css-d] Sticky Footer Problems

2014-04-21 Thread David Hucklesby
On 4/21/14, 9:54 AM, Jennifer wrote: Hello, I've attempted to change our footer to a sticky version, so that on shorter pages, it's always at the bottom of the screen. However, I'm having a problem with a gap in the content of a short page just above the footer. Can someone pl

Re: [css-d] Webkit's wobbly centering

2014-04-21 Thread David Hucklesby
On 4/21/14, 11:18 AM, Tom Livingston wrote: On Mon, Apr 21, 2014 at 2:12 PM, David Hucklesby wrote: Making a photo gallery, I want to center a row of thumbnails below the main photo. My code works well in all browsers *except* for those based on Webkit. A cut-down version of the code is here

[css-d] Webkit's wobbly centering

2014-04-21 Thread David Hucklesby
Making a photo gallery, I want to center a row of thumbnails below the main photo. My code works well in all browsers *except* for those based on Webkit. A cut-down version of the code is here: What am I doing wrong? Any suggestions gratefully accepted.

Re: [css-d] Media Queries: How many pixels make an em ?

2014-04-18 Thread David Hucklesby
On 4/18/14, 2:10 PM, Tom Livingston wrote: On Fri, Apr 18, 2014 at 4:03 PM, Freelance Traveller wrote: On Fri, 18 Apr 2014 17:53:37 +0100, Tim Dawson wrote: I've been following another thread (Phone breaks), and I can see the advantage of using 'ems' rather than pixels for media queries.

Re: [css-d] Equal-length columns - display: table-cell OK?

2014-04-09 Thread David Hucklesby
On 4/9/14, 8:12 AM, Barney Carroll wrote: On 9 April 2014 16:00, Freelance Traveller wrote: First, is display: table-cell a viable solution for the layout issue? caniuse suggests that if I don't feel a need to support IE7 or earlier, I should be OK, but caniuse doesn't always tell the whole sto

Re: [css-d] floating thumbnails

2014-03-27 Thread David Hucklesby
bonav (Tom Livingston's suggestion) did do what I wanted. On Thu, Mar 27, 2014 at 10:06 AM, David Hucklesby wrote: Not too sure what you are aiming at, but try this: - Take the "float:left" out of the above the gallery, allowing it to occupy the full width - Take the "f

Re: [css-d] Google font use

2014-03-27 Thread David Hucklesby
On 3/27/14, 9:34 AM, Tom Livingston wrote: I was doing this simple test with google fonts (via @import method). body{ font-family: $roboto; } .bold{ font-weight: 500; } Hi there bolded text I'm bold The strong tag above was rendering wrong in FF and Chrome. FF was 'double-bolding' t

Re: [css-d] floating thumbnails

2014-03-27 Thread David Hucklesby
On 3/27/14, 7:19 AM, Colin (Sandy) Pittendrigh wrote: The following link displays an HTML fragment taken from a (home-brewed) content management system, stripped down to the relevant block area only: ...stuff... The HTML: http://fliesfliesflies.com/fragments/Gallery/ttest.html [...] In this

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-17 Thread David Hucklesby
On 3/17/14, 7:21 AM, Crest Christopher wrote: Hi, Tom. You are seeing no difference in Font Sizes between browsers, hrmm odd. I don't have Scale Text Only enabled within FireFox (27.0.1). Tom Livingston wrote: On Mon, Mar 17, 2014 at 8:36 AM, Crest Christopher wrote: I changed my font-size t

Re: [css-d] can CSS3 make these shapes?

2014-03-07 Thread David Hucklesby
On 3/6/14, 6:54 PM, Philippe Wittenbergh wrote: Le 7 mars 2014 à 11:23, John a écrit : .is some kind of css required to show the png on those browsers that won't handle the svg file? I guess something for IE? But this reminds me - older Android (2.x and 3 iirc) also doesn't support SVG at a

Re: [css-d] Help w/CSS and Bootstrap

2014-03-02 Thread David Hucklesby
On 3/2/14, 11:27 AM, Michael Beaudoin wrote: [...] The sample page is located at: http://192.185.4.142/~badoyn/report_test/ Questions are: - In the left sidebar (Choose a Report) I would like the hover to extend the complete width of the sidebar and midway up/down between the items. I still can

Re: [css-d] Will the unsemantic HTML elements B and I be soon phased out?

2014-02-15 Thread David Hucklesby
On 2/15/14, 4:40 PM, Eric wrote: I agree with Colin...I don't like them either. But, they do remain in HTML5 Eric On February 15, 2014 at 5:47 PM Ezequiel Garzón wrote: Greetings to all, I know this is highly subjective question, but am curiou

Re: [css-d] Background image on body appears to be in viewport or HTML

2014-02-09 Thread David Hucklesby
On 2/9/14, 12:11 PM, Chris Rockwell wrote: Interesting Chris. I'v always styled the with margins, positioning, sometimes padding...etc and it always has an effect. But have you applied colors, images to that? This pen shows what I'm referring to (and I've never experienced because of my mark-up

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread David Hucklesby
On 1/31/14, 1:03 PM, Jukka K. Korpela wrote: 2014-01-31 22:53, Tom Livingston wrote: [...] won't the longest link push out the width of the s? In which case setting display: block; on the s will cause them to always be as wise as the widest one? And this will result in what the OP wanted, no?

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread David Hucklesby
On 1/31/14, 7:13 AM, Rod Castello wrote: John, Here's a pseudo fix. I wrapped a div around each . [...] On Fri, Jan 31, 2014 at 6:42 AM, John Johnson wrote: in a ul/li set of links/nav, is it possible to make all of the border-bottoms of equal length, regardless of how long the linked word

Re: [css-d] CSS Media Queries: a singularity with orientation modes

2013-11-30 Thread David Hucklesby
On 11/30/13, 11:55 AM, Bjoern Hoehrmann wrote: * Gabriele Romanato wrote: @media screen and (orientation: landscape ) { /* ... */ } As far as I know, browsers - even desktop browsers - support the DeviceOrientation event plus a series of APIs related to orientation. The point is that on my Mac

Re: [css-d] Chrome for Mac disowns children

2013-11-19 Thread David Hucklesby
On 11/19/13, 6:01 AM, MiB wrote: nov 19 2013 14.55 Barney Carroll: David has discovered a bug in Chrome 31 whereby rules featuring concurrent positioning pseudo-classes on the same element are removed from the DOM when the affected element is hovered. I can't vouch for hover as I don't see

Re: [css-d] Chrome for Mac disowns children

2013-11-18 Thread David Hucklesby
On 11/17/13, 9:52 PM, Karl DeSaulniers wrote: On Nov 17, 2013, at 11:32 PM, Barney Carroll wrote: This sounds uncannily familiar to Georg's reported bug for Chrome v31 3 days ago on this list whereby stateful re-rendering didn't happen. His example involved invisible checkboxes expanding conte

[css-d] Chrome for Mac disowns children

2013-11-17 Thread David Hucklesby
Developing a drop-down menu, I'm following an idea I came across that adds a marker to a menu item that has a following sub-menu[1]. It uses this selector that works in CSS3 browsers: .nav li a:first-child:nth-last-child(2) {...} While this works in modern browsers, the marker disappears in Chro

Re: [css-d] aligning some text in td at bottom

2013-11-15 Thread David Hucklesby
On 11/14/13, 5:43 AM, Sara Haradhvala wrote: I ended up using JavaScript to set the height of each cell - that seems to work in all browsers! On Nov 13, 2013, at 5:03 PM, Chris Rockwell wrote: [...] Pretty sure display:flex is going to make this a non-issue, so if you're only needing to wor

Re: [css-d] aligning some text in td at bottom

2013-11-14 Thread David Hucklesby
On 11/14/13, 2:12 PM, Karl DeSaulniers wrote: Sent from losPhone On Nov 14, 2013, at 7:55 AM, MiB wrote: nov 14 2013 14.43 Sara Haradhvala: I ended up using JavaScript to set the height of each cell - that seems to work in all browsers! In theory, if no-one is using a browser with java

Re: [css-d] Bridge/Dreamweaver gallery not displaying

2013-11-04 Thread David Hucklesby
On 11/4/13, 6:37 AM, Tom Livingston wrote: On Mon, Nov 4, 2013 at 9:29 AM, AJ Putnam wrote: Thanks, all. I am very confused by the paths. I am using the index.html generated by Bridge, have not changed any of the paths, and uploaded all of the generated folders exactly as they were created. The

Re: [css-d] Flexbox order and first/last elements ...

2013-10-26 Thread David Hucklesby
On 10/26/13, 8:01 AM, Colin (Sandy) Pittendrigh wrote: [...] Or is there a current benefit--that's worth the effort--of using the new stuff now? [...] As a non-expert myself, I'm struggling with the same conflicts. So far, I have found flaws in most current methods of laying out pages. Float

Re: [css-d] Front page breaking in IE8, maybe 9 too

2013-10-09 Thread David Hucklesby
On 10/8/13 3:40 PM, Theresa Jennings wrote: http://girlscoutssangorgonio.org The client just informed me that the "Alumnae" box is jogging down. I imagine some sort of older IE padding bug. [...] Sorry about the tardy reply. The problem is universal - you are mixing pixel widths with EM size

Re: [css-d] Container Div

2013-10-01 Thread David Hucklesby
On 10/1/13 7:22 AM, Chris Rockwell wrote: What version? It's fine in 29.0.1547.76 m and 32.0.1657.2 canary Aura On Tue, Oct 1, 2013 at 10:18 AM, MiB wrote: 1 okt 2013 kl. 16.16 skrev Chris Rockwell: What browser are you viewing in? It works for me in ff,chrome,ie10 It fails in Chrome.

Re: [css-d] center container with variable-width children

2013-09-17 Thread David Hucklesby
, Sep 15, 2013 at 1:08 PM, Tom Livingston wrote: Can you tell me the browser, version and OS you were using? I'd like to look into it. On Sat, Sep 14, 2013 at 9:10 PM, David Hucklesby > wrote: On 9/14/13 9:30 AM, Tom Livingston wrote: Fair point. This one works with JS di

Re: [css-d] center container with variable-width children

2013-09-14 Thread David Hucklesby
y get a pretty menu that opens and closes on click, using the :target method (or hover if appropriate); If JavaScript is enabled I would take away the :target and just use a click event handler On Sep 14, 2013 12:19 PM, "David Hucklesby" wrote: On 9/14/13 5:30 AM, Tom Livingston wrote:

Re: [css-d] center container with variable-width children

2013-09-14 Thread David Hucklesby
On 9/14/13 9:30 AM, Tom Livingston wrote: Fair point. This one works with JS disabled: http://www.discovermvp.com/employers/ On Sat, Sep 14, 2013 at 12:19 PM, David Hucklesby wrote: On 9/14/13 5:30 AM, Tom Livingston wrote: I personally wouldn't want the main function of my navigatio

Re: [css-d] center container with variable-width children

2013-09-14 Thread David Hucklesby
On 9/14/13 5:30 AM, Tom Livingston wrote: I personally wouldn't want the main function of my navigation, on a responsive site intended for many devices of varying ability, to be dependent on JS. Added effects, progressively enhanced, maybe, but not the main base function of navigating the site.

[css-d] Window widths and responsive design

2013-08-26 Thread David Hucklesby
Working on my first "responsive" website, I discovered something useful. Dragging a browser window to different sizes has limitations, but I can see how a page reacts to different widths by using browser "zoom" as well. The good news is that both Firebug and Chrome tools reflect the "adjusted" el

Re: [css-d] Extra spacing within div

2013-08-20 Thread David Hucklesby
On 8/19/13 7:59 PM, Erik Domingo wrote: Greetings all, I need help discovering why certain divs seem to have extra height being added to them on this page: http://knowarecms.net/SRPEDD/index.php?id=17&maincat=17. If you look at the markup within the td element representing August 14, 2013 on thi

Re: [css-d] Can I specify how much of a background image to show?

2013-07-05 Thread David Hucklesby
On 7/5/13 9:07 AM, Chris Rockwell wrote: I have been given a sprite file with lots of icons of differing sizes. In this particular instance, I have an that needs an icon on the left. However, if the is too long (character count) then I end up with other icons showing in the background. Also

Re: [css-d] what should go in html{ } ?

2013-06-27 Thread David Hucklesby
On 6/26/13 2:29 PM, COM wrote: my css all begin like what's pasted below. I have no idea what things ought to be inside the html selector. Any thoughts on what the best practices are? [code snipped] A couple of suggestions: Some browsers will only add scroll bars on long pages, creating a vis

Re: [css-d] display:table-cell;

2013-06-17 Thread David Hucklesby
On 6/17/13 9:25 AM, Tom Livingston wrote: Given this structure: Infographics Tax Credit Calculator Frequently Asked Questions I have the hrefs set to display:table-cell; so as to use vertical-align:middle; but they are appearing next to each other in the browser. I understand why and expect t

Re: [css-d] css-based flyout menu for mobile?

2013-06-15 Thread David Hucklesby
On 6/14/13 4:20 PM, COM wrote: Can anyone point me to a 100% css-based flyout menu for use with mobile devices? By flyout, I mean that when User presses a Menu icon, the menu slides out or otherwise appears, User presses their choice and menu hides, chosen page loads. Brad Frost has some usefu

Re: [css-d] Equal column height script and print CSS

2013-06-11 Thread David Hucklesby
On 6/11/13 1:27 PM, J.C. Berry wrote: Hello all, I have four divs: First one is 100% width Second 80% / Third 20% floated Fourth 100% I have a jQuery equal column heights script assigned to the second and third columns. The problem is with my print CSS: The third div (floated right column) is d

Re: [css-d] Unresponsive images

2013-06-11 Thread David Hucklesby
On 6/10/13 10:46 PM, Philippe Wittenbergh wrote: Le 11 juin 2013 à 14:35, David Hucklesby a écrit : Discouraging, as this is my first attempt - and I don't know how to inspect a web page on iPad to find out what's what. Connect the iPad via USB to your machine then call up

[css-d] Unresponsive images

2013-06-10 Thread David Hucklesby
Coming late to the party, I'm attempting my first "mobile first" design. Having trouble with this code for images on iPad: .col > div > img { width: auto; height: auto; max-width: 100%; max-height: 100%; } Here's what I see on my iPad:

Re: [css-d] unfamiliar url reference

2013-06-06 Thread David Hucklesby
On 6/6/13 9:01 AM, John D wrote: I agree with Tom Livingstone. When someone is writing the code, he/she didn't have the exact URL reference so a # sign is palced to later replace it with the correct URL. I do it all the time when writing code for Menus. I'm picking up someone else's code a

Re: [css-d] how to make content div stretch to 100% height

2013-05-29 Thread David Hucklesby
On 5/28/13 4:12 PM, Debbie Campbell wrote: In this WordPress page: http://www.redkitecreative.com/dev/ivas/short-page/ I'd like #content to stretch to the bottom of the browser window, behind or to the green footer. I'm using this sticky footer method to make the background image on #body-con

Re: [css-d] tbnt

2013-05-26 Thread David Hucklesby
On 5/26/13 8:09 PM, David Laakso wrote: Greetings, I'd like to make the space between the digits 2 and 8 "tight but not touching [tbnt]" without the numeral 28 overlapping the ochre-like color border above it. So far I am not having much luck... anyone care to share the secret to make it happen?

Re: [css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

2013-05-22 Thread David Hucklesby
On 5/22/13 3:51 PM, Micky Hulse wrote: WITH ALL THAT SAID ... I think it's important to note that, based on my tests, IE8 does not load any styles within a media query block when the given media query is: @media { ... } Demo page: ... but, from what

Re: [css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

2013-05-22 Thread David Hucklesby
On 5/22/13 11:37 AM, Micky Hulse wrote: Howdy, I'm in a situation where I would like to use @media all { ... } and @media screen { ... } around blocks of CSS in a large collection of style sheets. Test page using @media all { ... }: Test page using @media screen {

Re: [css-d] RES: RES: child margin affecting parent?

2013-05-12 Thread David Hucklesby
On 5/12/13 2:47 PM, COM wrote: sorry for seeming dumb but why would adding padding prove its collapsing margin? wrapper contains header in this case, plus, I have other child objects whose top margin value will not do this. is there some special property to the tag? I realize that's HTML… On

Re: [css-d] Best solution to make internet explorer 8 pages load in IE9 standard mode

2013-04-19 Thread David Hucklesby
On 4/19/13 1:31 AM, AngelPSan wrote: Hi, anyone knows the definitive solution to make internet explorer web pages load in standard mode? Boy, have you opened a can of worms! Here's what Microsoft[1] has to say (about IE 9) - "Important The new standards support in Internet Explorer 9 requi

Re: [css-d] Can You Do This?

2013-03-05 Thread David Hucklesby
Re: On 3/5/13 6:15 AM, David Groves wrote: Barney Carroll Wrote : I'm sure what you're trying to do can be done, but "float the tables td's into place" is vague, in that we don't know what the intent of 'into place

Re: [css-d] multi decimal places in percentages

2013-02-23 Thread David Hucklesby
On 2/22/13 10:52 PM, david wrote: On 02/22/2013 10:02 AM, Tom Livingston wrote: On Fri, Feb 22, 2013 at 2:37 PM, Angela French wrote: The properties below are from twitter.bootstrap. How would one even figure out such percentages, let alone a browser supporting them? margin-left: 78.7234042

Re: [css-d] white line related to overflow?

2013-02-22 Thread David Hucklesby
On 2/22/13 8:10 AM, Chip at Caliber Communications wrote: Perfect. Thanks very much. Any ideas about the {overflow: hidden;} business? Specifically, since I have a background color applied to the .menu-primary, why would the overflow of that element change the color? What exactly is overflowing?

Re: [css-d] white line related to overflow?

2013-02-22 Thread David Hucklesby
On 2/22/13 8:10 AM, Chip at Caliber Communications wrote: Perfect. Thanks very much. Any ideas about the {overflow: hidden;} business? Specifically, since I have a background color applied to the .menu-primary, why would the overflow of that element change the color? What exactly is overflowing?

Re: [css-d] what is h1 small syntax?

2013-02-22 Thread David Hucklesby
On 2/22/13 12:35 PM, Jukka K. Korpela wrote: 2013-02-22 21:55, Angela French wrote: Could someone please explain the "small" in the example below: h1 small { font-size: 24.5px; } I would understand h1.small, but am confused by the syntax "h1 small" The selector "h1 small" matches any e

Re: [css-d] Horizontal menus

2013-02-21 Thread David Hucklesby
On 2/20/13 4:34 PM, Anthony wrote: Hi all I am using a Superfish module for a horizontal menu in my Drupal 7 site. I've currently got it set up so that the last menu item is floated to the right, and there is a gap in between the last item and the second to last menu item. [...] What is the b

Re: [css-d] display: table not working as expected

2013-02-07 Thread David Hucklesby
On 2/7/13 3:01 AM, Barney Carroll wrote: [...] So I've used the tabular display CSS to create the visual layout effect without bloating the markup with too much semantically misleading tag soup. However, the elements wrapping pairs of labels and inputs, which I've set to `display: table-row`, a

Re: [css-d] CSS linear gradient in Android tablet not extending to bottom of page

2013-01-29 Thread David Hucklesby
On 1/29/13 6:52 AM, Debbie Campbell wrote: In my 10" Android tablet in landscape view, the CSS3 background gradient doesn't stretch to the bottom of the page, it only fills the browser window. If you have to scroll down, the background is white below the original window. Can someone point me in

Re: [css-d] REM units

2013-01-14 Thread David Hucklesby
On 1/14/13 1:46 PM, Jukka K. Korpela wrote: 2013-01-14 23:18, Tom Livingston wrote: I've been looking into rem units and noticed that the only fallback i've seen written about is px. Can you not fallback to em? The fallback is generally going to be for IE < 9, and they can't resize things set i

Re: [css-d] Zebra Stripes effect with CSS and jQuery

2013-01-13 Thread David Hucklesby
On 1/13/13 7:31 PM, Anthony wrote: The site is still in development, so I don't have a production link as yet :( On Mon, Jan 14, 2013 at 1:59 PM, Blake Haswell wrote: Anthony wrote: What am I missing? A link? It's hard to tell what the problem is from that code snippet. We'd prefer a s

Re: [css-d] IE8 stylesheet

2012-12-23 Thread David Hucklesby
On 12/23/12 1:05 PM, Steve Caramia wrote: Hi everybody, I want to fix the IE8 problems with an ie8-specific stylesheet. So I put this in the head (just before ): [...] http://www.caramiadesign.com/fredio_last/ I think you need a space between "IE" and "8". -- Cordially, David ___

Re: [css-d] IE8 off to the right

2012-12-21 Thread David Hucklesby
On 12/21/12 5:29 PM, Philippe Wittenbergh wrote: Le 22 déc. 2012 à 05:54, Steve Caramia a écrit : Is this the double-margin bug? In IE8, my content hugs the right margin. I tried adding display:inline. Any other suggestions? http://www.fredio.com/ I suspect this may have something to do wi

Re: [css-d] Font units question

2012-12-20 Thread David Hucklesby
On 12/20/12 4:47 PM, Tom Livingston wrote: This is what I thought. I do still see px a lot. [...] On Thursday, December 20, 2012, Philippe Wittenbergh wrote: Le 21 déc. 2012 à 06:17, Tom Livingston > a écrit : Is sizing text in pixels **still** considered a no-no? It is still not a good

Re: [css-d] Center an image

2012-12-20 Thread David Hucklesby
On Thu, Dec 20, 2012 at 12:01 PM, Brian M. Curran 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 A bit late to the parade, but I would note that images are inline by default, and

Re: [css-d] Link on A tag only active on the underline?

2012-12-10 Thread David Hucklesby
On 12/10/12 5:02 PM, Matthew Willis wrote: Hey there, I was wondering if anyone knew why the link in an A tag would only activate when the mouse is hovered over the underline, and not anywhere on the text it is wrapped around? The reason I ask is because I'm working on the CSS on this amazon st

Re: [css-d] Trumping bad proprietary code.

2012-11-06 Thread David Hucklesby
On 11/6/12 7:40 AM, Philip TAYLOR wrote: Barney Carroll wrote: Meanwhile, you’ll be pleased to know other browsers are implementing zoom too: http://cat-in-136.blogspot.com/2010/09/unofficial-css-property-zoom.html WebKit is the new Trident! Pleased ? No. I would like browsers and render

Re: [css-d] What did I leave out of horiz nav list?

2012-09-13 Thread David Hucklesby
On 9/13/12 4:31 AM, Kim Brooks Wei wrote: Hi People, http://j.mp/QSEOUP What is a good way to center the left graphic vertically and horizontally? I'm having trouble with the top nav links. How do I getthe white background on mouseover to extend all the way to the edges of the blue background?

Re: [css-d] two-column layout question

2012-09-10 Thread David Hucklesby
On 9/10/12 12:50 PM, Chris Kavinsky wrote: [...] The right column has a 3rd-party plugin that uses a set width. I want the main column (left side) to fill the screen as the screen resizes until it hits about 600px wide. At that point the right side column should drop below the left main content.

Re: [css-d] Scrolling Within a DIV tag

2012-08-25 Thread David Hucklesby
On 8/25/12 1:13 PM, Mark Weiss wrote: I am just stumped. I have a page lay out with 3 columns that I am messing with that I downloaded. I want each column to scroll independent of the other I have tried overflow:auto, and scroll and about everything else. All I can get the Safari and Firefox br

Re: [css-d] Firefox not wrapping inline-blocks on Mac

2012-08-24 Thread David Hucklesby
On 8/24/12 5:23 PM, Philippe Wittenbergh wrote: Le 25 août 2012 à 08:41, David Hucklesby a écrit : Testing this menu bar in both Windows xp and Mac OS 10.8, Firefox 4 and 14 refuse to wrap the menu items on Mac alone: <http://thewebwiz.net/temp/menu-bar/> [...] I'm proba

Re: [css-d] Firefox not wrapping inline-blocks on Mac

2012-08-24 Thread David Hucklesby
On 8/24/12 5:23 PM, Philippe Wittenbergh wrote: Le 25 août 2012 à 08:41, David Hucklesby a écrit : Testing this menu bar in both Windows xp and Mac OS 10.8, Firefox 4 and 14 refuse to wrap the menu items on Mac alone: <http://thewebwiz.net/temp/menu-bar/> [...] I'm proba

  1   2   3   4   5   6   7   8   9   10   >