Re: [css-d] SOLVED Re: URL exceeds width of Pop up window and doesn't wrap

2010-04-07 Thread Rees, Mark
SOLVED Here is a link that seems to work in several browsers. http://forums.cocoaforge.com/viewtopic.php?f=13t=21981 On Mon, Apr 5, 2010 at 12:24 PM, Nancy Johnson njohnso...@gmail.com wrote: I have an Email a Friend using an open new window js. I've set the pop-up window size to be 525px

[css-d] Can media values be used as a part of a selector ?

2010-04-07 Thread Philip TAYLOR
Finding myself writing (this morning) : style type=text/css media=print BODY {font-family: Arial Narrow, sans-serif} /style style type=text/css media=screen BODY {font-family: Trebuchet MS, sans-serif} /style I felt the urge to

Re: [css-d] Can media values be used as a part of a selector ?

2010-04-07 Thread Tim Snadden
On 7/04/2010, at 10:11 PM, Philip TAYLOR wrote: Finding myself writing (this morning) : style type=text/css media=print BODY {font-family: Arial Narrow, sans-serif} /style style type=text/css media=screen BODY {font-family: Trebuchet MS,

Re: [css-d] Can media values be used as a part of a selector ?

2010-04-07 Thread Philip TAYLOR
Tim Snadden wrote: You can handle this as follows: @media print { body { font-family: Arial Narrow, sans-serif ; } } @media screen { body {font-family: Trebuchet MS, sans-serif; } } Thank you, Tim. I assume that the @media constructs appear within a style element; is that

Re: [css-d] Can media values be used as a part of a selector ?

2010-04-07 Thread Tim Snadden
On 7/04/2010, at 10:26 PM, Philip TAYLOR wrote: Tim Snadden wrote: You can handle this as follows: @media print { body { font-family: Arial Narrow, sans-serif ; } } @media screen { body {font-family: Trebuchet MS, sans-serif; } } Thank you, Tim. I assume that the @media

Re: [css-d] Can media values be used as a part of a selector ?

2010-04-07 Thread Philip TAYLOR
Tim Snadden wrote: They can appear instyle elements or in external stylesheets. Also, you aren't limited to one ruleset. Excellent, many thanks for the clarification. Already deployed, tested and in use :-) ** Phil. __

Re: [css-d] Background-Image in form-field

2010-04-07 Thread Leo Luchs
On 7/04/2010, at 3:30 AM, Tim Snadden wrote: Your message entitled Text indent won't work. Some options I can think of: Try using input type=image Try using button Graceful degradation for IE8 (no bg image, no absolute position). By the way, on Firefox 3.6 Mac the button is sitting

Re: [css-d] Positioning problem

2010-04-07 Thread Matthew
At least part of why it is confusing to get those javascript rotating images to place correctly is because there are two properties controlling them: /* - rotator in-page placement - */ div#rotator { background: #000; width:300px; position: relative;

Re: [css-d] IE7: Background-Image in form-field

2010-04-07 Thread jeffrey morin
On Tue, Apr 6, 2010 at 11:30 AM, Leo Luchs leolu...@googlemail.com wrote: Looking at http://www.fuenf-nrw.de/2010/index_test.php you will notice a search-form in the upper right corner. IE7 does not only show the magnifying-glass but also the value Go. I've hoped to prevent it by using

Re: [css-d] IE7: Background-Image in form-field

2010-04-07 Thread Leo Luchs
On Wed, Apr 7, 2010 at 06:39 PM, jeffrey morin rufus2...@gmail.com wrote: I found this online and it works for me on submit buttons. Not sure why, but adding these two properties hides text on IE. color: transparent; text-transform: uppercase; That works as well. It is strange - uppercase

[css-d] help with custom bullet in nested list

2010-04-07 Thread Angela French
Hello, I am using a graphic as a background image on all lists in my site. The problem is that on nested lists, the graphic appears twice on the li that is the first item for the nested list. How do I make this NOT happen? My style is written like this: ul li { background:

Re: [css-d] help with custom bullet in nested list

2010-04-07 Thread Jukka K. Korpela
Angela French wrote: I am using a graphic as a background image on all lists in my site. The problem is that on nested lists, the graphic appears twice on the li that is the first item for the nested list. This would be easier if you specified the URL, so that we can see the markup and all

Re: [css-d] Positioning problem

2010-04-07 Thread David Laakso
Matthew wrote: Thank you, but when I float: left the div containing the text, and float: right the image, the image vanishes and the crowd at the bottom is no longer behind the next. Nor does it stop at the right point if the browser becomes too small. Man, Otis is going to

[css-d] PNG Image Position/ Size question - CSS

2010-04-07 Thread Conjurer
Not sure if this is even doable with CSS, but here goes... I have a picture - head and torso, that I removed the background from, added a shadow, and saved as a png with alpha transparency. It is about 520 x 520 px. I set it to be fixed position at the bottom 0 and left 0 - and a z-index to

Re: [css-d] PNG Image Position/ Size question - CSS

2010-04-07 Thread Joergen W. Lang
Am 07.04.10 21:45, schrieb Conjurer: [...] It is about 520 x 520 px. I set it to be fixed position at the bottom 0 and left 0 - and a z-index to place it in front of everything. Not quite, but see below. It looks great (to me) when I look at it on a screen with 1024x768 resolution

Re: [css-d] PNG Image Position/ Size question - CSS

2010-04-07 Thread David Laakso
Joergen W. Lang wrote: Examole: http://tinyurl.com/yfl8nb8 here's one way: Working example (using your code): http://www.joergen-lang.com/css-d/examples/img-resize/ Joergen Joergen, in your example try (assuming we all share a sense of humor)? img#rings {

Re: [css-d] PNG Image Position/ Size question - CSS

2010-04-07 Thread Teknofile Services
*** REPLY SEPARATOR *** On 7/04/2010 at 8:26 p.m. David Laakso wrote: Joergen, in your example try (assuming we all share a sense of humor)? img#rings { /*delete width: 50%;*/ max-width: 50%; /*add*/ height: auto; /*add*/ z-index: 10; } If I may be so bold as to

[css-d] Question about cross browser compatibility of max-width

2010-04-07 Thread Claude Needham
Some time, in the now distant past, I tried using max-width in a css project. The behavior was so quirky across browsers that I solved it another way. The numerous code samples suggested on this list lead me to believe that the situation has changed and that max-width is a very functional