Re: [css-d] css slider/slideshow...

2011-04-07 Thread Tim Wolf
Message: 8
Date: Mon, 4 Apr 2011 17:00:56 -0500
From: Michael Beaudoin mich...@ba-doyn.com
To: css-d@lists.css-discuss.org
Subject: [css-d] css slider/slideshow...
Message-ID: 57f84d77-28f6-4fc7-b88f-e6ed9413e...@ba-doyn.com
Content-Type: text/plain; charset=US-ASCII; format=flowed; delsp=yes

Can someone point me to a tutorial on how to create a slider/slideshow
in css like the one on the home page here: http://www.finewoodworking.com?

I have done many in Flash but I want to get away from that and use a
non-Flash solution.

Like you, I was seeking a non-Flash slider slideshow. I ended up using Chris
Coyier's AnythingSlider jQuery Plugin. Again, not pure CSS, but there is
plenty of CSS required to customize the slider to meet your needs.

http://css-tricks.com/anythingslider-jquery-plugin/

Here is the slider I created from the AnythingSlider to meet my needs:

http://www.senatedems.ct.gov/

I don't write JQuery of Javascript, and at the time my CSS was a bit rusty,
but with much trial and error I had success for the post IE7 browsers I was
designing for. Beware of embedding Flash objects within the slides, Opera
doesn't like that!

Tim Wolf


__
css-discuss [css-d@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] Why didn't div border wrap around div contents?

2011-04-07 Thread David Laakso

On 4/6/11 11:58 PM, Keith Purtell wrote:

What's the deal?

http://www.keithpurtell.com/kthings/indexNew.htm

- Keith Purtell







Try opening the nav block and containing the content within it...

body {
/*font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 1.0em;*/
font: 1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#navigatex {
border: 1px solid /*#F3E5CE*/red; overflow: hidden;
}

ul#navlistx {
/*font: normal bold 2em Arial, 'Helvetica Neue', Helvetica, 
sans-serif;*/

}

#articlex {
/*display:block;*/
/*font: italic bold 1.25em Arial, 'Helvetica Neue', Helvetica, 
sans-serif;*/

margin: /*17em*/0 auto 5em auto;
/*width: 606px;*/
   width: 60%;
}

Best,
Studs T.
Chicago

--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/

__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Gabriele Romanato

Hi,
I've often asked myself: 'ok, we can rotate boxes with CSS3, but what  
this is good for?.

Answer: visual effects. Like this:

http://onwebdev.blogspot.com/2011/04/css-post-it-note.html

The Google font is included in the zip file, so you can add it to your  
font folder if you view this demo locally.


Improvements: if you use JS and jQuery or whatever other library, you  
can automate the positioning process by adding a common CSS class to  
all the post it notes. However, the topic of this list is CSS, so I  
avoided to get things more complicated.


Feel free to use the code in all your projects, without license,  
permissions and other legalese stuff.

Web is sharing, so enjoy it! :-)

HTH

Gabriele


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 [css-d@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] Experiment: CSS post it note

2011-04-07 Thread David Laakso

On 4/7/11 1:07 PM, Gabriele Romanato wrote:

Hi,
I've often asked myself: 'ok, we can rotate boxes with CSS3, but what 
this is good for?.

Answer: visual effects. Like this:

http://onwebdev.blogspot.com/2011/04/css-post-it-note.html


HTH

Gabriele





Correct for cross-over 1152 through 640?
~d


--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/

__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Philip Taylor (Webmaster, Ret'd)

What has happened to some of the text on the
yellow Post-it (R), Gabriele ?

http://web-consultants.org.uk/sites/tests/css/Fullscreen capture 
07-Apr-2011 183056.jpg

Philip Taylor

Gabriele Romanato wrote:


I've often asked myself: 'ok, we can rotate boxes with CSS3, but what
this is good for?.
Answer: visual effects. Like this:

http://onwebdev.blogspot.com/2011/04/css-post-it-note.html

__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Geoff Lane
On Thursday, April 7, 2011, 6:34:31 PM, Philip Taylor (Webmaster, Ret'd) wrote:

 What has happened to some of the text on the
 yellow Post-it (R), Gabriele ?

 http://web-consultants.org.uk/sites/tests/css/Fullscreen capture 
 07-Apr-2011 183056.jpg

---

FWIW, I got a chunk missing from the top-right of the yellow note
also. I suspect that these are masked by the pre-rotation position of
the other post-it notes and wonder whether judicious use of z-index
might correct the problem.

-- 
Geoff

__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread karla porter
it works nicely on chrome and ff on a mac


Karla Porter Archer



On Thu, Apr 7, 2011 at 12:44 PM, Geoff Lane ge...@gjctech.co.uk wrote:
 On Thursday, April 7, 2011, 6:34:31 PM, Philip Taylor (Webmaster, Ret'd) 
 wrote:

 What has happened to some of the text on the
 yellow Post-it (R), Gabriele ?

         http://web-consultants.org.uk/sites/tests/css/Fullscreen capture 
 07-Apr-2011 183056.jpg

 ---

 FWIW, I got a chunk missing from the top-right of the yellow note
 also. I suspect that these are masked by the pre-rotation position of
 the other post-it notes and wonder whether judicious use of z-index
 might correct the problem.

 --
 Geoff
__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Gabriele Romanato
thanks guys! I have to fix something, as you pointed out... ouch! however,
absolute positioning is just for show... the intention is to use it in the
future on some gallery with floats...
at least, floats are aware of the position of other floats.. floats have
almost empathy for developer's emotions
and are not so selfish like absolute boxes. :-)

thanks for the shots, particularly that from Seamonkey. I miss this browser.
I used it on my old Tiger laptop :-(

ps. Google fonts work ok... I guess they use link / for performance... has
anyone noticed some lag using @import?

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 [css-d@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] Centering Horizonal Navigation with Drop Downs

2011-04-07 Thread John D

Have you seen this article before:

http://matthewjamestaylor.com/blog/centered-dropdown-menus

Let us know if this is what you were looking for.





Hi - I've been trying for two days to figure out how to center my top
navigation and get the drop-downs to be under the correct heading. After
much trial and error I'm now using the code from
http://css.maxdesign.com.au/listamatic/horizontal02.htm as my starting
point.

So far I can center the main navigation items centered on the page but the
drop-downs all end up in the upper lefthand corner under Home:

http://www.issw.com/hallmark/index_centered_list_navbar2.htm
http://www.issw.com/hallmark/css/style.css
http://www.issw.com/hallmark/css/centered_list2.css

OR . . . I can have the drop-downs behave properly and be under the right
heading (although the background color is not the same length on every
line) but the whole main navigation is aligned to the left:

http://www.issw.com/hallmark/index_centered_list_navbar.htm
http://www.issw.com/hallmark/css/style.css
http://www.issw.com/hallmark/css/centered_list.css

I have doctypes on the files and have tried adding widths and margin: 0 or
margin: auto as many posts suggest but to no avail.

Is there a solution to this? I'm really trying to move forward to
css compliant sites.




__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Chris F.A. Johnson

On Thu, 7 Apr 2011, Gabriele Romanato wrote:


Hi,
I've often asked myself: 'ok, we can rotate boxes with CSS3, but what this is 
good for?.

Answer: visual effects. Like this:

http://onwebdev.blogspot.com/2011/04/css-post-it-note.html


Beware of trying to fit text into a fixed-size container:

http://t.cfaj.ca/postit.jpg

For an example that works with any font size, see
http://twd2.cfaj.ca/. (I have just started to redo my site, so
there not much there besides the first page.)

--
   Chris F.A. Johnson, http://cfajohnson.com/
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
__
css-discuss [css-d@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] Centering Horizonal Navigation with Drop Downs

2011-04-07 Thread Philip Taylor (Webmaster, Ret'd)



John D wrote:

Have you seen this article before:

http://matthewjamestaylor.com/blog/centered-dropdown-menus

Let us know if this is what you were looking for.


The drop-down for the fourth element is very strangely positioned :


http://web-consultants.org.uk/sites/tests/css/Fullscreen%20capture%2007-Apr-2011%20213653.jpg

Philip Taylor
__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Philip Taylor (Webmaster, Ret'd)



Chris F.A. Johnson wrote:


Beware of trying to fit text into a fixed-size container:

http://t.cfaj.ca/postit.jpg

For an example that works with any font size, see
http://twd2.cfaj.ca/. (I have just started to redo my site, so
there not much there besides the first page.)


I don't know how you've produced that rotated panel,
Chris, but it doesn't render well here :


http://web-consultants.org.uk/sites/tests/css/Fullscreen%20capture%2007-Apr-2011%20214031.jpg

Philip Taylor
__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Chris F.A. Johnson

On Thu, 7 Apr 2011, Philip Taylor (Webmaster, Ret'd) wrote:


Chris F.A. Johnson wrote:


Beware of trying to fit text into a fixed-size container:

http://t.cfaj.ca/postit.jpg

For an example that works with any font size, see
http://twd2.cfaj.ca/. (I have just started to redo my site, so
there not much there besides the first page.)


I don't know how you've produced that rotated panel,


   It's CSS3:

-moz-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);


Chris, but it doesn't render well here :


http://web-consultants.org.uk/sites/tests/css/Fullscreen%20capture%2007-Apr-2011%20214031.jpg


   Thanks for that. On my screen the type looks a little wonky, but
   acceptable. Since it looks worse for some people, I'll remove the
   rotation.

--
   Chris F.A. Johnson, http://cfajohnson.com/
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Tomasz Kisielewski
Hi Guys. I can't agree that visual effects are good in this example. When
manipulate any image, or create composition always beware of shadows.In this
example it doesn't make sense, still photoshop,or gimp do better job than
box rotation ( browsers support as well).
CSS3 is great, butsome things are pretty useless, especially if you
think about production environment. Thats my opinion.

Tom


On Thu, Apr 7, 2011 at 9:37 PM, Chris F.A. Johnson ch...@cfajohnson.comwrote:

 On Thu, 7 Apr 2011, Gabriele Romanato wrote:

  Hi,
 I've often asked myself: 'ok, we can rotate boxes with CSS3, but what this
 is good for?.
 Answer: visual effects. Like this:

 http://onwebdev.blogspot.com/2011/04/css-post-it-note.html


Beware of trying to fit text into a fixed-size container:

http://t.cfaj.ca/postit.jpg

For an example that works with any font size, see
http://twd2.cfaj.ca/. (I have just started to redo my site, so
there not much there besides the first page.)

 --
   Chris F.A. Johnson, http://cfajohnson.com/
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
 __
 css-discuss [css-d@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 [css-d@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] How to test in many browers (was: CSS post it note)

2011-04-07 Thread Geoff Lane
On Thursday, April 7, 2011, 9:42:17 PM, Philip Taylor (Webmaster, Ret'd) wrote:

 I don't know how you've produced that rotated panel,
 Chris, but it doesn't render well here : ...
---

I had a look myself in Firefox 4 under Win XP Pro, and that rotated
panel didn't work well. The text was way too pixellated (blocky). So I
had another look in Firefox 3.6 under Ubuntu 10.10 and it's a
completely different story. That blocky text renders about as good as
it could and the page looks like I suspect Chris intended.

This shows the importance of testing in as many browsers as you can.
FWIW, I use virtualisation and a raft of operating system and browser
combinations. However, I haven't got Windows 7 or Mac OS-X available
to me, it's a pain maintaining an old Win 98 VM just to use IE 5,
and even with all the combinations I have available, it only includes
one (old) version of Konqueror.

So, how does everyone else manage their testing? Do sites exist that
let you simulate your work's appearance in just about every browser
you're likely to meet?

TIA,

-- 
Geoff

__
css-discuss [css-d@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 test in many browers

2011-04-07 Thread David Hucklesby

On 4/7/11 2:09 PM, Geoff Lane wrote:

On Thursday, April 7, 2011, 9:42:17 PM, Philip Taylor (Webmaster,
Ret'd) wrote:


I don't know how you've produced that rotated panel, Chris, but it
doesn't render well here : ...

---


[...]

So, how does everyone else manage their testing? Do sites exist that
let you simulate your work's appearance in just about every browser
you're likely to meet?



Now you've done it! That's the $64,000 question - in 1970 dollars, to
boot. In my experience, just when I think I have covered enough
combinations, something seems to come and bite me.

Consider:
- All versions of IE, and all emulation modes act differently
- OS settings such as DPI and Clear Type may affect rendering a lot
- Browser settings come in many flavors, with multiple effects
- The same browser may act differently in Windows than on a Mac
- There are many OS settings and browser add-ons to aid accessibility
- Many new computers I have seen come badly adjusted out of the box
...
and I have yet to mention non-PC devices! Ain't CSS fun?

I wait with bated breath for a hail of silver bullets... :)
--
Cordially,
David

__
css-discuss [css-d@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 test in many browers

2011-04-07 Thread HallMarc Websites
 I wait with bated breath for a hail of silver bullets... :)
 --
Pew pew pew pew pew :D

__
css-discuss [css-d@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 test in many browsers

2011-04-07 Thread Felix Miata

On 2011/04/07 17:08 (GMT-0700) David Hucklesby composed:


I wait with bated breath for a hail of silver bullets... :)


http://dowebsitesneedtolookexactlythesameineverybrowser.com/ :-D
--
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 ** a11y rocks!

Felix Miata  ***  http://fm.no-ip.com/
__
css-discuss [css-d@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 test in many browers

2011-04-07 Thread Geoff Lane
On Friday, April 8, 2011, 1:08:22 AM, David Hucklesby wrote:

 - The same browser may act differently in Windows than on a Mac
---

Not only that, but some (e.g. IE8) act differently depending on
whether it 'considers' the content to be local or remote. I've lost
count of the times I uploaded content and prayed it would work in IE
because the wretched browser switched to quirks mode because the
content was local even though it rendered the same thing in standards
mode when viewed over the Web.

Thankfully, I've got a way around this now:- fully qualify content on
my development server as IE8 seems to treat stuff with a URI like
http://devserver.mydomain.local/test/ as 'remote' even though it has a
192.168.x.x IP address and it treats http://devserver/test/ as local.

-- 
Geoff

__
css-discuss [css-d@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] Experiment: CSS post it note

2011-04-07 Thread Philippe Wittenbergh

On Apr 8, 2011, at 2:07 AM, Gabriele Romanato wrote:

 I've often asked myself: 'ok, we can rotate boxes with CSS3, but what this is 
 good for?.
 Answer: visual effects. Like this:
 
 http://onwebdev.blogspot.com/2011/04/css-post-it-note.html

Hmm, use images with alpha transparency ? that would avoid those ugly overlaps 
for those people who don't feel the need to have a 2000px wide window.

Also: using link instead of @import is more performant, especially on IE  9 
(@import blocks the parser, check Mr Souders tests sometime). It doesn't matter 
much for such a small stylesheet, but serious projects…

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






__
css-discuss [css-d@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 test in many browers

2011-04-07 Thread David Hucklesby

On 4/7/11 5:54 PM, Geoff Lane wrote:

On Friday, April 8, 2011, 1:08:22 AM, David Hucklesby wrote:


- The same browser may act differently in Windows than on a Mac

---

Not only that, but some (e.g. IE8) act differently depending on
whether it 'considers' the content to be local or remote.


[...]

Interesting. I have not experienced this, but then, I use the
X-UA-Compatible META tag for the benefit of those who save pages to
their hard drive. :)

meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1

Using the HTML5 DOCTYPE, if there's a comment before it then IE 6 - 8
all go into quirks mode, *unless* you use that META tag (or an
equivalent header sent from the server.) Then IE 8 behaves itself.

My question is - do you use this META (tag or header)?
--
Cordially,
David
__
css-discuss [css-d@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 Question

2011-04-07 Thread csslist
I'm not sure if this is a css issue or not but have been struggling to
determine the cause.  My dropdown menu seems to disappear below my google
ad banner at the top of the main content instead of appearing above it. 
The same thing occurs with my lightbox gallery images.  Is this a css
issue?  Has anyone had this problem with css? I'd provide code but not
sure what to provide.

__
css-discuss [css-d@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 Question

2011-04-07 Thread David Laakso

On 4/7/11 10:19 PM, cssl...@bassonhook.com wrote:

I'd provide code but not
sure what to provide.






Simple. Put your stuff on a public server and provide the the uri to it 
in your post to the list.


Best,
~d



--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/

__
css-discuss [css-d@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 test in many browers

2011-04-07 Thread G.Sørtun

Reality check...

On 08.04.2011 02:08, David Hucklesby wrote:


 - All versions of IE, and all emulation modes act differently


The result of IE catching up with the rest ... pretty close now with IE9 
- if not challenged too hard.
Draw the line at an IE version you, and your clients, are comfortable 
with, and leave older versions behind - untested and/or ignored.



 - OS settings such as DPI and Clear Type may affect rendering a lot


Uncontrollable from our end, so unless you design in tight corners for a 
specific set of setting there is nothing to test.
 If required to design tight, chances are it will look strange at 
best on a high number of end-user monitors no matter how much testing 
and correction is done.



 - Browser settings come in many flavors, with multiple effects



 - The same browser may act differently in Windows than on a Mac


End-user's choice/dilemma ... uncontrollable from our end. If testable: 
check and make sure stuff stays accessible.
Never try to design around or counteract anything, as that will as a 
rule only make things worse for a higher number of end-users.



 - There are many OS settings and browser add-ons to aid
 accessibility


Basic OS settings should work reasonably well ... make sure stuff stays 
accessible.
Browser add-ons are entirely the creator's and end-user's 
responsibility, so nothing to test for. If they work, they work. If not, 
they better fix it.



 - Many new computers I have seen come badly adjusted out of the box


Uncontrollable and all over the place, so nothing to test for.
Badly adjusted /anything/ at the user-end will as a rule affect all web 
sites to some degree, so just follow the crowd...



 ... and I have yet to mention non-PC devices! Ain't CSS fun?


Yes...
...and I'm still waiting for my fridge to connect...


 I wait with bated breath for a hail of silver bullets... :)


:-)

regards
Georg
__
css-discuss [css-d@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 test in many browers

2011-04-07 Thread Geoff Lane
On Friday, April 8, 2011, 2:50:57 AM, David Hucklesby wrote:

 Interesting. I have not experienced this, but then, I use the
 X-UA-Compatible META tag for the benefit of those who save pages to
 their hard drive. :)

 meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1

 Using the HTML5 DOCTYPE, if there's a comment before it then IE 6 - 8
 all go into quirks mode, *unless* you use that META tag (or an
 equivalent header sent from the server.) Then IE 8 behaves itself.

 My question is - do you use this META (tag or header)?
---

I didn't even know it was available. So thanks for the tip!

-- 
Geoff

__
css-discuss [css-d@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/