Re: [css-d] CSS code - is this right?

2014-08-14 Thread Frank Taylor
Yes, that’s correct. It’s the attribute selector. Whatever goes into the brackets is an attribute, and that can be any attribute on the HTML selector. Shameless self-plug: there’s some crazy stuff you can do with the attribute selector:

Re: [css-d] CSS code - is this right?

2014-08-14 Thread John D
Thanks to everybody for sharing their knowledge about this and for enlightening me!!.. I have learned something new today and I will never forget this ever again. There is a lot reading to be done. -Original Message- From: John D Sent: Wednesday, August 13, 2014 11:49 PM To:

Re: [css-d] CSS code - is this right?

2014-08-14 Thread Tom Livingston
Nice article Frank. Just so I'm tracking this right - as I've not used this very much - given this example: [class*=span] This means select elements who's class contains the word 'span'. Correct? On Thu, Aug 14, 2014 at 9:39 AM, Frank Taylor pace...@madebypaceaux.com wrote: Yes, that’s

Re: [css-d] CSS code - is this right?

2014-08-14 Thread MiB
14 aug 2014 kl. 18:21 skrev Tom Livingston tom...@gmail.com: [class*=span”] I guess those semantics (using elements as class names) sums up my view of Joomla very well. __ css-discuss [css-d@lists.css-discuss.org]

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

2014-08-14 Thread Tim Dawson
I'm coding a new site and am struggling with a 'wrapping' problem in the header. 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 positioning. That's done with

Re: [css-d] CSS code - is this right?

2014-08-14 Thread Frank Taylor
Yes, you are correct. Though, for practical purposes, I wouldn’t generally recommend creating a class name called span. On Aug 14, 2014, at 18:21, Tom Livingston tom...@gmail.com wrote: Nice article Frank. Just so I'm tracking this right - as I've not used this very much - given this

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

2014-08-14 Thread Tom Livingston
I'm guessing the initial relatively positioned image is causing this. A lot of times you can get rid of this by floating the image left in the container (and clearing presumably). This may not work for you. in this case. Off the top of my head I can't think of other solutions. On Thu, Aug 14,

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] CSS code - is this right?

2014-08-14 Thread John D
Not sure I understand your post but span can be given a class and the code is attributing to that class. Is this what your view is about Joomla? I guess those semantics (using elements as class names) sums up my view of Joomla very well.

Re: [css-d] CSS code - is this right?

2014-08-14 Thread Tom Livingston
Actually, the code says an element with a class of 'span' will be selected. Kinda poor. On Thursday, August 14, 2014, John D xfs...@hotmail.com wrote: Not sure I understand your post but span can be given a class and the code is attributing to that class. Is this what your view is about

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

2014-08-14 Thread Philippe Wittenbergh
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 positioning. That's done with the intention

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] div backgound shows below content when it shouldn't

2014-08-14 Thread Tim Dawson
On 14/08/2014 20:15, David Hucklesby wrote: 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

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

2014-08-14 Thread Tim Dawson
On 15/08/2014 00:36, Philippe Wittenbergh wrote: your first image is still in-flow and rest of the baseline of the parent div; that causes the lime background to shine through at the bottom (that is a nice colour! :-)) – it is the space reserved for descenders. .pananim img:first-of-type {

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

2014-08-14 Thread Chris F.A. Johnson
Try img { display: block } or img { display: inline-block } On Thu, 14 Aug 2014, Tim Dawson wrote: I'm coding a new site and am struggling with a 'wrapping' problem in the header. I have a div containing a CSS animation of five* images which appear sequentially. The images are

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

2014-08-14 Thread Tim Dawson
On 15/08/2014 01:20, Chris F.A. Johnson wrote: Try img { display: block } or img { display: inline-block } Yes, that works equally well, can be applied to all the images, not just the 'last-of-type'. 'img:last-of-type' just needs 'position: static;', no float. The wrapping div still