[css-d] Re : IE8, CSS 2.1 page-break-inside: avoid problem

2010-06-21 Thread Stéphane Carnot
Hi Chris,

Sorry, i was on holidays :-)

First, thanks for your help.
But it doesn't help much.
I'm trying to use the 'page-break-inside : avoid'. The page-break-after is not 
what i'm looking for.

JYves


My test files  :
http://obaobaobao.free.fr/sample01.html
http://obaobaobao.free.fr/sample02.html
http://obaobaobao.free.fr/sample03.html


  
__
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] Re : IE8, CSS 2.1 page-break-inside: avoid problem

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


Stéphane Carnot wrote:
 Hi Chris,

 Sorry, i was on holidays :-)

 First, thanks for your help.
 But it doesn't help much.
 I'm trying to use the 'page-break-inside : avoid'. The page-break-after is 
 not what i'm looking for.

OK, you have test files, but we (or at least, I)
still do not know what you are trying to achieve :-(

Which of your three demo. files demonstrates the problem ?
Where does the page break occur, if you print to A4 paper ?
Help us to help you, and more help may well be forthcoming !

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/


[css-d] Tests on HTML5 video and CSS

2010-06-21 Thread Gabriele Romanato
Dear all,
just finished to do these:

http://onwebdev.blogspot.com/2010/06/tests-on-html5-video-and-css.html

HTH. bye :-)


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] Font treatment suggestion?

2010-06-21 Thread Brian M. Curran

 On Sat, 19 Jun 2010, Brian M. Curran wrote:
  Hiya,
  Can anyone suggest a CSS font treatment to my home page quotes, that
  would jazz them up and make them more appealing?
 
  www.draftingservices.com

 Chris F.A. Johnson wrote:

   The biggest problem I have with that page is that is is a narrow
   ribbon of text down the centre of my browser window, forcing too
   much scrolling: http://cfajohnson.com/testing/draftingservices.jpg

I was trying to figure out what the fuss was about, until I refreshed the 
page,
and realized that I was looking at a cached version.

Here's my thoughts:

blockquote {
  margin: auto 0;
}

The margins on the paragraphs are plenty - you don't need them on the
blockquote too.

also remove the font and line height rules - I liked it better in Arial.

Also, I'd consolidate the blockquotes into 2 (instead of 5):

blockquote
  pI specialize .../p
  pI additionally .../p
/blockquote

blockquote
  pI provide .../p
  pProviding .../p
  pIn summary, .../p
/blockquote


Thanks, good point. ...Tinkering with the CSS has been a fun and good 
learning experience. Everyone's critiques and ideas have helped me continue 
to understand CSS better, while accomplishing something very practical. 
...Back to CAD work today, and then back to my home page when I have some 
downtime!

Sincerely,
Brian 

__
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] Re : Re : IE8, CSS 2.1 page-break-inside: avoid problem

2010-06-21 Thread Stéphane Carnot
Hi Philip,

Thanks for your help.

All the three samples show the problem.
Just Print preview in A4 with IE 8, you'll see that the DIVs are broken 
(=printed across multiple pages). It shoudn't.

JYves




De : Philip Taylor (Webmaster, Ret'd) p.tay...@rhul.ac.uk
À : Stéphane Carnot stephanecar...@yahoo.fr
Cc : css-d css-d@lists.css-discuss.org
Envoyé le : Lun 21 juin 2010, 11h 08min 43s
Objet : Re: [css-d] Re : IE8, CSS 2.1  page-break-inside: avoid problem



Stéphane Carnot wrote:
 Hi Chris,

 Sorry, i was on holidays :-)

 First, thanks for your help.
 But it doesn't help much.
 I'm trying to use the 'page-break-inside : avoid'. The page-break-after is 
 not what i'm looking for.

OK, you have test files, but we (or at least, I)
still do not know what you are trying to achieve :-(

Which of your three demo. files demonstrates the problem ?
Where does the page break occur, if you print to A4 paper ?
Help us to help you, and more help may well be forthcoming !

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] Re : IE8, CSS 2.1 page-break-inside: avoid problem

2010-06-21 Thread Peter Coates
It appears that you are trying to avoid a page break in a div containing
several ps.  Your examples appear to work in Opera, but not in IE8.  IE8's
support for page-break-inside is best described as buggy.

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Philip Taylor
(Webmaster, Ret'd)
Sent: June-21-10 2:09 AM
To: Stéphane Carnot
Cc: 'css-d'
Subject: Re: [css-d] Re : IE8, CSS 2.1  page-break-inside: avoid problem



Stéphane Carnot wrote:
 Hi Chris,

 Sorry, i was on holidays :-)

 First, thanks for your help.
 But it doesn't help much.
 I'm trying to use the 'page-break-inside : avoid'. The page-break-after is
not what i'm looking for.

OK, you have test files, but we (or at least, I)
still do not know what you are trying to achieve :-(

Which of your three demo. files demonstrates the problem ?
Where does the page break occur, if you print to A4 paper ?
Help us to help you, and more help may well be forthcoming !

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/


__
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] Tests on HTML5 video and CSS

2010-06-21 Thread David Laakso
Gabriele Romanato wrote:
 Dear all,
 just finished to do these:

 http://onwebdev.blogspot.com/2010/06/tests-on-html5-video-and-css.html

 HTH. bye :-)

   



Thanks. Guess it will be a while before these are ready for prime-time. This 
makes it is difficult to comment other than with regard to trivial pursuits...
http://html5.validator.nu/

aside
And even though I have been to your site many times, I still tripped this 
morning on finding the clickable link to the test pages.

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] Tests on HTML5 video and CSS

2010-06-21 Thread Climis, Tim
 just finished to do these:
 
 http://onwebdev.blogspot.com/2010/06/tests-on-html5-video-and-
 css.html
 

Just FYI, Chrome Dev branch (6.0.437.3) autoplayed every one of those videos, 
so it appears that the Webkit nightlies must have support.

---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] An Image On Top Of an Image

2010-06-21 Thread Victor Subervi
Hi;
How do I place an image on top of another image?
TIA,
Victor
__
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] An Image On Top Of an Image

2010-06-21 Thread Climis, Tim
 How do I place an image on top of another image?

Umm.  Can we have an example of what you want?  There are many options here, 
and depending on the effect you're looking for, some may or may not work.  For 
example: do you want the bottom image to be visible under the top image 
(translucent)?  Are the images the same size or is one going to frame the 
other?  Or are you looking for a scattered photographs effect?  All of these 
would have significantly different solutions, but all fall under one image on 
top of another.

---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] An Image On Top Of an Image

2010-06-21 Thread Victor Subervi
On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim tcli...@indiana.edu wrote:

 Umm.  Can we have an example of what you want?  There are many options
 here, and depending on the effect you're looking for, some may or may not
 work.


kinda figured that...


 For example: do you want the bottom image to be visible under the top image
 (translucent)?


yes


  Are the images the same size or is one going to frame the other?


not the same size. The bottom one has a hole in it for the button to fill.
Imagine the logo for mailman (python mailing list). There is a flag part
to the left with a circle on the right:
http://www.mailmanlist.net/img/MailmanLogo75x199.jpg
Imagine it with flags on either side. Hope that was better.
TIA.
V
__
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] An Image On Top Of an Image

2010-06-21 Thread Peter Coates
Wouldn't it be easier to construct the finished image you want, and define
the active area for the button with a map?

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Victor Subervi
Sent: June-21-10 8:36 AM
To: Climis, Tim
Cc: CSS Discuss
Subject: Re: [css-d] An Image On Top Of an Image

On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim tcli...@indiana.edu wrote:

 Umm.  Can we have an example of what you want?  There are many options
 here, and depending on the effect you're looking for, some may or may not
 work.


kinda figured that...


 For example: do you want the bottom image to be visible under the top
image
 (translucent)?


yes


  Are the images the same size or is one going to frame the other?


not the same size. The bottom one has a hole in it for the button to fill.
Imagine the logo for mailman (python mailing list). There is a flag part
to the left with a circle on the right:
http://www.mailmanlist.net/img/MailmanLogo75x199.jpg
Imagine it with flags on either side. Hope that was better.
TIA.
V
__
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] An Image On Top Of an Image

2010-06-21 Thread Victor Subervi
On Mon, Jun 21, 2010 at 12:23 PM, Peter Coates pcoa...@yukon1000.comwrote:

 Wouldn't it be easier to construct the finished image you want, and define
 the active area for the button with a map?


Yeah, well, could do; however, I reuse the button over different images. How
do? Too complicated?
V


 -Original Message-
 From: css-d-boun...@lists.css-discuss.org
 [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Victor Subervi
 Sent: June-21-10 8:36 AM
 To: Climis, Tim
 Cc: CSS Discuss
 Subject: Re: [css-d] An Image On Top Of an Image

 On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim tcli...@indiana.edu wrote:

  Umm.  Can we have an example of what you want?  There are many options
  here, and depending on the effect you're looking for, some may or may not
  work.


 kinda figured that...


  For example: do you want the bottom image to be visible under the top
 image
  (translucent)?


 yes


   Are the images the same size or is one going to frame the other?


 not the same size. The bottom one has a hole in it for the button to
 fill.
 Imagine the logo for mailman (python mailing list). There is a flag part
 to the left with a circle on the right:
 http://www.mailmanlist.net/img/MailmanLogo75x199.jpg
 Imagine it with flags on either side. Hope that was better.
 TIA.
 V
 __
 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] Re : Re : IE8, CSS 2.1 page-break-inside: avoid problem

2010-06-21 Thread Stéphane Carnot
Hi, 

I don't know if IE8 is buggy but it seems to be ok with page-break-inside tag :
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29
http://msdn.microsoft.com/en-us/library/cc196971%28VS.85%29.aspx

But i can't make it work :-(

Thanks for your help,
JYves





De : Peter Coates pcoa...@yukon1000.com
À : Philip Taylor (Webmaster, Ret'd) p.tay...@rhul.ac.uk; Stéphane Carnot 
stephanecar...@yahoo.fr
Cc : css-d css-d@lists.css-discuss.org
Envoyé le : Lun 21 juin 2010, 14h 27min 46s
Objet : RE: [css-d] Re : IE8, CSS 2.1  page-break-inside: avoid problem

It appears that you are trying to avoid a page break in a div containing
several ps.  Your examples appear to work in Opera, but not in IE8.  IE8's
support for page-break-inside is best described as buggy.

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Philip Taylor
(Webmaster, Ret'd)
Sent: June-21-10 2:09 AM
To: Stéphane Carnot
Cc: 'css-d'
Subject: Re: [css-d] Re : IE8, CSS 2.1  page-break-inside: avoid problem



Stéphane Carnot wrote:
 Hi Chris,

 Sorry, i was on holidays :-)

 First, thanks for your help.
 But it doesn't help much.
 I'm trying to use the 'page-break-inside : avoid'. The page-break-after is
not what i'm looking for.

OK, you have test files, but we (or at least, I)
still do not know what you are trying to achieve :-(

Which of your three demo. files demonstrates the problem ?
Where does the page break occur, if you print to A4 paper ?
Help us to help you, and more help may well be forthcoming !

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/


  
__
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] An Image On Top Of an Image

2010-06-21 Thread Peter Coates
div style=position:relative;top:0;left:0

  image src=one.jpg
style=position:absolute;top:0;left:0;width:120px;height:120px

  image src=two.jpg
style=position:absolute;top:50px;left:50px;width:20px;height:20px

/div

 

The enclosing div is important.  It has positional info, so the
coordinated in the enclosed imgs are relative to that div.  You do not
have to specify the width and height of the images.  I've just doing that to
show the sizes.  The second image will be displayed on top of the first: no
z-index is given, so they are rendered in the order they occur.  If you
want, you could say

 

div style=position:relative;top:0;left:0

  image src=one.jpg
style=position:absolute;top:0;left:0;width:120px;height:120px;z-index:1

  image src=two.jpg
style=position:absolute;top:50px;left:50px;width:20px;height:20px;z-index:2


/div

 

From: Victor Subervi [mailto:victorsube...@gmail.com] 
Sent: June-21-10 10:09 AM
To: Peter Coates
Cc: Climis, Tim; CSS Discuss
Subject: Re: [css-d] An Image On Top Of an Image

 

On Mon, Jun 21, 2010 at 12:23 PM, Peter Coates pcoa...@yukon1000.com
wrote:

Wouldn't it be easier to construct the finished image you want, and define
the active area for the button with a map?


Yeah, well, could do; however, I reuse the button over different images. How
do? Too complicated?
V 


-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Victor Subervi
Sent: June-21-10 8:36 AM
To: Climis, Tim
Cc: CSS Discuss
Subject: Re: [css-d] An Image On Top Of an Image

On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim tcli...@indiana.edu wrote:

 Umm.  Can we have an example of what you want?  There are many options
 here, and depending on the effect you're looking for, some may or may not
 work.


kinda figured that...


 For example: do you want the bottom image to be visible under the top
image
 (translucent)?


yes


  Are the images the same size or is one going to frame the other?


not the same size. The bottom one has a hole in it for the button to fill.
Imagine the logo for mailman (python mailing list). There is a flag part
to the left with a circle on the right:
http://www.mailmanlist.net/img/MailmanLogo75x199.jpg
Imagine it with flags on either side. Hope that was better.
TIA.
V

__
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] Re : Re : IE8, CSS 2.1 page-break-inside: avoid problem

2010-06-21 Thread Peter Coates
http://reference.sitepoint.com/css/page-break-inside

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Stéphane Carnot
Sent: June-21-10 6:27 AM
To: css-d
Subject: [css-d] Re : Re : IE8, CSS 2.1  page-break-inside: avoid problem

Hi, 

I don't know if IE8 is buggy but it seems to be ok with page-break-inside
tag :
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style
_Sheets%29
http://msdn.microsoft.com/en-us/library/cc196971%28VS.85%29.aspx

But i can't make it work :-(

Thanks for your help,
JYves





De : Peter Coates pcoa...@yukon1000.com
À : Philip Taylor (Webmaster, Ret'd) p.tay...@rhul.ac.uk; Stéphane
Carnot stephanecar...@yahoo.fr
Cc : css-d css-d@lists.css-discuss.org
Envoyé le : Lun 21 juin 2010, 14h 27min 46s
Objet : RE: [css-d] Re : IE8, CSS 2.1  page-break-inside: avoid problem

It appears that you are trying to avoid a page break in a div containing
several ps.  Your examples appear to work in Opera, but not in IE8.  IE8's
support for page-break-inside is best described as buggy.

-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Philip Taylor
(Webmaster, Ret'd)
Sent: June-21-10 2:09 AM
To: Stéphane Carnot
Cc: 'css-d'
Subject: Re: [css-d] Re : IE8, CSS 2.1  page-break-inside: avoid problem



Stéphane Carnot wrote:
 Hi Chris,

 Sorry, i was on holidays :-)

 First, thanks for your help.
 But it doesn't help much.
 I'm trying to use the 'page-break-inside : avoid'. The page-break-after is
not what i'm looking for.

OK, you have test files, but we (or at least, I)
still do not know what you are trying to achieve :-(

Which of your three demo. files demonstrates the problem ?
Where does the page break occur, if you print to A4 paper ?
Help us to help you, and more help may well be forthcoming !

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/


  
__
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] An Image On Top Of an Image

2010-06-21 Thread Victor Subervi
Well, Peter, your code worked well; however, I had to add several breaks at
the end:

table border='0' cellpadding='0' cellspacing='0'
  tr
td colspan='2'#xa0;/td
  /trtr
td width='117' height='147' align='center' valign='middle'
bgcolor='#183452'
img src='images/mic.jpg' width='107' height='137' /
/tdtd width='5'#xa0;/tdtd align='center'
span class='large_italic'Listen Live!/spanbr /
Click here to listen live to WXZT 90.9 FM now!br /br /
table valign='top' align='center' width='260' border='0' cellpadding='0'
cellspacing='0'
  tr
td
div style='position:relative;top:0;left:0'
  image src='images/mic-lines.png' width='279' height='65'
style='position:absolute;top:0;left:0;width:279px;height:65px'
  image src='images/button-off.png' width='71' height='71'
style='position:absolute;top:-5px;left:105px;width:71px;height:71px'
/div
br /br /br /
/td
  /trtr
td colspan='2'#xa0;/td
  /tr
/table
/td
  /tr
/table

Even so, it has a little extra space at the top. What happened without the
breaks is that your code forced everything down for some reason. Could you
explain that?
TIA,
V
__
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] An Image On Top Of an Image

2010-06-21 Thread Climis, Tim
 snip a bunch of HTML

Can you send us a link to your live page instead of all this code?  It's a lot 
easier to debug things that way.

If not, we can try and work with what we've got, but a link is always more 
helpful.

---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] An Image On Top Of an Image

2010-06-21 Thread Victor Subervi
On Mon, Jun 21, 2010 at 2:22 PM, Climis, Tim tcli...@indiana.edu wrote:

  snip a bunch of HTML

 Can you send us a link to your live page instead of all this code?  It's a
 lot easier to debug things that way.


http://creative.vi/clients/crucian-edu/
TIA,
V
__
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] very long page in opera 9.64 and 10.54 on both windows and mac

2010-06-21 Thread Erik Visser
(tested on windows xp and mac os x snow leopard)
both opera 9.64 en 10.54 make this page very long:

http://beta.ottermeerhoeve.nl

css:
http://beta.ottermeerhoeve.nl/css/style.css
http://beta.ottermeerhoeve.nl/css/makeup.css
http://beta.ottermeerhoeve.nl/css/menu.css
http://beta.ottermeerhoeve.nl/script/shadowbox/shadowbox.css

any ideas on how correct this?

Thank you,
Erik Visser
__
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] ie6 and ie7 behave differently

2010-06-21 Thread Erik Visser
I'am working on http://beta.ottermeerhoeve.nl

In both ie6 and ie7 there are a couple of empty lines, before the last 
two text paragraphs are displayed.
(above the text Als dit alles je aanspreekt ben je van harte uitgenodigd!)

Both ie6 and ie7 display the original page alright (without empty 
lines): http://www.ottermeerhoeve.nl

Any ideas on what is causing the beta version to show up with these 
empty lines in ie 6 and ie7?


Thank you,
Erik Visser



PS1 css:
http://beta.ottermeerhoeve.nl/css/style.css
http://beta.ottermeerhoeve.nl/css/makeup.css
http://beta.ottermeerhoeve.nl/css/menu.css
http://beta.ottermeerhoeve.nl/css/ie.css
http://beta.ottermeerhoeve.nl/script/shadowbox/shadowbox.css



PS2 ie8 displays both www and beta versions alright (no empty lines here).
__
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] CSS Not Validating

2010-06-21 Thread Duane Nelson
I'm using the following to fix a PNG display bug in ie6:

/* PGN Fix forIE6 */
img, div {
 behavior: url(../scripts/htc/iepngfix.htc)
}

But it causes the css to ot validate.  Is there a way I can do this to get my 
CSS to validate?

Thanks,

Duane Nelson
Loss2gaiN Designs
http://myL2G.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] very long page in opera 9.64 and 10.54 on both windows and mac

2010-06-21 Thread David Laakso
Erik Visser wrote:
 (tested on windows xp and mac os x snow leopard)
 both opera 9.64 en 10.54 make this page very long:

 http://beta.ottermeerhoeve.nl



 Erik Visser
   





This...
/div  !-- wrapper_extra --
/div !-- container --
/div !-- minwidth --
div id=footer.../div  !-- id=footer --
/body
/html



Becomes this...
/div  !-- wrapper_extra --
div id=footer.../div  !-- id=footer --
/div !-- container --
/div !-- minwidth --
/body
/html



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] CSS Not Validating

2010-06-21 Thread David Laakso
Duane Nelson wrote:
 I'm using the following to fix a PNG display bug in ie6:

 /* PGN Fix forIE6 */
 img, div {
  behavior: url(../scripts/htc/iepngfix.htc)
 }

 But it causes the css to ot validate.  Is there a way I can do this to get my 
 CSS to validate?

 Thanks,

 Duane Nelson
   






try:

* html img, 
* html div {
behavior: url(../scripts/htc/iepngfix.htc)
} /* targets IE/6.0 */


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] ie6 and ie7 behave differently

2010-06-21 Thread David Laakso
Erik Visser wrote:
 I'am working on http://beta.ottermeerhoeve.nl

 In both ie6 and ie7 there are a couple of empty lines, before the last 
 two text paragraphs are displayed.
 (above the text Als dit alles je aanspreekt ben je van harte uitgenodigd!)

 Both ie6 and ie7 display the original page alright (without empty 
 lines): http://www.ottermeerhoeve.nl

 Any ideas on what is causing the beta version to show up with these 
 empty lines in ie 6 and ie7?


 Thank you,
 Erik Visser



 PS2 ie8 displays both www and beta versions alright (no empty lines here).

   




Wait for a stable release?

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] CSS Not Validating

2010-06-21 Thread Thierry Koblentz
 Duane Nelson wrote:
  I'm using the following to fix a PNG display bug in ie6:
 
  /* PGN Fix forIE6 */
  img, div {
   behavior: url(../scripts/htc/iepngfix.htc)
  }
 
  But it causes the css to ot validate.  Is there a way I can do this
 to get my CSS to validate?
 
  Thanks,
 
  Duane Nelson
 
 
 try:
 
 * html img,
 * html div {
 behavior: url(../scripts/htc/iepngfix.htc)
 } /* targets IE/6.0 */


Hi David,

I'm afraid that won't hide the proprietary property from the parser.


--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

__
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 Not Validating

2010-06-21 Thread David Laakso
Thierry Koblentz wrote:

 try:

 * html img,
 * html div {
 behavior: url(../scripts/htc/iepngfix.htc)
 } /* targets IE/6.0 */
 


 Hi David,

 I'm afraid that won't hide the proprietary property from the parser.


 --
 Regards,
 Thierry

   




Oh, my...

Perhaps you would be kind enough to point Duane to the appropriate 
Conditional Comment?

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] CSS Not Validating

2010-06-21 Thread Peter Bradley
Ar 21/06/10 22:13, ysgrifennodd Duane Nelson :
 I'm using the following to fix a PNG display bug inie6:

 /* PGN Fix forIE6 */
 img, div {
   behavior: url(../scripts/htc/iepngfix.htc)
 }

 But it causes the css to ot validate.  Is there a way I can do this to get my 
 CSS to validate?

 Thanks,

 Duane Nelson
 Loss2gaiN Designs
 http://myL2G.com



On the one occasion I needed it, I used this:

!--[if lt IE 7]
style type=text/css
 #banner img { behavior: url(styles/iepngfix.htc) }
/style
![endif]--

Obviously you'll want to substitute your own selector.

HTH


Peter

-- 
http://www.peredur.net

__
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 Not Validating

2010-06-21 Thread Tom Livingston
I use this and have had very good results. Add to your page with conditional 
comments. Works for bg images!


Sent from my iPod

On Jun 21, 2010, at 5:13 PM, Duane Nelson d...@myl2g.com wrote:

 I'm using the following to fix a PNG display bug in ie6:
 
 /* PGN Fix forIE6 */
 img, div {
 behavior: url(../scripts/htc/iepngfix.htc)
 }
 
 But it causes the css to ot validate.  Is there a way I can do this to get my 
 CSS to validate?
 
 Thanks,
 
 Duane Nelson
 Loss2gaiN Designs
 http://myL2G.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] CSS Not Validating

2010-06-21 Thread Thierry Koblentz
  * html img,
  * html div {
  behavior: url(../scripts/htc/iepngfix.htc)
  } /* targets IE/6.0 */
 
 
 
  Hi David,
 
  I'm afraid that won't hide the proprietary property from the parser.
 
 Oh, my...
 
 Perhaps you would be kind enough to point Duane to the appropriate
 Conditional Comment?

I sent an email to Duane off-list already, but saying it is no better to use
proprietary markup than proprietary CSS. That if it was me, I'd leave it
like that.


--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz




 

__
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 Not Validating

2010-06-21 Thread David Laakso
Thierry Koblentz wrote:
 * html img,
 * html div {
 behavior: url(../scripts/htc/iepngfix.htc)
 } /* targets IE/6.0 */

 
 Hi David,

 I'm afraid that won't hide the proprietary property from the parser.
   
 Oh, my...

 Perhaps you would be kind enough to point Duane to the appropriate
 Conditional Comment?
 

 I sent an email to Duane off-list already, but saying it is no better to use
 proprietary markup than proprietary CSS. That if it was me, I'd leave it
 like that.


 --
 Regards,
 Thierry
   






I guess what you mean, is that either way, the construct is not valid.

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] Tests on HTML5 video and CSS

2010-06-21 Thread Jay Tanna


--- On Mon, 21/6/10, Climis, Tim tcli...@indiana.edu wrote:

 
 Just FYI, Chrome Dev branch (6.0.437.3) autoplayed every
 one of those videos, so it appears that the Webkit nightlies
 must have support.
 


Safari 4 seems to fair better when it comes to HTML5 and CSS3 according to this 
survey:

http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/

Can't vouch for its authenticity or its independence!  Also I have no idea how 
old is this article!  Things must have changed since!

hth



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