Re: [css-d] How to select an element combining nth-of-type() and a class/ID?

2009-03-30 Thread Charles
On Mon, Mar 30, 2009 at 2:10 AM, Philippe Wittenbergh e...@l-c-n.com wrote:

 On Mar 30, 2009, at 1:27 AM, Charles wrote:

 How can I select an element combining nth-of-type() and a class/ID?
 I tried for instance li.new:nth-of-type(2) but it doesn't work. You
 can't combine both pseudo classes...
 See: http://www.adsweep.org/nth-of-type-class-id.html
 Any idea?

 You can certainly combine them.

 Your selector  translated:
 'Selects any li element with a class attribute that contains the word new
 AND that is a second child of its type.'
 http://gallery.theopalgroup.com/selectoracle/

 The 2 conditions must be met: the element must have a class (.new) and it
 must be the second child of the ul in this case.  That would select the
 following:
 ul
 lifoo/li
 li class=newbar /li !-- this one --
 libaz/li
 li class=new./li!-- NOT this one --
 /ul

 In your demo, those conditions are not met: the second child doesn't have a
 class (.new) appended. The element you want to select is not the second
 child. The nth-of-type (as with all those structural pseudo-classes) applies
 to element E (li, or ul, or p, or a, or tr, or h1, etc).

 BTW - you do know that browser support for those pseudo-classes is limited,
 do you ?

 Philippe
 ---
 Philippe Wittenbergh
 http://l-c-n.com/








Philippe,

I understand your rationale. Now, what if, among the list items that
have a new class, I want to select the second item? Please note in
my case there may be a variable number of list items before those that
have a new class, however, there is always the same number of list
items that have the class new. So I can only start counting only
from the first item of those marked with the class new, and I want
to pick the second item. How can I do that?

Yes, I am aware that stable versions of Firefox and Seamonkey (among
others) don't support these pseudo classes, but I need this only for
an ad-removal tool for other browsers (Opera and Chrome).
Thanks,

Charles-André Landemaine.
__
css-discuss [cs...@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] How to select an element combining nth-of-type() and a class/ID?

2009-03-30 Thread Philippe Wittenbergh

On Mar 30, 2009, at 3:55 PM, Charles wrote:

 I understand your rationale. Now, what if, among the list items that
 have a new class, I want to select the second item? Please note in
 my case there may be a variable number of list items before those that
 have a new class, however, there is always the same number of list
 items that have the class new. So I can only start counting only
 from the first item of those marked with the class new, and I want
 to pick the second item. How can I do that?

Hmm, if the li.new are next to each other (adjacent), this works:
li:not([class=new])+li.new+li.new {border:2px solid red;}

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@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] How to select an element combining nth-of-type() and a class/ID?

2009-03-30 Thread Charles
On Mon, Mar 30, 2009 at 9:08 AM, Philippe Wittenbergh e...@l-c-n.com wrote:

 On Mar 30, 2009, at 3:55 PM, Charles wrote:

 I understand your rationale. Now, what if, among the list items that
 have a new class, I want to select the second item? Please note in
 my case there may be a variable number of list items before those that
 have a new class, however, there is always the same number of list
 items that have the class new. So I can only start counting only
 from the first item of those marked with the class new, and I want
 to pick the second item. How can I do that?

 Hmm, if the li.new are next to each other (adjacent), this works:
 li:not([class=new])+li.new+li.new {border:2px solid red;}

Ah...YES! But...It's still cumbersome.

But, still, thank you, it's a solution that solves my problem for the
time being. I think I'll write a suggestion to the W3C team to make it
easier.
Cheers,

Charles.
__
css-discuss [cs...@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] Stylizing a tag within a tag, situation!

2009-03-30 Thread Jonny Stephens
On Mar 29, 2009, at 5:14 PM, Christopher R wrote:

 I'm trying to stylize the text which is an a tag within the id  
 videogallery
 as seen on this page http://www.thecreativesheep.ca/site/ 
 animationpage2.html
 so that I can move the text here but all that seems to be moving is  
 the flash icon here is
 my style that I have currently:

 #videogallery a {
   position: relative;
   bottom: -200px;
   left: 65px;
 }

 All that moves is the Icon not the text.

As Jukka has already pointed out, there is no text within the a  
element in your markup.

The following text occurs after the /a:

You are seeing this because you don't have Adobe Flash plugin  
installed for your Browser and therefore you are unable to view the  
animation gallery

So, if that is the text you want to position with the #videogallery a  
selector, put it inside the a element.

Jonny


__
css-discuss [cs...@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] Stylizing a tag within a tag, situation!

2009-03-30 Thread Christopher R
That is the text I want to position.  Correct me If I'm wrong but what you mean 
by putting 
inside the a element is:

{a #videogallery} ?
If so I have tried it and I can't position the text the funny thing is I can't 
see the text online of offline

On Mon, Mar 30, 2009 at 6:55 AM Jonny Stephens c...@bloog.co.uk wrote:
On Mar 29, 2009, at 5:14 PM, Christopher R wrote:
 
  I'm trying to stylize the text which is an a tag within the id  
  videogallery
  as seen on this page http://www.thecreativesheep.ca/site/ 
  animationpage2.html
  so that I can move the text here but all that seems to be moving is  
  the flash icon here is
  my style that I have currently:
 
  #videogallery a {
  position: relative;
  bottom: -200px;
  left: 65px;
  }
 
  All that moves is the Icon not the text.
 
 As Jukka has already pointed out, there is no text within the a  
 element in your markup.
 
 The following text occurs after the /a:
 
 You are seeing this because you don't have Adobe Flash plugin  
 installed for your Browser and therefore you are unable to view the  
 animation gallery
 
 So, if that is the text you want to position with the #videogallery a  
 selector, put it inside the a element.
 
 Jonny
 
 
 __
 css-discuss [cs...@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 [cs...@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] Organizing CSS for large app interface

2009-03-30 Thread Jen Strickland
Hey there,

I have an application that I've built css files for, and I'd like to  
make them more organized.  Does anyone have any guidelines for how to  
approach it?

Thanks,
Jen
__
css-discuss [cs...@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] Stylizing a tag within a tag, situation!

2009-03-30 Thread Climis, Tim
 That is the text I want to position.  Correct me If I'm wrong but what you 
 mean by putting 
 inside the a element is:

 {a #videogallery} ?

You're wrong.

Look at your HTML.  Your code says this:

A href=blah
  img/
/a  -- a element closed
If you don't have Flash... -- text NOT inside a element

The code needs to look like this:

a href=blah
  img/ If you don't have Flash... -- text IS inside a element
/a -- a element closed.

---Tim
__
css-discuss [cs...@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] Organizing CSS for large app interface

2009-03-30 Thread Adam Ducker
Jen Strickland wrote:

 I have an application that I've built css files for, and I'd like to  
 make them more organized.  Does anyone have any guidelines for how to  
 approach it?

One of the best I've come across and one I've started to pattern my 
large sets of CSS after as much as I can is CSS Systems for writing 
maintainable CSS over at Natalie Downe's website

http://natbat.net/2008/Sep/28/css-systems/

-Adam Ducker (http://adamducker.com)
__
css-discuss [cs...@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] Stylizing a tag within a tag, situation!

2009-03-30 Thread Christopher R
It just dawned on me, take a look at the page again and you'll see I 
repositioned the text by putting it inside a p tag.
Now the text should be clear and visible in open space.

On Mon, Mar 30, 2009 at 10:23 AM Climis, Tim tcli...@indiana.edu wrote:
 That is the text I want to position.  Correct me If I'm wrong but what you 
 mean by putting 
  inside the a element is:
 
  {a #videogallery} ?
 
 You're wrong.
 
 Look at your HTML.  Your code says this:
 
 A href=blah
   img/
 /a  -- a element closed
 If you don't have Flash... -- text NOT inside a element
 
 The code needs to look like this:
 
 a href=blah
   img/ If you don't have Flash... -- text IS inside a element
 /a -- a element closed.
 
 ---Tim
 __
 css-discuss [cs...@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 [cs...@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] Footer at the bottom of the page issue

2009-03-30 Thread Divya Manian
On 3/26/09 1:21 PM, Frederyco Martins fredy.mart...@gmail.com wrote:

 Hi folks,
 
 How do I keep a footer always on the bottom of the
 page, without using absolute positions, with css???
 
 Could you help me, please?
 
 I am using wordpress as a CMS and the website is
 not online yet. But the code is quite simple. I have
 a div indetified as footer, at the bottom of the code.

You can try using this: http://ryanfait.com/sticky-footer/




__
css-discuss [cs...@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] Flash header problem in IE

2009-03-30 Thread Divya Manian
On 3/26/09 3:00 PM, Anne McKinsey anne...@charter.net wrote:

 Greetings,
 
 I have a Flash animation header on a home page and there is about 2px
 of space below the header when viewed in IE. The other pages have
 regular image headers and I have used the following css which closes
 up the 2px of space:
 
 #header img {display: block}
 #header {display: block}
 
 Does anyone out there know what selector I can use that will close up
 the space for the Flash header?
 

I would try to remove the space (and the HTML comment) between /embed and
/div not sure if that will help.

 


__
css-discuss [cs...@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] Faux Column and equal heights with image

2009-03-30 Thread Nancy Johnson
Hi,

I've emailed this list before regarding issues I am having with equal
heights and am trying a simple faux column with a background image.
My question is, in IE6, IE7 Firefox 2 and I think safari, the image
width doesn't increase when the user changes the text-size within the
browser.  Is there any fix for this, would creating a .png file help?

The image nav.jpg is 152.px wide

.content is the wrapper

.content {
width:100%;
background-color:#a9a9a9;
float: left;
clear:both;
display: block;

background: #a9a9a9 url(/test/nav.jpg)  repeat-y ;
min-height: 100%;
}

* html #content {
height: 100%;   
}

Navigation column
.leftnav {
/*background-color:#33; */
width:9.5em;
float:left;

}


Content area

.contentcopy {
float: right;
padding: .19em;
margin: 0em;
width:41.3em;

}

Thank you in advance

Nancy
__
css-discuss [cs...@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] counter-reset and counters() in Opera and Konqueror

2009-03-30 Thread RommeDeSerieux
I'm trying to use counters to generate nice numbering for nested list
items and sections, but ran into a problem when i have more than one
such list on a page. Here's the code:

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
meta http-equiv=Content-Type content='text/html; charset=utf-8'
titlelists testcase/title
style type='text/css'
ol { counter-reset: list 0; list-style-type: none }
li { counter-increment: list }
li:before { content: counters(list, .)   }
/style
ol
lifirst list, first item
lifirst list, second item
/ol
ol
lisecond list, first item
lisecond list, first item
/ol

Opera and Konqueror render it like if the ol element had no closing
tag (1, 2 and then 2.1, 2.2), but Firefox, Safari/Chrome and IE8
render it the way i wait it to (not saying the right way because i'm
still not sure if my css is correct). The funny thing is, if i change
counters(list, .) to counter(list), it starts working again, but
totally useless for nested lists.
__
css-discuss [cs...@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] counter-reset and counters() in Opera and Konqueror

2009-03-30 Thread Jack Timmons
On Mon, Mar 30, 2009 at 11:13 AM, RommeDeSerieux ro...@tesall.ru wrote:

 ol
lifirst list, first item
lifirst list, second item
 /ol
 ol
lisecond list, first item
lisecond list, first item
 /ol


Maybe this is e-mail only, but try closing tags on your list elements.

-- 
-Jack Timmons
http://www.trotlc.com
Twitter: @codeacula
__
css-discuss [cs...@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] Faux Column and equal heights with image

2009-03-30 Thread divya manian
2009/3/30 Nancy Johnson njohnso...@gmail.com:
 Hi,

 I've emailed this list before regarding issues I am having with equal
 heights and am trying a simple faux column with a background image.
 My question is, in IE6, IE7 Firefox 2 and I think safari, the image
 width doesn't increase when the user changes the text-size within the
 browser.  Is there any fix for this, would creating a .png file help?


I don't think there is any solution for em-based layout but there is
one for % based fluid layout [1]

- divya
http://nimbupani.com

[1] http://www.communitymx.com/content/article.cfm?cid=afc58
__
css-discuss [cs...@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] Faux Column and equal heights with image

2009-03-30 Thread Nancy Johnson
Thank you all,

I get it, put a wider image in the background for the leftnav and put
a color in the content area.

Thanks

On Mon, Mar 30, 2009 at 12:12 PM, David Laakso
da...@chelseacreekstudio.com wrote:
 Nancy Johnson wrote:

 I've emailed this list before regarding issues I am having with equal
 heights and am trying a simple faux column with a background image.
 My question is, in IE6, IE7 Firefox 2 and I think safari, the image
 width doesn't increase when the user changes the text-size within the
 browser.  Is there any fix for this, would creating a .png file help?

 The image nav.jpg is 152.px wide




 Use a much wider image?

__
css-discuss [cs...@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] Fwd: counter-reset and counters() in Opera and Konqueror

2009-03-30 Thread RommeDeSerieux
2009/3/30 Jack Timmons jorac...@gmail.com:
 Maybe this is e-mail only, but try closing tags on your list elements.

I was very skeptical about it, but still tried, even turned it into
xhtml for your pleasure. You can take a look at it here:
http://tesall.ru/counters.xhtml

P.S. sorry for sending this twice, i thought it was a private email.
__
css-discuss [cs...@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] Positioning images and wrapping text...

2009-03-30 Thread Michael Beaudoin
I have a site where an image needs to be precisely positioned and the copy 
wrapped around it. I can use absolute positioning to place it where I want, but 
since it removes it from the document flow, the wrap doesn't stay with the 
image.

Is there a way to precisely position an image and have the wrap follow?

You can go to http://www.mhinonline.org and see where the image is currently. 
The design states for the image to overlap to the right with wrap to follow.

Be kind as I'm still futzing with CSS... it's pretty fun though.

Thanks,
Michael
__
css-discuss [cs...@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] Fwd: counter-reset and counters() in Opera and Konqueror

2009-03-30 Thread Eric A. Meyer
At 10:17 PM +0400 3/30/09, RommeDeSerieux wrote:

I was very skeptical about it, but still tried, even turned it into
xhtml for your pleasure. You can take a look at it here:
http://tesall.ru/counters.xhtml

Believe it or not:

  li:before { content: counters(list, .) .  }

Note the dot I added to the second bit of quoted text.  This 
worked for me (with nested lists as well as top-level list items) in 
several browsers.  Not IE7 or earlier, of course.  Didn't test in IE8.

-- 
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
CSS is much too interesting and elegant to be not taken seriously.
   -- Martina Kosloff (http://mako4css.com/)
__
css-discuss [cs...@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] Page Check

2009-03-30 Thread JWN
Morning David

You wrote

 Dunno about IE/8 but imagine it will also break the same way all browser 
 will at 800 and drop the right column at less than that ;-) .
 This could be a nice touch:
 p{ /*font-size:.8em;*/}

Thanks for taking a minute to look at this page, It's appreciated.

I am / was when I posted / aware that it breaks on narrow windows

I working to resolve that...

Not sure if commenting out the font size is a nice touch or not, but I take 
your point

Just wanted to be sure that it works on IE 8

Best

Jim Nannery
blog - www.nannery.net/wordpress 

__
css-discuss [cs...@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] Page Check

2009-03-30 Thread JWN
Morning Georg

You wrote about  www.nannery.net .

 Looks a bit strange on narrow windows, but the same in all browsers -
 including IE8.
 (snipped a bit)
 http://www.gunlaug.no

Thanks for taking a minute to look at this page, It's appreciated.

As I pointed out to DL, I am / was when I posted / aware that it breaks on 
narrow windows I working on that...

Good to know that it works on IE 8.

Best

Jim Nannery
blog - www.nannery.net/wordpress 

__
css-discuss [cs...@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] Positioning images and wrapping text...

2009-03-30 Thread Bobby Jack

--- On Mon, 3/30/09, Michael Beaudoin mich...@ba-doyn.com wrote:

 Is there a way to precisely position an image and have the
 wrap follow?

Hi Michael,

You can achieve what I think you're after simply by wrapping the image in an 
absolutely positioned container. Demo here:

http://www.fiveminuteargument.com/positioned-floated-image

Let me know if that's not quite what you're after.

- Bobby
__
css-discuss [cs...@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] Fwd: counter-reset and counters() in Opera and Konqueror

2009-03-30 Thread tedd
At 4:52 PM -0400 3/30/09, Eric A. Meyer wrote:
At 10:17 PM +0400 3/30/09, RommeDeSerieux wrote:

I was very skeptical about it, but still tried, even turned it into
xhtml for your pleasure. You can take a look at it here:
  http://tesall.ru/counters.xhtml

 Believe it or not:

   li:before { content: counters(list, .) .  }

 Note the dot I added to the second bit of quoted text.  This
worked for me (with nested lists as well as top-level list items) in
several browsers.  Not IE7 or earlier, of course.  Didn't test in IE8.

Wow! That's semantic.  :-\

Not meant as a complaint, but even having a hint as to what it does 
still doesn't help me.

Cheers,

tedd

-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.com
__
css-discuss [cs...@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] Positioning images and wrapping text...

2009-03-30 Thread Gunlaug Sørtun
Michael Beaudoin wrote:

 Is there a way to precisely position an image and have the wrap 
 follow?

Precisely can be a problem since hardly anything can be relied upon as
precise in something as fluid as a web design.
But, yes, you can get the effects _I think_ you're after, if you let go
of the html table and rework your graphics (quite) a bit.

I've built up a very basic demo - without background graphics - here...
http://www.gunlaug.no/tos/alien/mb/test_09_0330.html
...which you can study a bit.

My demo may despite its simplistic look be complex enough for someone
relatively new to CSS based layouts, so take your time.

Things can be rearranged, restyled and get the graphics to meet all
requirements I can read out of your existing case and description. If I
got it wrong, you'll have to explain what you want a little better.


Notice that the offset image moves with font resizing, so it ends up
being positioned precisely where it is supposed to be even after resizing.
Remember that the fluidity in web design: text-size and other end-user
changeable variables, must be taken into account - like I have done, if
one wants a design to survive.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@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] Fwd: counter-reset and counters() in Opera and Konqueror

2009-03-30 Thread Philippe Wittenbergh
RommeDeSerieux wrote:

 ol { counter-reset: list 0; list-style-type: none }
   li { counter-increment: list }
   li:before { content: counters(list, .) .  }

Opera's implementation of the scope (counter-increment) predates the  
current text in CSS 2.1:12.4  (and is wrong). I don't know of any  
workaround.
IE 8 suffered somehow from similar issues in beta stage, but that  
seems fixed now. No idea about Konqueror (which version ? 3.5.x or  
4.x ?).

Note that in the example code, one should add 'counter-increment:  
item' for the li:before.

Eric A. Meyer wrote

  Believe it or not:

  li:before { content: counters(list, .) .  }

Note the dot I added to the second bit of quoted text.  This
 worked for me (with nested lists as well as top-level list items) in
 several browsers.  Not IE7 or earlier, of course.  Didn't test in IE8.

That additional period you added just adds a period at the complete  
end of the counter
The original shows
1 list item
2 list item
2.1 list item, nested
2.2 list item, nested
3 list item

yours makes it
1. list item
2. list item
2.1. list item, nested
2.2. list item, nested
3. list item

The first period (in list, .) separates the digits internally. The  
second quoted string separates the marker from the real content.


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [cs...@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] Faux Column and equal heights with image

2009-03-30 Thread David Laakso
Nancy Johnson wrote:

 I've emailed this list before regarding issues I am having with equal
 heights and am trying a simple faux column with a background image.
 My question is, in IE6, IE7 Firefox 2 and I think safari, the image
 width doesn't increase when the user changes the text-size within the
 browser.  Is there any fix for this, would creating a .png file help?

 The image nav.jpg is 152.px wide

   


Use a much wider image?
__
css-discuss [cs...@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/7 image issue

2009-03-30 Thread David Laakso
Gunlaug Sørtun wrote:

 Oh, and IE6 stretches all images to perfect squares at first load 
 on slow connections, and the min/max script makes it freeze and die
  under certain conditions. The latter is usually not a problem, but
  the former may still be.
   


 regards
   Georg
   



re: http://www.chelseacreekstudio.com/yl/index.html

The violent shaking in IE/6 is corrected. I hope the perfect square 
images on load on a slow connect is gone, too?
All browsers still slow to load (image intense pages). FF loading same 
speed as all others, now-- after ditching jQuery (we'll see if the 
architect buys into it :-) .
Mega changes: all pages need reload.
Best,
Eero
__
css-discuss [cs...@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/