[css-d] nth of type issue
Having an apparent mental block. Here's my structure: And the selector I am using is: .content-wrapper .physician_detail:nth-of-type(3n+4){ clear:left; } What I want is: <--- this gets clear: left; to start new row of 3 <--- this gets clear: left; to start new row of 3 <--- this gets clear: left; to start new row of 3 My selector is close but it's clearing .physician_detail #3 and not #4 but then all seem to be getting cleared correctly. Variations of the equation i've tried aren't working. What am I not grasping? Thanks for your time. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d 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/
Re: [css-d] nth of type issue
If I understand it correctly, it's working the way you want - maybe there's something else involved? http://codepen.io/anon/pen/hypoH On Wed, Jan 22, 2014 at 1:10 PM, Tom Livingston wrote: > Having an apparent mental block. > > Here's my structure: > > > > > > > > > > > > > > > > > > > > > And the selector I am using is: > > .content-wrapper .physician_detail:nth-of-type(3n+4){ > clear:left; > } > > What I want is: > > > > > > > > <--- this gets clear: > left; to start new row of 3 > > > <--- this gets clear: > left; to start new row of 3 > > > <--- this gets clear: > left; to start new row of 3 > > > > > > > My selector is close but it's clearing .physician_detail #3 and not #4 > but then all seem to be getting cleared correctly. Variations of the > equation i've tried aren't working. > > What am I not grasping? > > Thanks for your time. > > -- > > Tom Livingston | Senior Front-End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com > __ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > 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/
[css-d] IE issue!
Hiya, I've building a very simple internal website for work. Unfortunately they use IE11. I've encounter an odd problem with display:inline-block. When I have the website on a USB stick and open it in IE11 it opens as expected, when I transfer it to the server and open it the elements that should be display as inline-block are displaying just as a block. The elements in questions is a list of s. The website isn't online so I can't post a link but i wondered if anyone had any ideas what might be causing this. If it's helpful I can post the code. TIA Ed __ 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/
Re: [css-d] nth of type issue
On Wed, Jan 22, 2014 at 1:25 PM, Chris Rockwell wrote: > If I understand it correctly, it's working the way you want - maybe there's > something else involved? http://codepen.io/anon/pen/hypoH > > OK, thanks Chris. I'll start looking for other culprits. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d 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/
Re: [css-d] IE issue!
On Wed, Jan 22, 2014 at 1:34 PM, Ed Pybus wrote: > Hiya, > > I've building a very simple internal website for work. Unfortunately they > use IE11. > I would have say, it could be worse... IE7 for example... I'd say your lucky. And I don't like IE. > I've encounter an odd problem with display:inline-block. When I have the > website on a USB stick and open it in IE11 it opens as expected, when I > transfer it to the server and open it the elements that should be display > as inline-block are displaying just as a block. The elements in questions > is a list of s. Is it possible there are other styles from somewhere else effecting the pages? Also, to be clear, are you viewing in the same browser in both cases? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d 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/
Re: [css-d] IE issue!
Ed, I'm surprised that IE11 would be the source of your problem, the last I read it's the most standards compliant UA in the wild. I've had less problems with it than Mozilla or Chrome UAs. Anyway, could provide a link to the page in question so it can be looked at? Eric Miner > On January 22, 2014 at 1:34 PM Ed Pybus wrote: > > > Hiya, > > I've building a very simple internal website for work. Unfortunately they > use IE11. > > I've encounter an odd problem with display:inline-block. When I have the > website on a USB stick and open it in IE11 it opens as expected, when I > transfer it to the server and open it the elements that should be display > as inline-block are displaying just as a block. The elements in questions > is a list of s. > > The website isn't online so I can't post a link but i wondered if anyone > had any ideas what might be causing this. > > If it's helpful I can post the code. > > TIA > > Ed > __ > 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/ __ 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/
Re: [css-d] IE issue!
Le 23 janv. 2014 à 03:34, Ed Pybus a écrit : > 've encounter an odd problem with display:inline-block. When I have the > website on a USB stick and open it in IE11 it opens as expected, when I > transfer it to the server and open it the elements that should be display > as inline-block are displaying just as a block. The elements in questions > is a list of s. When you open the page from the server, what document mode is IE in? Open the developer tools (F12), it should say near the top 'standard document mode' or 'backwards compat' or words to that effect. I seem to remember that IE defaulted to back-compat mode (= IE7) for intranets - that used to be the case for IE 8 at least. If that is the case, then display: inline-block only applied to elements whose natural display is inline. Philippe -- Philippe Wittenbergh http://l-c-n.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.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/