Re: [css-d] SPAN obsolete?

2006-09-07 Thread Donna Casey
Wes Gamble wrote:
 I saw a comment on the list recently that the SPAN tag was obsolete. 
 
 Can anyone explain how that is?

It isn't. Using a span is a great way to hang a class or contextual 
style on an inline element inside a paragraph or list item, for example.

p class=foosome text here is blue. but spanthis text/span is 
red./p

p.foo {
color:blue;
}
.foo span {
color:red;
}

simplified, but you get the idea, right? You could as easily create a 
span class rather than use the contextual approach, but that would mean 
actually applying the class to more elements, whereas you could simply 
have as many spans occur within a specific container and the rule 
automatically applies without affecting non foo spans.

Donna
__
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] Coping with Overflow

2006-08-18 Thread Donna Casey
ibn Ezra wrote:
 Though I'm not quite sure *why* it works. What is the significance of  
 setting overflow to first 'hidden' and then later to 'visible' with  
 the addition of * (everything) and html (not sure what that does)  
 selectors?

it limits the property application to internet explorer browsers so that 
two different values apply, depending upon the browser one is using.

(star filter)
http://centricle.com/ref/css/filters/

you could also use an IE conditional comment to supply a different value 
for that rule (inside style tags) or link to a different style sheet 
with different values for a rule.

some useful links about ie cc:
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
http://www.cssplay.co.uk/menu/conditional.html

HTH
Donna Casey
__
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] IE adding spaces between li nav tags

2006-06-15 Thread Donna Casey
Tanya Fader wrote:
 I've created a roll-over CSS navigation (using a little .js).  This is an
 example for navigation code I found somewhere else. I've added background
 images to each of the li nav elements so that they work more like
 rollovers (just a note that I haven't finished so the roll-over show nothing
 at this point when hovering on the nav):
 ...
 if you look at the same page in Mozilla, it displays properly. 

The first thing I'd try is to remove all the code formatting between 
ullitext/li and such... like images, when you stack img / tags 
(or li) in your code markup, you introduce a space after the element. 
Normally, you don't see it, but it happens. I suspect that's what's 
causing the gap.

You have this in your markup:
ul id=nav




lia title=Corporations  LLCs 
href=corporations-about.asp 
tabindex=2 class=corpspanCorporations  LLCs/span/a
ul


Try this, instead:

ul id=navlia title=Corporations  LLCs 
href=corporations-about.asp tabindex=2 
class=corpspanCorporations  LLCs/span/aul (etc)

It might not be as easy for you to read (I actually prefer non-indented 
code), but it can eliminate the gap, maybe.

HTH
Donna
__
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] Is it impossible to set margin to h1, h2... el ?

2006-05-26 Thread Donna Casey
 Your margin under the h1 is the correct size. You've set it to 1em, and 
 a 1em margin on a significantly bigger h1 is going to be bigger than on 
 the smaller p. If you want a smaller margin there, set it to a smaller 
 value, like .5em.

If your h1 element is set to 1.4em and that (through math) equates to 
14px... and your p element is set to 1em and that equates to 10px, then 
1em margin (top, bottom or whatever) will equal 14px for the heading and 
10px for the paragraph. Remember, it's the font-size of each element 
that determines what 1em equals... use px instead if you must have the 
same space exactly beneath both elements... otherwise, the math could 
get ugly.
On the other hand, using em allows the spacing to be proportional to the 
  font-size of the element, so I wouldn't worry about it, but do what 
Zoe said, and make a proportional adjustments for your heading and 
paragraph margins.

And don't forget that vertically adjacent margin collapse can intervene 
to make things appear unexpectedly different from what you planned 
(vertically adjacent margins collapse to the larger of the two values, 
even with nested elements, if no border or content appears between them)


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


[css-d] dithered.com domain expired?

2006-05-21 Thread Donna Casey
Does anyone know where the CSS filters page at dithered.com went to? I 
get a this domain expired notice going to my bookmark for it.

thanks
Donna
__
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] Universal reset of margins and padding: Which techniquedo you prefer?

2006-05-11 Thread Donna Casey


Shawn Lawler wrote:
  Using the * selector removes that functionality, and when
 you then click a button, it'll not look as if you're pushing it in.

which isn't as easily fixed as one might think, as some browsers manage 
this differently than others. Better to not break this functionality for 
the sake of a few extra keystrokes, imo.

Donna
__
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] Disabling wrapping elements within a div

2006-04-17 Thread Donna Casey
Mike Botsko wrote:
 http://www.botsko.net/test.html
However, I don't want the link text itself
 to wrap, so that a link is broken between two lines. I just want the
 entire link to be pushed to the next line if the first line is too
 long, I don't want it to wrap the link itself otherwise the gray box
 starts on one line and ends on the next

for your a tags, add the following properties:

display: block;
width: auto;
float: left;
white-space: nowrap;

and then, just before the closing div of the container that surrounds 
all the links, add a clearing element:

.clearme {
clear: both;
height: 0px;
}

See this page. I set the #simulatedHeader to an 80% width so you can 
change the browser width and see that all the links behave as expected.

http://n2dreamweaver.com/n2dreamweaver/tips/nowrap.htm

HTH
Donna


__
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] layout - not centered, not left aligned

2006-04-11 Thread Donna Casey


Trey wrote:
 say you have a page/design that's 900px wide, but you want anyone  
 with a view portal of say 800px to see the _rightmost_ 800px. so the  
 design is neither centered nor left aligned. 

What's wrong with placing everything in a wrapper div that is absolutely 
positioned right?

#wrapper {
position:absolute;
width:900px;
right:0;
top:0;
z-index:1;
border:1px solid #000;
min-height:400px;
}

when that loads, the right edge displays

Or maybe I'm missing what you are asking?

Donna


__
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] class on body

2006-04-10 Thread Donna Casey
Design Groups wrote:
 Why would someone use a class instead of an id on body?
 
 Christy -
 
 The first thing I thought of off the top of my head were navigational links. 
 I'm sure there's other reasons out there, but I recently did a site where I 
 had to apply a body class because the client wanted tabbed navigation.  I 
 used a system where, based on the class of the body in question, it would 
 display the submenus for the correct tab.

That same method can be used with IDs on the body tag as well. In fact, 
the argument for using IDs is that they would have a greater specificity.

Class might be used over ID (on the body tag) where an ID is already 
specified for that tag (to trigger other properties that maybe are 
shared by more than one page layout). Since you can only have on ID on 
the element, a class might be used to trigger the menu properties.

HTH
Donna Casey


__
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] Left floated div causes 2 or 3 pix shift of text in IE

2006-02-20 Thread Donna Casey
Admin at AK wrote:

 Can aomeone point me at the page, or a page, where the way round this is
 dealt with.

http://positioniseverything.net/explorer/threepxtest.html

HTH


__
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] Is there a CSS hack png transparency?

2006-02-02 Thread Donna Casey
 Abyss Information wrote:
[...] PNG transparency and its problems with ie [...]
my question is when you want to use it with a CSS via a style sheet
[...]
it falls over and doesn't work; is there a CSS hack for this?

AFAIK, png transparency hacks (rather, scripting) only works on 
foreground images, not the background-image property. Otherwise, for 
foreground image transparency, read about it here:

http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

HTH
Donna


__
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] Really small fonts on IE

2005-12-20 Thread Donna Casey
Scott Haneda wrote:
 Are there any known issues I can be made aware of that would make fonts on
 IE Windows unreadably small?  I have a site that gets a good deal of
 traffic, 2 users have reported this, and I can not replicate it.
 
 Setting the font size to anything other than default in IE does in fact make
 the fonts too small to read.  However, this does not happen in Safari or FF.
 
 I am using em units, and just set them to stuff like .85 for my main copy,
 etc.
 
 I do not have a specific 1.0 em set anywhere, so the body {} and *html {}
 have no explicit font size set, could that be the issue?  Maybe I need a
 *html { font-size: 1.0 em; } ?

Try setting the body rule to use font-size:100.1%


__
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] Background image

2005-12-19 Thread Donna Casey


Stephen Kortz wrote:
 If you had a rule: 
 
 div imagecaption { 
 background: #036 url(gradient.gif) repeat-X 0 100%;
 }
 
 And the background image is going to be a gradient that is 1px in height,
 how does the gradient know how tall to be?


If your gradient is oriented vertically (taller than wide), then 
repeat-x; if oriented horizontally (wider than tall), repeat-y

otherwise, you have to fade (in one direction or the other) to a solid 
color.

Make sense?

Donna


__
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] Background Gradient

2005-12-18 Thread Donna Casey


Stephen Kortz wrote:
 When you are using a gradient as a background element repeating along the X
 axis. Is the gradient only as tall as you make it?

yes, but you can artfully fade that gradient into a solid background 
color on the body's rule. If you make the image (jpg) only 1px wide, you 
can have a very small download and a very expanded (tall) gradient. I 
use this method all the time (yay for css!)... even using a textured 
background with a gradient fade top...

Donna


__
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] class vs. id

2005-12-14 Thread Donna Casey
Christian Heilmann wrote:

 However, as sexy as highlighting with CSS only is, it does not make
 sense from a usability/accessibility point of view, as the current
 page _should not be a link_. Personally I highlight the current page
 with a strong - as this also makes sense without CSS and use the body
 id coupled with the nav id and the strong to apply the style.
 (http://www.csstoolshed.com/cocking/ page 8)

but if you are using server includes, you cannot do this-adding a strong 
tag to a specific link in the include. That's why many developers take 
the other approach. Additionally, the bottom (footer) links can be a 
top level category, where additional pages (3rd or deeper levels) fall 
under that category or section.

I'm just adding to the conversation as to WHY someone might take the 
other approach. With includes, you cannot make them different on each 
page, except via some overriding (specificity) unique combination of 
selectors, often started with the body tag and applying a class or id to it.

Just to throw in another thought on this - there are many times that you 
might have page functions that display or don't display, yet are part of 
an include. AND, you might be also setting the selected state of main 
and footer links (even utility type links)... in many cases, I find I 
have to go with classes *because* I can use more than one class, where I 
cannot use more than one ID on the body tag.

HTH
donna


__
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] Text decoration help

2005-11-26 Thread Donna Casey

Angus at InfoForce Services wrote:
  Donna Sorry. My screen reader is not seeing the underline,

well, it's there (lots of it) - for example Position in the Adaptive 
Technology field is underlined in both Firefox 1.0.7 and IE6 windows

What's your screen reader and are you sure you haven't somehow reset its 
defaults to not show underlines?

Donna




__
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] Text decoration help

2005-11-26 Thread Donna Casey
Angus at InfoForce Services wrote:
 Donna
 
 I do not know what is wrong with my JAWS. I am tryingt to figure out why 
 underlineing is not being spoken. 

I am not all that familiar with JAWS, but would it speak underlined if 
the text isn't a link?

Donna


__
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] Text decoration help

2005-11-25 Thread Donna Casey

 Using em as a class or id name is probably a bad idea.

the person isn't using as a class name, but rather, redefining the em 
appearance so that when they use emmy text here/em, it uses the 
properties given.

em {
  font-weight: 900;
  text-decoration: underline;
  }

but that says nothing about why their text is appearing bold italic 
instead of bold underline...

my guess is that A) you've somewhere set up text-decoration:none (is 
your text a link?) and B) em appears italic by default - to void that, 
you must set some other value for the font-style, as in

font-style: normal;

HTH, but for more specifics, you'd need to provide a link to the page.

Donna


__
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] Question from a beginner

2005-11-15 Thread Donna Casey


Stephen Kortz wrote:
 Hi all,
 
 Is there a preferred way to get a project started. What I mean to say is, do
 you type of all the HTML first, mark it up and then write the CSS or do you
 do it piece meal? 

I think most folks *start* by doing it piece meal, as you say --a trial 
and error (mostly error ;) approach and with experience, tend to move to 
markup first, css after ... at least for layout.

Since I usually wear all the hats (interface design, graphics and 
front-end development) I typically write up my basic container markup 
(html) first, adding IDs or classes as needed and putting a bit of 
reference content in place for visual testing (main content here, banner 
here, list item here sort of thing). Of course, I already have a plan in 
mind when developing the interface (having worked out requirements and 
gotten approval on designs *that I know I can implement*, and with 
experience, I know what approach I will take ahead of time, so putting 
in the markup is mostly a matter of A) putting in what will be required 
for whatever layout I have in mind and B) trying to make that layout as 
readable as possible when the CSS *isn't* applied (it's a delicate dance 
most of the time).

Then I typically set up my CSS for layout and display of boxes, 
background images, borders and the like, including generous commenting 
of function for each region/container.

After I have the basic container elements working and *tested 
thoroughly in all target browsers and platforms* - I add additional 
(real) content and expand my css to tweak it - adjusting the details of 
text sizing, line-spacing and such.

HTH,
Donna


__
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] New article on PIE - In Search of the One True Layout

2005-10-26 Thread Donna Casey



Duckworth, Nigel wrote:

Yep, exactly as Donna described. But...I can also make everything
disappear by clicking on the little square box in the top right with the
[x] in it. ;) Seriously though, who does this (besides us)? And is this
problem unique to this method? I suppose someone wanting to nick your
copy would do this - nice anti-theft device Alex!


well, except for the client that wants to be able to copy and paste 
content from their site into whatever they want to use it in... it's 
quite common for folks to copy/paste something, from an address to phone 
number to entire paragraphs...and use it in other media, don't you think?


and even if they accidentally did it, you cannot get the content back by 
refreshing. I'd say it was buggy behavior at best. I doubt seriously if 
my clients would think of it as an anti-theft device.


Donna


__
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] New article on PIE - In Search of the One True Layout

2005-10-26 Thread Donna Casey

windows xp pro sp2, not osx

Tom Livingston wrote:


Wow. How'd you do that!?!?!?

OS X FF 1.0.7

Don't see it in Safari or Opera 9pr1 Mac - under Tiger




__
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] download font

2005-10-03 Thread Donna Casey

[EMAIL PROTECTED] wrote:

This may sound like a stupid q but why? I mean, fonts take up virtually 
no space and AFAIK cant be used in a malicious way? Can they? Is this 
some old ruling from the old school or is there a valid reason fonts 
declared in CSS cant be retrieved upon request?




fonts are assets that are typically purchased, so you cannot give 
someone a font that they didn't pay for. However, you can include 
whatever font name you'd like (assuming you do it properly) in the list 
of fonts suggested for the style. If the user doesn't have it, the 
browser goes to the next font specified in your font-family list...and 
so on. For that reason, it is wise to specify serif or sans-serif at the 
end of your list as all machines typically have both types of fonts used 
by the system.


Some fonts won't even show up in a PDF...for example, if you build 
something in Illustrator that uses a font like Barbara Hand, you have to 
convert it to paths to make a pdf.


It isn't about maliciousness at all; it's about infringement on 
copyrights and fair use under the Digital Millenium Copyright Act


And sorry, the user has to have a font installed to use it. For 
barcodes, I'd use images.


Donna



__
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] Vertically aligning image and text

2005-09-30 Thread Donna Casey

JJ wrote:
What is best way to display the image (26px
tall) and then the text (about 12px tall) on the same line, with the 
text vertically aligned at the middle of each image?



.listbox li {
clear: both;
padding-top: .5em;
list-style-type: none;
line-height: 56px;
}
.listbox li img {
float: left;
width: 56px;
margin-top: 0px;
margin-right: 0.5em;
height: 56px;
}

because middle alignment varies so greatly between browsers, I approach 
it this way, if the images are always the same width and height (as in a 
list of thumbnail images with captions). I am sure there are many ways 
to do this. I typically put the list in a div that can be positioned as 
needed, also.


Here's my markup:
div
ul class=listbox
li
img src=featured/f0001.jpg alt= width=55 height=55 /
a few words
/li
li
img src=featured/f0001.jpg alt= width=55 height=55 /
a few words
/li
li
img src=featured/f0001.jpg alt= width=55 height=55 /
a few words
/li
/ul
/div

HTH
Donna


__
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] Flash, Video, CSS -- Can they live together?

2005-09-29 Thread Donna Casey

Zoe M. Gillenwater wrote:

Isn't the video/Flash content, not display gunk?  Thus, it *should* be 
added into the XHTML markup of your page, using the element that was 
made for it: object.  Then, just use CSS to style or position the object 
as you like.


but isn't there an issue with swfs, movies and forms rising to the 
top? I've struggled with this issue in designing, choosing to avoid 
the problem from the start by never allowing popup menus to overlap 
flash content or forms. I know you can hide stuff, but I find it easier 
just to design for the problem. Or not use flash.


??
donna


__
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] The definitive truth about Internet Explorer default text size settings

2005-09-28 Thread Donna Casey
can someone point me to a page that is 1) true, 2) reliable, and 
recognizably authorative, and 3) that says what the default settings are 
for Internet Explorer browsers - as in ViewText SizeLargest, Larger, 
Medium, Smaller, Small?


I'm in a heated debate with a company for whom I do a lot of work, who 
insists that IE's ViewText Size setting defaults to Smaller. I believe 
it defaults to Medium.


However, I've found the following pages:

http://www.ucl.ac.uk/library/ietext.shtml
http://groups.google.com/group/microsoft.public.windows.inetexplorer.ie6.setup/browse_thread/thread/739ea1b0f06ee708/5deca6cb16e3a34b%235deca6cb16e3a34b?sa=Xoi=groupsrstart=1num=3


that indicate that if you have Eudora email, a glitch causes the default 
of the IE browser to set to Smaller.


Anyone have info about this? To keep it on-topic for CSS, it relates to 
using 100% and ems for web development (which I do, always, using 
100.01% on the body, setting my wrapper to .625em [roughly 10px at 
defaults] and then sizing child selectors with em values). Apparently, 
this is too small for this person, yet for all other clients of mine, it 
makes IE and compliant browser text the same size and makes it easier 
for me to gauge size in pixel amounts, assuming defaults.


But this client is not all that up-to-date with best practices (doesn't 
understand the differences between html/xhtml, much less how css and 
font-sizing works). He thinks that because he's reinstalled IE on his 
company's computers (I think they all use Eudora) and they default to 
Smaller, that the default setting IS Smaller.


Help me out, please? Or if I'm wrong, I am happy to know it, but I don't 
think I am. A reputable page somewhere with the info would truly help.


TIA, Donna


__
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] The definitive truth about Internet Explorer default text size settings

2005-09-28 Thread Donna Casey



Felix Miata wrote:

Medium on IE is always 12pt BTW.
**yes, roughly 16px if you calculate the difference between windows and 
macintosh (default 16px)




Exactly why is it you need to gauge size in pixel amounts?


Then sizing can be calculated easier. 1.2em in a container that inherits 
the .625em is going to be 12px. Sure, that varies, but *the default* 
(medium, normal) -- the most likely used -- setting is what I design for 
first. Those who adjust get larger or smaller, as desired.


I know from reading all your past posts that you hate small type...

I don't size everything to 10px, just change the base font-size to make 
it easier to set whole number values for child selectors.


I mean, what *is* .75em of 100% (I use 100.01% to avoid IE micro-text) 
at Medium? If you do the math, it's 75% of 12pt/16px or 12px, so 1.2em 
in that container is 14.4px whereas


..625em (62.5%) of (12pt)16px is 10px. If a containing block uses that 
font-size, from there, it's dead easy to reset that #foo p to what it 
would be normally at medium by setting it to 1.6em. If I set something 
to 1.2em, I know it's 12px. The math is just easier and it works 
consistently and compatibly.


Sure, if you set to larger or smaller, the sizes change - as it would 
anyway.



I spent a very long time constructing these.
http://members.ij.net/mrmazda/auth/absolute-sizes-IE5.html
http://members.ij.net/mrmazda/auth/absolute-sizes-IE6.html

Compare Gecko on
http://members.ij.net/mrmazda/auth/absolute-sizes-M.html and
http://members.ij.net/mrmazda/auth/absolute-sizes-MvE.html


***yes, very useful and I have shown these to this and other clients, 
thanks. That said, my method works well and makes it dead easy to say to 
the client that the heading in one region of the page is a specific 
whole number value at the default Medium setting...no saying that it's 
14.4 px, but rather a full value, especially since not all browsers 
render the 14.4px the same way.


By resetting to 10px, I get VERY consistent results.

thanks for your help!

donna


__
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] The definitive truth about Internet Explorer default text size settings

2005-09-28 Thread Donna Casey

Rick Faircloth wrote:

I looked into that by simply installing IE fresh to see what it
set up by default for text size, because I new most users would never
change it and wanted to match my default font size to look its best
with that setting.

It defaulted to Medium...
yes, the guy has since confirmed that he uses Eudora and that the site 
owner just recently complained that the site text seemed much smaller 
since installing Eudora, too.


So it was that. Something to think about, folks. And the answer is to 
tell the user to open his/her registry after installing Eudora and reset


[HKEY_CURRENT_USER\Software\Microsoft\Internet
Explorer\International\Scripts\3] IEFontSize=hex:01,00,00,00

to use 02,00,00,00

which resets IE back to medium.

donna


__
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] The definitive truth about Internet Explorer default text size settings

2005-09-28 Thread Donna Casey



Dejan Kozina wrote:
I've used Eudora Light (3.0.6) for ca. 6 years both at home and work 
without  any such effect on IE 4/5/5.5/6/6SP1...



Eudora4x bug


__
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] Pre-Launch Site check

2005-09-15 Thread Donna Casey



Rob Cochrane wrote:

Tanya Renne wrote:


Unveiling tonight - launching tomorrow ...

http://www.orchidsuites.net/asq509/



Hello Tanya,

Opera v8 the whole top navigation degrades to lists.

When resizing smaller the faux column behind side navigation moves left 
off the page


IE6 and FF
Top nav is broken by wrapping around and hiding on the white. Space does 
not grow to accommodate


In FF to get top nav to work as intended side bar nav font is so small 
it is not readable.


Colour contrast in side bar navigation makes it difficult to read at 
small sizes


It's going to be a long sleepless night.

Rob





__
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-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] to container/wrapper or not to container/wrapper

2005-08-22 Thread Donna Casey

4css wrote:
This just came up today on a forum I visit, question was in regards to using 
a container/wrapper when doing your designs, if so, what would the reasons 
be, if not why not, is this just for certain layouts, fixed and fluid, just 
fixed, just floats etc..


well, I'd say it's kind of like bringing home the groceries - if you've 
got a car, then why use bags? --because it is easier to take them manage 
the groceries - taking them inside, organizing different types of 
groceries, keeping them cold...


kidding aside, it 1) eliminates redundant attributes, particularly with 
positioning, because all inner containers can be influenced by the 
wrapper's own positioning; 2) allows grouping of inner elements; and 3) 
adds specificity.


1) In some cases, it's an absolute necessity - for example, if trying to 
position inner divs relatively or absolutely to something other than the 
body of the page.


2) Or if you want to center a fixed width layout - the outer wrapper div 
makes it possible to apply the auto value to the left and right margin 
and all the inner elements stay properly centered.


3) Plus, it gives you yet another ID (high specificity) you can tap into 
should the occasion warrant it.


You could generate a huge list of this layout and that layout needs or 
doesn't need a wrapper div, but the general advantages are mostly the 
ones above...however they apply to a specific layout.


There's probably a better way to say it, but that's how I look at it.

Donna


__
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] UL Navigation: background image problems in FireFox :(

2005-08-18 Thread Donna Casey



Tom Dell'Aringa wrote:
This line shows

up fine in IE but NOT in FireFox (1.06). I've done everything I can think of to 
solve it to no
avail.

You can see a test page here:

http://www.pixelmech.com/rev/menu.html


Seems to look the same for me in both FF1.06 and IE6

Windows XP Pro SP2

HTH,
Donna Casey


__
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] UL Navigation: background image problems in FireFox :(

2005-08-18 Thread Donna Casey
No, I see what you are saying now...the line to the RIGHT of the last 
tab doesn't display the same. That line displays fine to the LEFT of the 
Admin tab but not to the right. It might be useful to see how it works 
when the other tabs take you to pages using the same interface - they 
seem to go elsewhere right now.


Can you comp up one of those and see what happens to that line when the 
tab is not the last one in the lists? Seems like that would tell you 
something.


Donna




You can see a test page here:

http://www.pixelmech.com/rev/menu.html



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