Re: [css-d] article on fonts

2010-07-21 Thread David Laakso
Chris Blake wrote:
 http://www.bbc.co.uk/news/magazine-10689931

 might be of interest to some. I find it interesting when they say  
 'helvetica = cheap' and that the BBC are using Arial and that there  
 was someone on here saying that arial is harder to read, but OK in  
 menus.
 I wish there was a set rule and more readily available fonts on  
 people's systems. i want to do things the right way, which varies  
 between jobs, but there must be  standard generic setup - sure to work  
 on most

 I know, it's not quite CSS :p

 BR, CB
   




Same article: 8th paragraph 2nd sentence... And in the past week the 
BBC website has taken on a new look, replacing Verdana font with Arial 
(on PCs) and Neue Helvetica (on Macs).

Good call for sans. Try it.

And the future looks bright with CSS3.
http://www.css3.info/preview/web-fonts-with-font-face/

Best,
~d

-- 
http://chelseacreekstudio.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] article on fonts

2010-07-21 Thread Felix Miata
On 2010/07/21 12:39 (GMT+0800) Chris Blake composed:

 http://www.bbc.co.uk/news/magazine-10689931

 might be of interest to some. I find it interesting when they say  
 'helvetica = cheap' and that the BBC are using Arial and that there  
 was someone on here saying that arial is harder to read, but OK in  
 menus.

Articles comparing Arial to Helvetica, particularly those favoring Arial,
make me laugh. Arial is a Helvetica knockoff:
http://www.ms-studio.com/articles.html

However, not all Helveticas on computers are equivalent, or suitable for web
pages: http://fm.no-ip.com/Auth/Font/font-helvetica.html#bitmap

 I wish there was a set rule and more readily available fonts on  
 people's systems. i want to do things the right way, which varies  
 between jobs, but there must be  standard generic setup - sure to work  
 on most

http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml
provides good detail on what people have.

What's sure to work is allowing the user to choose - purely generic as it
were. Just set serif or sans-serif, as your design or pleasure dictate, for
body text, and most text will be exactly what the user's preference is set
to, giving a predictable level of reading comfort and ease.
-- 
The wise are known for their understanding, and pleasant
words are persuasive. Proverbs 16:21 (New Living Translation)

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.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] css-d Digest, Vol 92, Issue 13

2010-07-21 Thread TriState Advantage, Kris Jacobson
Yes, David you are right. I started with a template and was adapting it to 
my needs. I was not sure about the wrapper div and had left it for time 
being to see if I would need it.

 You have no CSS included in the CSS file for #wrapper, and you opened
 and closed #wrapper in the wrong order. My guess is that this happened
 to you because you marched to two  different drums within the same
 layout. You took only some of the corrections the first drummer offered,
 and mixed those up [ literally ] with the corrections that the second
 drummer offered.

 Too many cooks spoil the broth.


Thank you for this explanation Tim. It helps a lot.
Kris

 Overflow: hidden is a funny thing.  If you apply overflow: hidden to the 
 body
 tag, then if your page goes outside of the window, it won't scroll.

 But on anything else, in order for things to be hidden by overflow: 
 hidden, you
 need to specify dimensions (height especially).

 Since you have overflow: hidden on your container, but no height, it makes 
 the
 container expand to fit everything in it (including floats, which is nice
 because those aren't usually contained, since they're out of the normal 
 flow).

 I believe that any non-auto overflow value will do this, but with 
 overflow:
 scroll you get scrollbars, even if you don't need them.

 I haven't looked at your page, but my guess is that your footer was 
 floated, so
 the background wasn't showing up because the footer was outside of your
 container, but now you get the background because the float is inside the
 container.

 ---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-d] id and class selectors

2010-07-21 Thread TriState Advantage, Kris Jacobson
Hi!
Today's my birthday. Here's a gift for you:

http://onwebdev.blogspot.com/2010/07/css-id-and-class-selectors-details.html

Thank you for this article, I found it a good reinforcement of using id's and 
class's.
I have a questions on styling lists and links in a div.
I have been styling lists using id's
example
#div ul
#div li
#div li a
#div li a:hover
I followed a tutorial when I first did this and it worked. Then I thought this 
is wrong. There is more then one li and more then one link in the list so I 
changed them to class's and the styling did not work so I had to change them 
back to id's.
I don't understand why, I just know it works and it validated. Is this because 
it is in a list?
Kris
__
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] id and class selectors

2010-07-21 Thread Philip Taylor (Webmaster, Ret'd)


TriState Advantage, Kris Jacobson wrote:

 Thank you for this article, I found it a good reinforcement of using id's and 
 class's.
 I have a questions on styling lists and links in a div.
 I have been styling lists using id's
 example
 #div ul
 #div li
 #div li a
 #div li a:hover
 I followed a tutorial when I first did this and it worked. Then I thought 
 this is wrong. There is more then one li and more then one link in the list 
 so I changed them to class's and the styling did not work so I had to change 
 them back to id's.
 I don't understand why, I just know it works and it validated. Is this 
 because it is in a list?

Did you change the hashes to periods in the CSS ?
Philip Taylor
__
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] more Opera printing weirdness

2010-07-21 Thread Angela French
Which version of the Mac Opera do you have?  Anyone else have Opera 10.6 (on a 
PC) that would test for me?

-Original Message-
From: David Laakso [mailto:da...@chelseacreekstudio.com] 
Sent: Tuesday, July 20, 2010 4:25 PM
To: css-d
Cc: Angela French
Subject: Re: [css-d] more Opera printing weirdness

David Laakso wrote:
 Angela French wrote:
   
 Always a bit hesitant to put my test site URL out there, but here it is.  
 You can try this page.
 http://checkoutacollege.com:8080/ExploreCareers/WorkerRetraining.aspx 

   
   
 



Not sure. The primary difference that I get when printing the page in 
latest versions of Mac Firefox and Mac Opera is twofold:

1/ The page background color prints fuchsia in Opera [ you have not 
killed my default background-color ].
2/ The  content-text is a little smaller in Opera than in Firefox.

Try:
#maincontent p, li, td
{
/*font-size: 9pt!important;
font-family: verdana, arial, helvetica;*/

font-family: arial, helvetica, sans-serif;
font -size: 11pt;
   
}


 Best,
~d








-- 
desktop
http://chelseacreekstudio.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] background color of a with class

2010-07-21 Thread Thijs Hakkenberg
  Off course- it should be a:active!
what a silly mistake to make.

However,
both
#block-uc_catalog-0 a:active {
and
#block-uc_catalog-0 li a:active

won't show the background whilst #block-uc_catalog-0 a:hover {
works.



On 15-7-2010 15:15, Climis, Tim wrote:

 -Original Message-
 From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
 boun...@lists.css-discuss.org] On Behalf Of Tim Arnold
 Sent: Thursday, July 15, 2010 8:51 AM
 To: Thijs Hakkenberg
 Cc:css-d@lists.css-discuss.org
 Subject: Re: [css-d] background color of a with class

 On Jul 15, 2010, at 7:37 AM, Thijs Hakkenberg
 th...@hakkenberg.com  wrote:

 Dear List,

 I made an menu based on ul's and li's
 (http://winkel.varkensinnood.nl)
 with an a:hover turning the a element white.

 However, when clicked thea  element turns intoa
 class=active.
 I want to change the background color and should work with the
 following
 css:

 #block-uc_catalog-0 a .active {
 background: #fff;
 }

 (it's embedded in a DIV).

 but this doesn't work. However,

 #block-uc_catalog-0 a:hover {
 background: #fff;
 }

 works.

 What am I missing?

 __
 
 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/

 If you copy/pasted into you message, the problem is that there is a
 space between a and .active. It should be a.active not a .active

 - Tim

 Or, it could be that you mean a:active -- not sure, since we don't hvace code 
 to know if you have an active class.

 --- Different 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] background color of a with class

2010-07-21 Thread Tim Arnold
a:active will only be styled for a brief second when you click a link and
must be listed AFTER a:hover in order to work.  It seemed from your original
post that you were looking for styling that would persist for a menu item
that you had clicked on and now represented the current section.  In that
case, you will have to, in fact, add a class.

On Wed, Jul 21, 2010 at 11:03 AM, Thijs Hakkenberg th...@hakkenberg.comwrote:

  Off course- it should be a:active!
 what a silly mistake to make.

 However,
 both
 #block-uc_catalog-0 a:active {
 and
 #block-uc_catalog-0 li a:active

 won't show the background whilst #block-uc_catalog-0 a:hover {
 works.



 On 15-7-2010 15:15, Climis, Tim wrote:
 
  -Original Message-
  From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
  boun...@lists.css-discuss.org] On Behalf Of Tim Arnold
  Sent: Thursday, July 15, 2010 8:51 AM
  To: Thijs Hakkenberg
  Cc:css-d@lists.css-discuss.org
  Subject: Re: [css-d] background color of a with class
 
  On Jul 15, 2010, at 7:37 AM, Thijs Hakkenberg
  th...@hakkenberg.com  wrote:
 
  Dear List,
 
  I made an menu based on ul's and li's
  (http://winkel.varkensinnood.nl)
  with an a:hover turning the a element white.
 
  However, when clicked thea  element turns intoa
  class=active.
  I want to change the background color and should work with the
  following
  css:
 
  #block-uc_catalog-0 a .active {
  background: #fff;
  }
 
  (it's embedded in a DIV).
 
  but this doesn't work. However,
 
  #block-uc_catalog-0 a:hover {
  background: #fff;
  }
 
  works.
 
  What am I missing?
 
  __
  
  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/
 
  If you copy/pasted into you message, the problem is that there is a
  space between a and .active. It should be a.active not a .active
 
  - Tim
 
  Or, it could be that you mean a:active -- not sure, since we don't hvace
 code to know if you have an active class.
 
  --- Different 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/




-- 
-
tim.arn...@gmail.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] background color of a with class

2010-07-21 Thread Thijs Hakkenberg
  True, I was double mistaken.
The class is .active: http://winkel.varkensinnood.nl/catalog/2
so it should be .active after all.
However, both
#block-uc_catalog-0 a .active {
 background-color:#69F;
}
as
#block-uc_catalog-0 li a .active {
 background-color:#69F;
}

won't work...

On 21-7-2010 17:18, Tim Arnold wrote:
 a:active will only be styled for a brief second when you click a link and
 must be listed AFTER a:hover in order to work.  It seemed from your original
 post that you were looking for styling that would persist for a menu item
 that you had clicked on and now represented the current section.  In that
 case, you will have to, in fact, add a class.

 On Wed, Jul 21, 2010 at 11:03 AM, Thijs Hakkenbergth...@hakkenberg.comwrote:

   Off course- it should be a:active!
 what a silly mistake to make.

 However,
 both
 #block-uc_catalog-0 a:active {
 and
 #block-uc_catalog-0 li a:active

 won't show the background whilst #block-uc_catalog-0 a:hover {
 works.



 On 15-7-2010 15:15, Climis, Tim wrote:
 -Original Message-
 From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
 boun...@lists.css-discuss.org] On Behalf Of Tim Arnold
 Sent: Thursday, July 15, 2010 8:51 AM
 To: Thijs Hakkenberg
 Cc:css-d@lists.css-discuss.org
 Subject: Re: [css-d] background color of a with class

 On Jul 15, 2010, at 7:37 AM, Thijs Hakkenberg
 th...@hakkenberg.com   wrote:

 Dear List,

 I made an menu based on ul's and li's
 (http://winkel.varkensinnood.nl)
 with an a:hover turning the a element white.

 However, when clicked thea   element turns intoa
 class=active.
 I want to change the background color and should work with the
 following
 css:

 #block-uc_catalog-0 a .active {
  background: #fff;
 }

 (it's embedded in a DIV).

 but this doesn't work. However,

 #block-uc_catalog-0 a:hover {
  background: #fff;
  }

 works.

 What am I missing?

 __
 
 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/

 If you copy/pasted into you message, the problem is that there is a
 space between a and .active. It should be a.active not a .active

 - Tim

 Or, it could be that you mean a:active -- not sure, since we don't hvace
 code to know if you have an active class.
 --- Different 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/




__
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] id and class selectors

2010-07-21 Thread Gabriele Romanato
Kris, you should basically use cascade. For example, if you have a  
structure like this:

div id=test
ul
li/li
!--more--
/ul
div

you can do this:

#test ul {}
#test ul li {}

if you want to apply particular styles to several lis, you can use  
classes. On the contrary, if you want to stylize only one element, use  
an ID.

HTH ^^


http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/  (English)
http://www.css-zibaldone.com/articles/  (English)
http://onwebdev.blogspot.com/  (English)








__
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] background color of a with class

2010-07-21 Thread Tim Arnold
On Wed, Jul 21, 2010 at 11:29 AM, Thijs Hakkenberg th...@hakkenberg.comwrote:

  True, I was double mistaken.
 The class is .active: http://winkel.varkensinnood.nl/catalog/2
 so it should be .active after all.
 However, both
 #block-uc_catalog-0 a .active {
  background-color:#69F;
 }
 as
 #block-uc_catalog-0 li a .active {
 background-color:#69F;
 }

 won't work...

 Back to my original reply.  You have a space between the a and .active
that you need to get rid of.  a.active good, a .active bad.

-
tim.arn...@gmail.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] background color of a with class

2010-07-21 Thread Thijs Hakkenberg
  #block-uc_catalog-0 a.active {
 background-color:#69F;
}

won't change a thing.

#block-uc_catalog-0 li a.active {
 background-color:#69F;
}

did the trick!

Thanks everyone.

On 21-7-2010 17:32, Tim Arnold wrote:
 On Wed, Jul 21, 2010 at 11:29 AM, Thijs Hakkenbergth...@hakkenberg.comwrote:

   True, I was double mistaken.
 The class is .active: http://winkel.varkensinnood.nl/catalog/2
 so it should be .active after all.
 However, both
 #block-uc_catalog-0 a .active {
   background-color:#69F;
 }
 as
 #block-uc_catalog-0 li a .active {
  background-color:#69F;
 }

 won't work...

 Back to my original reply.  You have a space between the a and .active
 that you need to get rid of.  a.active good, a .active bad.

 -
 tim.arn...@gmail.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/


__
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] more Opera printing weirdness

2010-07-21 Thread Angela French

-Original Message-
From: David Laakso [mailto:da...@chelseacreekstudio.com] 
Sent: Tuesday, July 20, 2010 4:25 PM
To: css-d
Cc: Angela French
Subject: Re: [css-d] more Opera printing weirdness

David Laakso wrote:
 Angela French wrote:
   
 Always a bit hesitant to put my test site URL out there, but here it is.  
 You can try this page.
 http://checkoutacollege.com:8080/ExploreCareers/WorkerRetraining.aspx 

   
   
 



Not sure. The primary difference that I get when printing the page in 
latest versions of Mac Firefox and Mac Opera is twofold:

1/ The page background color prints fuchsia in Opera [ you have not 
killed my default background-color ].
2/ The  content-text is a little smaller in Opera than in Firefox.

Try:
#maincontent p, li, td
{
/*font-size: 9pt!important;
font-family: verdana, arial, helvetica;*/

font-family: arial, helvetica, sans-serif;
font -size: 11pt;
   
}


It turns out that it is the background color in my non-print style sheet that 
is creating the printing havoc (looks like a series of nested borders).  If I 
set the background-color to white in the print style sheet as David suggested 
it prints fine. Does anyone know why this happens with Opera?
__
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] footer problem

2010-07-21 Thread tomo jacobson
hi everybody

i made a footer:

div id=footer
div id=bottom-image align=center
table
tr
td
a href=news.htmimg 
src=images/news-bottom.gif height=37
alt= //a
/td
td
a href=music.htmimg 
src=images/music-bottom.gif height=37
alt= //a
/td
td
a href=things.htmimg 
src=images/things-bottom.gif
height=37 alt= //a
/td
td
i id=whata href=about.htmimg 
src=images/what.gif
height=37 alt= //a/i
/td
/tr
/table
/div
/div

with css:

/* footer
---
*/

#footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 55px;
background: url(images/tlo-bottom.jpg) repeat-x left bottom;
}

#bottom-image {
padding-top: 10px;
}

#what {
position: absolute;
right: 10px;
bottom: 2px;
}

and it works: http://www.tomojacobson.art.pl/strona/things.htm

BUT...
what i wanted to achieve is that the NEWS, MUSIC and THINGS in the
footer are exactly in the middle, and the QUESTION MARK is on the
right. what i did with the code does the trick, but absolute position
of the QUESTION MARK causes problem when u resize the browser window
to a small one. then QUESTION MARK goes over the THINGS.
i would like it to be in the same table so if u resize it to a small
one then u just can't see them all and u have to scroll left or right
(just as it is with NEWS, MUSIC and THINGS when u resize the window to
a small one), and they don't come over each other. and in the same
time, so NEWS, MUSIC and THINGS exactly in the middle of the footer,
and the QUESTION MARK is on the right.
how to do it?? any ideas?

thanks

Tomo
__
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] id and class selectors

2010-07-21 Thread Bobby Jack
--- On Wed, 7/21/10, Gabriele Romanato gabriele.roman...@gmail.com wrote:

 Kris, you should basically use
 cascade. For example, if you have a  
 structure like this:
 
 div id=test
 ul
 li/li
 !--more--
 /ul
 div

And you /probably/ shouldn't have a structure like that, since:

ul id=test
li/li
!--more--
/ul

can usually be styled accordingly. YMMV, of course.

- 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] more Opera printing weirdness

2010-07-21 Thread Angela French
Well I thought I got it to work with removing the background color, but it's 
not.  I was printing from multiple browsers and must have made a mistake on 
which one worked.  :-(

-Original Message-
From: David Laakso [mailto:da...@chelseacreekstudio.com] 
Sent: Tuesday, July 20, 2010 4:25 PM
To: css-d
Cc: Angela French
Subject: Re: [css-d] more Opera printing weirdness

David Laakso wrote:
 Angela French wrote:
   
 Always a bit hesitant to put my test site URL out there, but here it is.  
 You can try this page.
 http://checkoutacollege.com:8080/ExploreCareers/WorkerRetraining.aspx 

   
   
 



Not sure. The primary difference that I get when printing the page in 
latest versions of Mac Firefox and Mac Opera is twofold:

1/ The page background color prints fuchsia in Opera [ you have not 
killed my default background-color ].
2/ The  content-text is a little smaller in Opera than in Firefox.

Try:
#maincontent p, li, td
{
/*font-size: 9pt!important;
font-family: verdana, arial, helvetica;*/

font-family: arial, helvetica, sans-serif;
font -size: 11pt;
   
}


 Best,
~d








-- 
desktop
http://chelseacreekstudio.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] more Opera printing weirdness

2010-07-21 Thread David Laakso
Angela French wrote:
 Well I thought I got it to work with removing the background color, but it's 
 not.  I was printing from multiple browsers and must have made a mistake on 
 which one worked.  :-(


   
 
 Always a bit hesitant to put my test site URL out there, but here it is.  
 You can try this page.
 http://checkoutacollege.com:8080/ExploreCareers/WorkerRetraining.aspx 

   
   
 
   


   






In Mac Opera/10.6, I changed my default preference for background from 
fuchsia to white. I left my personal preference for /minimum font-size/ 
in this browser intact at 32px.
I clicked OperaFilePrintCopies 1Print.
It printed fine on 4 pages. The type is very large because my pref 
font-size setting overrides.

Best,
~d

PS Please bottom post. Thanks.


-- 
desktop
http://chelseacreekstudio.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] more Opera printing weirdness

2010-07-21 Thread David Laakso
Angela French wrote:
 But when I set the body background to white, shouldn't that do the trick? 

   
 
   
 Always a bit hesitant to put my test site URL out there, but here it is.  
 You can try this page.
 http://checkoutacollege.com:8080/ExploreCareers/WorkerRetraining.aspx 

   
   
 
   
 
   
 



 In Mac Opera/10.6, I changed my default preference for background from 
 fuchsia to white. I left my personal preference for /minimum font-size/ 
 in this browser intact at 32px.
 I clicked OperaFilePrintCopies 1Print.
 It printed fine on 4 pages. The type is very large because my pref 
 font-size setting overrides.

 Best,
 ~d

 PS Please bottom post. Thanks.


   




Yes, I would think so. Since you seem to get different results than mine 
-- assuming we are both using the same procedure to print -- I regret 
that I do not know what the problem is on your end. Note, that I am 
using Mac Opera/10.6; and, that I am unable to test the same browser on 
my PC at the moment. However, I rather doubt there might be any 
significant difference between Mac and PC for print?

Best,
~d

PS Please bottom post and cc the list so others may contribute their 
thoughts... Thanks.







-- 
desktop
http://chelseacreekstudio.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] id and class selectors

2010-07-21 Thread Philippe Wittenbergh

On Jul 22, 2010, at 12:26 AM, Gabriele Romanato wrote:

 Kris, you should basically use cascade. For example, if you have a  
 structure like this:
 
 div id=test
 ul
 li/li
 !--more--
 /ul
 div
 
 you can do this:
 
 #test ul {}
 #test ul li {}

And you certainly can optimise those selectors for better performance and 
simplicity:

#test ul { }
#test li { }
#test a { }

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

2010-07-21 Thread David Laakso
tomo jacobson wrote:
 hi everybody

 i made a footer:


   




That's nice. I have a red pencil box: and, like most folks on this -- or 
any other list -- a limited amount of time...



 and it works: http://www.tomojacobson.art.pl/strona/things.htm
   





1/ In what operating system [s] / browser [s] does it work as you intend?
2/ In what operating system [s] / browser [s] does it /not/ work as you 
intend.






 Tomo

   



Best,
~d


-- 

http://chelseacreekstudio.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/