The issue appears to be at line 1725 of sbctc.css. Is floating every image
in the main container the desired behavior? If so, you'll have to
explicitly reset for either all within a element or use a
class. You'll need to be more specific with your declaration than what
you've done here:
@media
What Greg said...
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ .menu-main-navigation-container
#menu-main-navigation {
display: block;
}
^ That is in your css files
On Fri, Nov 4, 2016 at 3:16 PM Greg Gamble wrote:
> Looks like the class names are di
I might muddy the waters here, but I'll try to explain how I interpreted
the goal. Consider a use-case in which your page has a long list of
anchors (imagine a sticky sidebar which scrolls with the user). The goal
(in my contrived scenario) would be to gray out the anchor which links to
the targe
Tough one. margin-top: auto as Philippe suggested does work but flex-end,
as I understood it, should take care of this. It's like flex-end doesn't
respect that you've changed the flex-direction to column.
On Wed, Aug 10, 2016 at 7:18 PM Philippe Wittenbergh wrote:
>
> > On Aug 11, 2016, at 5:5
Note that it still compiles to the first example.
On Fri, Aug 5, 2016 at 3:18 PM Crest Christopher
wrote:
> I knew probably SaSS could do it although I don't use SaSS atleast I was
> right ;-)
>
> Chris Rockwell wrote:
>
>
> If I understand you correctly,
If I understand you correctly, no.
You can do:
body {
background-image: url('my300pximage.jpg');
}
@media and (min-width: 700px) {
body {
background-image: url('my700pximage.jpg');
}
}
With sass you can do this:
body {
background-image: url('my300pximage.jpg');
@media and (min-width
Set top:0 in .colorbar-link.
On Fri, Aug 5, 2016 at 11:43 AM Tom Livingston wrote:
> List,
>
> I'm trying to add a hover to a block-styled link. I want to transition the
> 'top' position of the element on hover with easing but I can't get it to
> happen with the easing. Where am I going wrong?
>
The Web developer toolbar from Chris Pedrick (sp?) does that and much more.
On Mon, Aug 1, 2016, 12:01 AM Crest Christopher
wrote:
> Anyone aware of a simple tool for Chrome which allows me to draw a
> freestyle rectangle and get the dimensions displayed ?
> _
June 29, 2016, Chris Rockwell
> wrote:
>
> > If this layout were in a narrower viewport than shown, and keeping
> >> the grid as shown, in my mind the graphics in the middle row would
> begin to
> >> scale before the rest.
> >
> >
> > For clarif
>
> If this layout were in a narrower viewport than shown, and keeping
> the grid as shown, in my mind the graphics in the middle row would begin to
> scale before the rest.
For clarification: are you saying that's how you think it should work *or*
that is the desired effect you're going for?
>
g the relevant media queries with each component.
I've worked with large codebases that have separate files for media
queries, each breakpoint, and I've always found it more difficult to track
down what I need.
On Tue, May 31, 2016 at 12:32 PM Chris Rockwell
wrote:
> I have used t
I have used the method from the second article since I started using Sass.
I break components/objects/atoms/whatever into their own file and it makes
more sense, to me, to include the media query with the components.
I make mine "more inline" though:
.selector {
color: red;
@media (min-width:
There is likely a width set on one of the parents causing the overflow
scrolling. Do you have a link?
On Tue, Mar 29, 2016, 6:09 PM Larry Martell wrote:
> I am trying to align 4 divs horizontally. I know I've successfully
> done this before with either display: inline-block or position: static
>
What are the different scenarios in which this would be used? Is the
assumption that you need to move the text so that it fits right on
different images correct? Can you use background-image for this, and then
position the text within the container?
On Mon, Mar 28, 2016 at 5:00 PM John J wrote:
Or flex: https://jsfiddle.net/gc1dgrsb.
On Mon, Mar 28, 2016 at 3:01 PM Tom Livingston wrote:
> You could try using calc, if the browser support is ok (
> http://caniuse.com/#search=calc).
>
> .centerdiv{width: calc(100% - 68px};/* 68 is width of two outer divs */
>
> On Mon, Mar 28, 2016 at 2:2
uss.org [mailto:
> css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Rockwell
> Sent: Friday, March 25, 2016 7:29 PM
> To: Karl DeSaulniers; CSS-D
> Subject: Re: [css-d] syntax: attribute selector on linked image
>
> Is this in an iFrame? Have you inspected the element with
Is this in an iFrame? Have you inspected the element with developer tools
to see what styles are being applied to it? Maybe yours are simply not
specific enough.
Here is an example using your original that shows the margin works just
fine: https://jsfiddle.net/wnzfh6c4/
On Fri, Mar 25, 2016 at 9
give it a go and see what the results are.
Chris Rockwell
On Sun, Feb 28, 2016 at 3:12 PM, John J wrote:
> I have my "waffle" menu div hiding until viewport reaches max-width:
> 42.5rem, using display:none; in the desktop CSS, then using display:inline;
> at 42.5rem
>
>
Hi Karl,
I loaded the site on a Nexus 5 and the breakpoints seem to work fine. What
really stands out to me is the slow performance:
http://www.webpagetest.org/result/160130_65_54P/. It loaded very slowly.
I would focus on performance first, which does have an effect on seo.
I use chrome Vox to
When I read this I assumed J.C. was referring to a navigation bar that is
fixed to the bottom of the screen, and I think D'Arcy provided a solution
(I didn't test it).
I think there are very valid use cases for this design pattern. If the
navigation is accessible from the bottom of the screen it i
>> when I grab the list it applies my style to the s and not the
Is this because you don't have a consistent, reliable way to target the
instead of the 's? If that's the case I would try to go up the
theming chain (not sure the CMS) to apply some classes.
Chris Rockwell
When you declare "margin: 0 auto" you're explicitly giving instructions to
not use margin on the top and bottom. If absolute positioning is
acceptable, you can do:
margin:auto;
position: absolute;
top: 0;
bottom:0;
left:0
right:0;
On Jun 3, 2015 7:46 PM, "Crest Christopher"
wrote:
> I've come
There is no link, Crest. Why do you think z-index would be causing a script
not to run?
On Apr 5, 2015 1:21 PM, "Crest Christopher"
wrote:
> I have a problem, z-index on this page is blocking the script to work,
> currently I've only removed the z-index for the x320 break point. Why
> isn't it w
It appears that the addition of this:
-webkit-transform: translate3d(0,0,0);
fixes the Safari issue.
That fix was mentioned in one of the StackOverflow threads I saw while
looking into this. Odd that adding z-index didn't work as it did on my
end, as well as removing `position:relative`. Oh wel
statement to check if the value returned is zero, if it is, get
the value from the parent.*
Chris Rockwell
On Thu, Jan 22, 2015 at 10:57 AM, Chris Rockwell
wrote:
> I think if you add a z-index to everything that is position:relative it
> will solve the issue (.circle-button, .plant-it). It d
dex issues.
Chris Rockwell
On Thu, Jan 22, 2015 at 10:26 AM, Philip Taylor wrote:
>
>
> Tom Livingston wrote:
>
> With respect, the code that the validator doesn't like or understand is
>> necessary and the issue isn't showing up on other pages of the site with
&
This is pretty ugly, but it works on Safari MAC :
http://codepen.io/chrisrockwell/full/MYmdbo/
Chris Rockwell
On Wed, Jan 21, 2015 at 5:53 PM, Tom Livingston wrote:
> Unfortunately, I still can't post a link for this. Hopefully someone
> smarter than me can help me based on the fol
Is using LESS for CSS off-topic? Have you looked at Stack Overflow?
stackoverflow.com
Chris Rockwell
On Mon, Dec 8, 2014 at 1:05 PM, John wrote:
> A bit off-topic; any good current resources for LESS issues anyone can
> share?
>
> Thank y
x) { #menupanel { background-color: gray; } }
Chris Rockwell
On Thu, Nov 20, 2014 at 8:46 PM, Tom Livingston wrote:
> Try:
>
> @media only screen and (min-width : 320px) {
> #menupanel {background-color:red;height:400px;width:320px;border:2px;}
> }
>
> @media only screen an
up coding that part of the project, but they just prefer a
different medium to solve the problems. Use whatever tools help you to
solve the problem in the fastest way.
Chris Rockwell
On Sat, Nov 15, 2014 at 9:36 PM, Crest Christopher <
crestchristop...@gmail.com> wrote:
> A sheet/st
according to wikipedia:
http://en.wikipedia.org/wiki/List_of_common_resolutions
However, if you've ever looked at the stats for a low to medium traffic
site, that list doesn't cover a fraction of them.
Chris Rockwell
On Wed, Nov 12, 2014 at 1:43 PM, Crest Christopher <
crestchris
You have flexbox, display:table-cell, display:inline-block, float:left. I
prefer flexbox but most often use one of the display's and avoid float at
almost all costs.
Are you using inline-block and running into this:
http://css-tricks.com/fighting-the-space-between-inline-block-elements/?
On Nov 1
you've
confirmed an image has loaded.
- Drupal makes it point-and-click easy to aggregate and compress your
CSS/JS, I would recommend taking advantage of this
Hope it helps!
Chris
Chris Rockwell
On Fri, Oct 24, 2014 at 10:49 PM, J.C. Berry
wrote:
> Hello all,
> Feel free to te
that should work and
paste it in to the "Disable Rich Text" view. Next, enable rich text, save
it, go back and view the source - is anything different from what you
originally put it?
Again, I don't think this is CSS related so if you want to send me more
details off list I would be hap
one know a really good explanation of the properties
flex-grow and flex-shrink?
Have you seen http://css-tricks.com/snippets/css/a-guide-to-flexbox/?
Chris Rockwell
On Thu, Oct 9, 2014 at 12:27 PM, Darren Brierton
wrote:
> Hello
>
> I've been trying to familiarise myself with the
>
>
> When using a Grid FrameWork must you keep all the column classes and
> gutters or that is only needed when designing ?
>
Not at all. If the grid framework is too difficult to modify for your
needs, choose another framework, or start form scratch.
A grid framework, or any framework for that
I can't look at the example now, but there are endless examples available,
try MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child
On Sep 26, 2014 9:40 AM, "Crest Christopher"
wrote:
> The first child of my example, I linked too.
>
> Philip Taylor wrote:
>
>>
>> Crest Christopher w
Hey Matthew,
If you look at the stylesheet in Chrome dev tools you'll see a red dot
after both of the styles in question - deleting it solves the issue. A
search suggests that it's unicode characters inserted by server side code:
http://stackoverflow.com/a/23511935
Chris
Chris Rockwe
Glad to help!
Chris Rockwell
On Thu, Sep 18, 2014 at 5:00 PM, John wrote:
>
> On Sep 18, 2014, at 1:49 PM, Chris Rockwell
> wrote:
>
> > Check out the "Computed" tab in Chrome Dev tools - it shows that
> 47.87234%
> > is equal to 430.844 pixels which, w
e that though (
http://ejohn.org/blog/sub-pixel-problems-in-css/).
Chris
Chris Rockwell
On Thu, Sep 18, 2014 at 4:38 PM, John wrote:
> http://www.coffeeonmars.com/170_su/client/portfolio/
>
> At this link, I have 3 thumbnails which display horizontally and are
> evenly distributed,
roper (wp template) as that is
where it belongs.
Chris Rockwell
On Wed, Sep 17, 2014 at 11:32 PM, Dave Solko wrote:
> Is it possible to add a link to the :after?
>
> I'm adding an image via :after, and I want to make it clickable. Is this
> possible?
>
> Using WP, and i
I do think you're dealing with a JavaScript issue
rather than a CSS one.
Hope it helps,
Chris
Chris Rockwell
On Sat, Sep 13, 2014 at 9:50 PM, Crest Christopher <
crestchristop...@gmail.com> wrote:
> Sorry !
>
> [Link
> <http://www.thecreativesheep.ca/webdesignprojects
Hey Chris - there is no link in your email.
Chris
Chris Rockwell
On Sat, Sep 13, 2014 at 9:06 PM, Crest Christopher <
crestchristop...@gmail.com> wrote:
> Hi, thank you for your help.
>
> If you don't mind visiting this page, followed by clicking on the word
> tutorials
Can you elaborate on what you want/expect to happen? Sounds like a
jsfiddle.net example or some code might be necessary to help.
If you don't want it to happen, it *sounds* like a JavaScript/jQuery issue.
If you want it to happen but you're getting the wrong styles, it *could* be
a CSS issue.
Ch
Many ways to do this, some add to html, some to css. You should be able to
go to any website that has a form to inspect how they do it.
Just wrap each label/input pair in a span/div and use a class of
'form-element--inline' or 'form-element--block'. Make the former display:
inline-block and the la
Hey Tom, just a heads up that you need to include the 2nd argument in
background-image:, otherwise it won't fallback.
Chris
On Aug 5, 2014 8:45 PM, "Tom Livingston" wrote:
> On Tuesday, August 5, 2014, Karl DeSaulniers wrote:
>
> > On Aug 5, 2014, at 6:15 PM, Philippe Wittenbergh > > wrote:
>
They do work the same. You're not giving it a declaration it doesn't
understand ( like rgba(), therefore causing a fallback ), it perfectly
understands url(), it just can't render the resource you're giving it.
Chris Rockwell
On Tue, Aug 5, 2014 at 9:17 AM, Tom Livingston
ackground-image: url('image.svg'), none;
There's also modernizr if you're already using that.
Chris
Chris Rockwell
On Tue, Aug 5, 2014 at 9:00 AM, Tom Livingston wrote:
> List,
>
> I was having a discussion in the comments of an article about using
> svg as a bac
You may not need to Debbie, I just wanted to mention it. Why not add the
CSS I included to your stylesheet and se
Chris Rockwell
I'm not at all opposed to removing the JS, it's kind of an artifact...
--
Debbie
On 8/1/2014 11:26 AM, Chris Rockwell wrote:
> Hi Debbie,
>
>
the necessity for !important :)).
Chris Rockwell
On Fri, Aug 1, 2014 at 1:28 PM, Debbie Campbell
wrote:
> I'm not at all opposed to removing the JS, it's kind of an artifact...
>
> --
> Debbie
>
>
> On 8/1/2014 11:26 AM, Chris Rockwell wrote:
>
>> Hi Deb
with
javascript by adding inline styles (as opposed to adding classes and
dealing with the styling in a sheet), but this will hopefully get you
thinking along the right path.
Make sense?
Chris
Chris Rockwell
On Fri, Aug 1, 2014 at 1:13 PM, Tom Livingston wrote:
> Works in latest Chrome and
I failed, once again, to Reply-All
-- Forwarded message --
From: "Chris Rockwell"
Date: Jul 30, 2014 10:36 PM
Subject: Re: [css-d] Web fonts
To: "Stuart King"
Cc:
Here is the culprit:
.column-content p {
font-family: "Whitney A", "Whitney B&q
I would add it to the end of the main sheet and import the partial in this
scenario.
Chris Rockwell
On Mon, Jul 28, 2014 at 2:33 PM, Tom Livingston wrote:
> On Mon, Jul 28, 2014 at 2:15 PM, Tom Livingston wrote:
> > On Mon, Jul 28, 2014 at 1:42 PM, Chris Rockwell
> wrote:
and there is no
adherence to structure, you'll end up with some messiness down the road (I
feel like I'm preaching to the choir on this point though :D, maybe I've
misunderstood the question).
Hope that helps.
Chris Rockwell
On Mon, Jul 28, 2014 at 1:23 PM, Tom Livingston wrote
Nevermind, its not in normalize.CSS, I scanned too quickly - sorry!
On Jul 26, 2014 9:40 PM, "Chris Rockwell" wrote:
> Felix, admittedly I never questioned why setting font-size: 100% was a
> best practice, it's just always something I've done. Based on your response
&
Felix, admittedly I never questioned why setting font-size: 100% was a best
practice, it's just always something I've done. Based on your response I
did some quick research and, it appears, the original reason was to fix
some ie6/7 issues with em scaling.
Additionally, I checked normalize.CSS as I
>
>
> Right on…the hide me from view method is one I was encouraged to explore;
> have not yet done so.
>
Take a look at
https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css#L110
__
css-discuss [css-d@lists.css-discu
>
>
> So, I either have to keep track of the math, or…is there another, better
> way I should have built that lock-up?
>
If you want to use em's, you'll need to be aware of parent font sizes.
Personally, I don't put 's in 's, but I see it in practice all of
the time (and it's acceptable as far as
1.25em is equal to (32 * 1.25)px.
Make sense?
If you want to pad it 20px (1.25em of document base font size), you would
need to set padding-left to 0.625em
Hopefully I haven't muddied the waters.
Chris Rockwell
On Thu, Jul 24, 2014 at 11:22 AM, John wrote:
>
> On Jul 24, 2014,
If you haven't seen this yet, it's worth the read and play time:
http://alistapart.com/blog/post/ten-css-one-liners-to-replace-native-apps
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-d
, you could
use display:table on and then display:table-cell on both #lock-up
and .
Playing around with any of those will get you going.
Chris
Chris Rockwell
On Mon, Jul 21, 2014 at 1:01 PM, John wrote:
> http://www.coffeeonmars.com/170_su/template/home.html
>
> At this link,
Thanks all. It looks like I need to set the width above 100%. I'm
generating screenshots from browserstack now.
Chris Rockwell
On Mon, Jul 14, 2014 at 11:56 PM, Georg wrote:
> Den 15.07.2014 02:44, skrev Jon Reece:
>
> > Maybe a pixel-rounding issue?
>
> Yes, it
>
>
> In that case, why not add 'overflow: visible' to
> .l-region--navigation nav > .menu:hover > li > ul
>
That will resolve the issue with the spacing, but the menu functionality is
messed up -- `overflow` is not transitionable (?) so the sub menus appear
before the transition finishes. See th
ease;
> }
>
> > -Original Message-
> > From: css-d-boun...@lists.css-discuss.org [mailto:
> css-d-boun...@lists.css-
> > discuss.org] On Behalf Of Chris Rockwell
> > Sent: Monday, July 14, 2014 4:17 PM
> > To: CSS-Discuss
> > Subject: [css-d] Chrome
ems and you'll see a transparent separation that,
again, only occurs in Chrome on this home page. I'm also a bit baffled
because it doesn't happen on internal pages despite them using the same
styling, only the positioning is different.
Thanks for taking a look,
In the sub menus you have :hover applied to both the and the -
what colors/background are you expecting?
#header nav ul li ul li:hover {
1. font-weight: bold;
2. color: green;
#header nav li a:hover{
1. background: skyblue;
2. color: black;
Chris Rockwell
On Thu, Jul 10
That example explicitly sets the width of each and each . The last
and (the , really) accounts for what the author thinks will
be the width of the scroll bar. I forked your fiddle and added the top 3
declarations: http://jsfiddle.net/cFr38/
Hope it helps.
Chris Rockwell
On Mon, Jun 30
is as well. That combined with
http://htmlemailboilerplate.com/ will give you some pretty solid email
templates.
Chris Rockwell
On Tue, Jun 17, 2014 at 7:26 PM, J.C. Berry wrote:
> Hello, I have a question about a simple layout here. The width is 660px as
> you can see, with the two columns
Sorry - green box.
Chris Rockwell
On Mon, Jun 9, 2014 at 9:36 AM, Chris Rockwell
wrote:
> IE 11.0.9600.17107 on Window 7 shows a single red box.
>
> Chris Rockwell
>
>
> On Mon, Jun 9, 2014 at 8:45 AM, Philippe Wittenbergh
> wrote:
>
>> Can anyone out there te
IE 11.0.9600.17107 on Window 7 shows a single red box.
Chris Rockwell
On Mon, Jun 9, 2014 at 8:45 AM, Philippe Wittenbergh wrote:
> Can anyone out there tell me what IE 11 does with the following test case?
> http://dev.l-c-n.com/_temp/flexbox/flex-basis_column.html
>
> The exp
Hi Tim,
You have width on #imgDiv set to 'auto'. Every element within #imgDiv is
absolutely positioned which effectively removes them from #imgDiv, making
its width 0. If you set it to the width of your images (250px) it will
resolve.
Chris
Chris Rockwell
On Thu, May 29, 2014 a
> 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/
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-di
Looks good to me on Galaxy S3 (Android 4.3) Chrome
On Mon, Mar 17, 2014 at 3:21 PM, SSC_perl wrote:
> On Mar 17, 2014, at 11:53 AM, Chris Rockwell wrote:
> >
>
> That was it! Thanks, Chris! The table now changes depending on
> the phone's orientation. V
Try adding this to your head tag:
On Mon, Mar 17, 2014 at 2:28 PM, SSC_perl wrote:
> On Mar 17, 2014, at 11:02 AM, Chris Rockwell wrote:
> > Just click on (SCSS) next to CSS and it will show you the compiled code
>
>
> Well that was embarrassingly simple. :|
>
dding: 0 2em;
> font-family: Arial, sans-serif;
> color: #024457;
> background: #f2f2f2;
> }
>
> h1 {
> font-family: Verdana;
> font-weight: normal;
> color: #024457;
> }
> h1 span {
> color: #167F92;
> }
> __
> css-discuss [css-d@lists.css-discus
adaptable to narrower devices via media queries.
Good luck!
On Mon, Mar 17, 2014 at 11:45 AM, John wrote:
>
> On 3/17/14 8:14 AM, Chris Rockwell wrote:
>
>> I would recommend re-thinking how you execute your layout. Absolute and
>> relative positioning are completely unneces
er | 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://css-discuss.incutio
Here is an example without using ::after and content
http://jsfiddle.net/2n6an/1/
On Sun, Mar 16, 2014 at 8:52 PM, Chris Rockwell wrote:
> Aargh, this is annoying. I've got it narrowed down to the text shadow.
>
>
> On Sun, Mar 16, 2014 at 8:49 PM, Chris Rockwell
> wrote
Aargh, this is annoying. I've got it narrowed down to the text shadow.
On Sun, Mar 16, 2014 at 8:49 PM, Chris Rockwell wrote:
> Or maybe it's something else, this seems to work fine:
> http://jsfiddle.net/2n6an/
>
>
> On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwel
Or maybe it's something else, this seems to work fine:
http://jsfiddle.net/2n6an/
On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwell wrote:
> It's the letter-spacing, just don't know why yet. It appears to only have
> an affect when it's being applied to the content:
_
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-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_supp
.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.
he font was not downloaded if the first font was available (I
used Arial, and Open-Sans). I think this will hold true for fonts from
services such as Google Fonts since, in the case of Google atleast, it's
just adding the @font-face declaration which in turn has the url().
Has JS hacks as well, but it's a nice reference of all the hacks that are
out there: http://browserhacks.com/
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
/css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
http://
est Christopher <
crestchristop...@gmail.com> wrote:
> Sorry about not using the correct reply :)
> I updated the page
> here<http://www.thecreativesheep.ca/webdesignprojects/largeprojects/cs_site.html>
> .
>
>
> Chris Rockwell wrote:
>
> Hey Christopher, you're
at 12:58 PM, Crest Christopher <
crestchristop...@gmail.com> wrote:
> The capsule div is not growing when you simply scroll the page in IE10 as
> you would when you scroll any page, that's odd, what am I experiencing ?
>
>
>
> Chris Rockwell wrote:
>
> When you use the IE S
>
> When you use the IE Scroll bar as you would to scroll a page, the page
> doesn't grow ?
>
Assuming you mean the height of the page, no, it doesn't grow for me. You
have the height of #capsule set in pixels.
Unless you're viewing it in an old version of IE and its lack of support
for elements
g/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/
>
--
Chris Rockwell
___
html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.c
/www.css-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/
>
--
Chris Rockwell
__
>
> I think you will have more success using Bootstrap's .nav markup, styled
> with
> .nav-pills and .nav-stacked. The current markup will need some difficult
> CSS to
> resolve, methinks.
>
> (This just from a cursory look at Bootstrap - you may find something
> better.)
>
The current markup won'
>
>
> 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
> used display:block but I can't seem to get it fine tuned.
>
You should apply display:block to the anchor elements () to make
_
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-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_
ailman/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/
>
--
Chris Rockwell
__
cs
hould be used to style - not to indicate meaning except in the
case of helping other developers understand the markup.
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
iscuss [css-d@lists.css-discuss.org]
> http://www.css-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/
>
--
Chris Rockwell
__
_
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-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/
&
So my short answer is that using CSS for this is not a good idea :)
On Fri, Feb 14, 2014 at 12:57 PM, Chris Rockwell wrote:
> I've been thinking about this off and on for a few weeks now. In my case,
> I have one image carousel that loads up 18 images. I hid it on narrow
> scre
incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
--
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-d
1 - 100 of 208 matches
Mail list logo
