Re: [css-d] Web typography with CSS3
On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: On Sat, 1 Jan 2011, Alan Gresley wrote: On 1/01/2011 4:27 AM, Gabriele Romanato wrote: I know but I'm in a hurry... preparing for the New Year night :-D http://css-class.com/test/css/3/css3-menu-tipsy.htm Very rushed transforms with transitions, hiccup. Nice and snappy in Firefox, but slow as molasses in Opera. Also slow in Chrome. --Guy K. Haas Software Exegete in Silicon Valley __ 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] Firefox vs IE6 .. two differences .. why?
Thanks! Item 2 was my main reason for writing and you nailed it. Item 1 came to me as I was doing a close comparison to see just how much the two differed. I can live with it -- or force to standard-compliant mode. --Guy Devon Miller wrote: On 12/10/06, Guy K. Haas [EMAIL PROTECTED] wrote: Please take a look at http://covinahigh68.com/classpageMemBooks.htm (a work in progress) and explain to me: 1. Why the upper row of buttons are taller in Firefox than in IE6. I believe this is the conflict between IE's box model and the standard's box model. See [1] 2. Why the lower buttons are centered under their respective images in IE6, but not in Firefox. In IE6, text-align (incorrectly) aligns block elements. To get the same effect in compliant browsers, you need to change the 'margin' in 'div.buttonBook p' to: margin: 5px auto; The 'auto' setting for left and right margin will center the 'p' within the 'div'. dcm [1] http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How do you adjust the indent on UL LI elements?
One of the commenters asked Faruk that question, and here is the reply:
#21 · Faruk Ate#351; · Sep 7, 2005 (16:18)
Dean,
If you click on a default, square button, it'll invert the bevel and
move the text slightly to make it appear as if you've actually pushed
it in, pushed it deeper. Using the * selector removes that
functionality, and when you then click a button, it'll not look as if
you're pushing it in.
--Guy K. Haas
Software Exegete in Silicon Valley
Paul Novitski wrote:
Every browser comes with a default stylesheet; these differ slightly
from one browser to the next. Many people zero out many of these
default styles, making it easier to get the same predictable effects
cross-browser. A very simple example would be:
*
{
margin: 0;
padding: 0;
}
In other words, remove all default margins padding from all
elements on the page. If you do this, you'll then have the
responsibility for adding margins padding back to those elements
from which you expect it, such as Hn P tags. Some web developers
find this a nuisance; I find it an agreeable and necessary part of
deliberate styling.
At 06:04 AM 7/13/2006, Zoe M. Gillenwater wrote:
I'm one of those who finds it a nuisance that results in more CSS not
less. :-) But even if you do choose to use it, do *not* use the
universal selector. This is far too aggressive and results in buttons no
longer acting like buttons, for instance. Read more here:
http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
Zoe, can you be more specific about buttons no longer acting like
buttons?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] A good CSS/text button?
wrote: Tom, it's very simple. Use the sliding doors method. http://alistapart.com/articles/slidingdoors/ http://alistapart.com/articles/slidingdoors2/ I am using one big image for that kind of stuff: http://icant.co.uk/articles/flexible-css-menu/ Nice. When you blow it up large enough, SOME of the tabs [2nd and 4th) display a second left-end image. Any clue about why? And, what is the best way to create those tab images? Not just what tool, but how the heck do you draw/shape the curves and shading? --Guy K. Haas Software Exegete in Silicon Valley __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why does the one graphic not show up for SOME?
Gotta love Norton Last evening, I was poking around with Google and turned up a few sites that explained the banner not displaying part of my problem. http://www.davidseah.com/archives/2005/02/12/blocked-banners/ for example, points out: Blocked Banners! 12th February 2005 15:26 EST :: Filed under Gweeping by Dave So I’m up here in Maine, looking at my website, and noticing the blue top “David Seah” banner was missing. Not only on Firefox, but also on Internet Explorer! After some poking around, it turns out that Norton Internet Security has an advertising blocker in it that does not display any image named “banner.gif”. So for months, anyone who has been running Norton Internet Security has not see the top banner. I renamed banner.gif to topbanner.gif, and the problem has gone away. I suspect other ad blocking software does something similar. Now, though, I have a truly purely CSS problem I need better understanding about. On http://covinahigh68.com/testingcss.htm when the viewport is narrow enough for the words in the banner to have to fold to a second line, the banner is high enough to extend below the horses images. If the viewport is wide enough for all the text to be on one line, the banner cuts the hind legs off the horses. What do I do to make the height of the bounding box automatically be tall enough to include the horses' entire height and then some? --Guy p.s. max- and min-width are ignored by IstupidE, so I hate to depend on them. Gunlaug Sørtun wrote: Guy K. Haas wrote: http://covinahigh68.com/testing.htm Can anyone explain why the white colt is not visible for some? Check what screen/window-size they use. The white colt disappears into the white background at width:1400, and reappears slightly at around width:1546. So you need to define a max-width for that page, or a much wider red background. Probably need a min-width also so it doesn't get squashed. regards Georg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why does the one graphic not show up for SOME?
Thanks. I'll ask my mac informants about their widths. In this case, though, my wife (whose laptop display is nowhere near that wide) could not even see THE BANNER, let alone the white colt, when viewing the site from its ISP. When I put the files onto a jumpdrive and plugged it in to her laptop, all appears as it should. Totally strange, but I'm still poking around at it. Meanwhile, I'll set max- and min-widths. --Guy Gunlaug Sørtun wrote: Guy K. Haas wrote: http://covinahigh68.com/testing.htm Can anyone explain why the white colt is not visible for some? Check what screen/window-size they use. The white colt disappears into the white background at width:1400, and reappears slightly at around width:1546. So you need to define a max-width for that page, or a much wider red background. Probably need a min-width also so it doesn't get squashed. regards Georg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Why does the one graphic not show up for SOME?
Thanks to Norm Loewen, Julie Angarone, and Richard Brown for taking a look at http://covinahigh68.com/testing.htm on Macs with various browsers and reporting what they saw. There should be a banner across the top, gradiating from white at the left to red at the right. Superimposed on that gradient background, there should be a red colt at the left, then text in the middle, then a white colt at the right. Some visitors, on some platforms, see no white colt. Can anyone explain why the white colt is not visible for some? Do I need a z-index or something? --Thanks, Guy K. Haas Software Exegete in Silicon Valley (working on a site for his wife's h.s. alumni group) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Firefox CSS/table weirdness
Following the paradigm in Webcredible: http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml (http://tinyurl.com/4f5c3) I created this tab set: file:///C:/Websites/Covina68/navtest.html It uses an in-line ul with list-style: none, and end-of-box backgrounds to make the tab edges. In IE and Opera, it works as advertised, tabs with text and no bullets. In Firefox 1.0.6, the bullets appear. What am I overlooking? --Thanks, Guy K. Haas Software Exegete in Silicon Valley __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox CSS/table weirdness
D'oh. OK. How about http://covinahigh68.com/navtest.html --g Christian Heilmann wrote: Following the paradigm in Webcredible: http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml (http://tinyurl.com/4f5c3) I created this tab set: file:///C:/Websites/Covina68/navtest.html It uses an in-line ul with list-style: none, and end-of-box backgrounds to make the tab edges. In IE and Opera, it works as advertised, tabs with text and no bullets. In Firefox 1.0.6, the bullets appear. What am I overlooking? Basically that we cannot access your hard drive. :-) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
