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 afre...@sbctc.edu 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

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:09 AM, Tom

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 crestchristop...@gmail.com wrote: If there was an intelligent method that would only feed the large image; when it was between the threshold (small - medium),

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: http://demosthenes.info/blog/844/Easy-Masonry-Layout-With-Flexbox -- 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

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

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 7:45 AM, Crest Christopher wrote: Is it possible to animate this http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/exercises/vineMask.php, 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] 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

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 huckle...@gmail.com 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

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 huckle...@gmail.com 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

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 huckle...@gmail.com 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

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

[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: http://codepen.io/hucklesby/pen/MwwXWP 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

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

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 huckle...@gmail.com 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

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, David

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

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:

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 crestchristop...@gmail.com wrote: The following pseudo-element isn't working; I'd like to know what I'm doing wrong ? #inner {} #inner:after

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 page

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 digital.disc...@gmail.com: Grids are not hocus locus. I’m giving this response a Like :) -- Cordially, David __ css-discuss [css-d@lists.css-discuss.org]

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 jon.re...@gmail.com wrote: On Fri, Sep 5, 2014 at 3:13 PM, J.C. Berry

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 e7f...@gmail.com 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

Re: [css-d] div 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 div background showing at the bottom of the images, and I cannot work out why. You can see it at:

Re: [css-d] div 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 t...@ramasaig.com a écrit : I have a div 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

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 crestchristop...@gmail.com 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,

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

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 a...@css-class.com 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

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. (?)

[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: http://codepen.io/hucklesby/pen/xjKEL What am I doing wrong? Any suggestions gratefully accepted.

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 huckle...@gmail.com 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

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

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 edi...@freelancetraveller.com wrote: On Fri, 18 Apr 2014 17:53:37 +0100, Tim Dawson t...@ramasaig.com wrote: I've been following another thread (Phone breaks), and I can see the advantage of

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 edi...@freelancetraveller.comwrote: 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

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: div id=main-gallery-disp ...stuff.../div The HTML:

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; } pHi there span class=boldbolded text/span/p pstrongI'm bold/strong/p The strong tag above was rendering wrong in

Re: [css-d] floating thumbnails

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

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 crestchristop...@gmail.com

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 j...@coffeeonmars.com 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

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

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 http://html5doctor.com/i-b-em-strong-element/ Eric On February 15, 2014 at 5:47 PM Ezequiel Garzón garzon.luc...@gmail.com wrote: Greetings to all, I know this is highly subjective

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 body 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

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 li. [...] On Fri, Jan 31, 2014 at 6:42 AM, John Johnson j...@coffeeonmars.com wrote: in a ul/li set of links/nav, is it possible to make all of the border-bottoms of equal length, regardless of

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 lis? In which case setting display: block; on the as will cause them to always be as wise as the widest one? And this will result in what the OP wanted,

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

[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

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 ch...@chrisrockwell.com wrote: [...] Pretty sure display:flex is going to make this a non-issue, so if

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 digital.disc...@gmail.com 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

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 photom...@ajputnam.com 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

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.

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 sized

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 digital.disc...@gmail.com wrote: 1 okt 2013 kl. 16.16 skrev Chris Rockwell: What browser are you viewing in? It works for me in

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

2013-09-17 Thread David Hucklesby
15, 2013 at 1:08 PM, Tom Livingston tom...@gmail.comjavascript:_e({}, 'cvml', 'tom...@gmail.com'); 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 huckle...@gmail.comjavascript:_e({}, 'cvml', 'huckle

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.

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 huckle...@gmail.com wrote: On 9/14/13 5:30 AM, Tom Livingston wrote: I personally wouldn't want the main function

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

2013-09-14 Thread David Hucklesby
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 huckle...@gmail.com wrote: On 9/14/13 5:30 AM, Tom Livingston wrote

[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 element

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=17maincat=17. If you look at the markup within the td element representing August 14, 2013 on

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 li that needs an icon on the left. However, if the li is too long (character count) then I end up with other icons showing in the background.

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

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: 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 icon-faqFrequently Asked Questions/a /div I have the hrefs set to

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

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 huckle...@gmail.com 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

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

[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

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

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 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 { ... }: http://jsbin.com/alugiv/1 Test page using @media screen {

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: http://jsbin.com/alugiv/5 ... but, from what I

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 header tag? I realize that's

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

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

2013-03-05 Thread David Hucklesby
Re: http://www.linkhomes2000.co.uk/main/calculators/linkmortgagecalcstart_005.php 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 afre...@sbctc.edu wrote: The properties below are from twitter.bootstrap. How would one even figure out such percentages, let alone a browser supporting them?

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 small

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] 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

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`,

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

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 blake.hasw...@simpleweb.com.au wrote: Anthony wrote: What am I missing? A link? It's hard to tell what the problem is from that

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 /head): !--[if IE8] link rel=stylesheet type=text/css href=ie8.css / ![endif]-- [...] http://www.caramiadesign.com/fredio_last/

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 st...@caramiadesign.com 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

Re: [css-d] Center an image

2012-12-20 Thread David Hucklesby
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 A bit late to the parade, but I would note that images

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 tom...@gmail.com javascript:; a écrit : Is sizing text in pixels **still** considered a

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

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

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

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

Re: [css-d] Menu centering

2012-08-24 Thread David Hucklesby
On 8/24/12 1:20 PM, Ursula Pieper wrote: Greetings, I can't figure out how to center the top menu in: http://salilab.org/salilab_drupal/ I have tried to add: margin-left: auto; margin-right: auto; width: 100%; I aded this to a number of places in the stylesheet, and can't figure out why

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

2012-08-24 Thread David Hucklesby
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/ Firefox 3.5 wraps okay. 3.0, 3.6, and 5.0 only wrap the last item. Other browsers okay, including Safari, Chrome, Camino, and Sea Monkey.

  1   2   3   4   5   6   7   8   9   10   >