[css-d] font problem in Contribute

[kdavis]

Hi- I have a page with a font size display problem:
http://www.lawrence.lib.ks.us/childrensroom/index.html

Here's the style sheet attached to it:
http://www.lawrence.lib.ks.us/childrensroom/styles/children-styles2.css

The problem: font size displays fine in browsers and DW as far as I can tell,
but in Contribute, they are HUGE.

I was wondering is anyone can spot an error I am making. Thanks for your help!

Note: other pages do fine with that style sheet.







__
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] expandable menu woes again

[kdavis]

Thanks for the great links!
__
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] expandable menu woes again

[kdavis]

If you wanted to talk about *how*
> to hide styles from certain browsers, instead of *if* you should, that
> would certainly be on topic.

In general terms, how does one go about hiding styles from a aprticular 
browser? I've not attempted to do it yet, but would like to know what is
generally involved before I attempt it.
__
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] Selectors Confusion

[kdavis]

I thought this question was so *clearly* phrased and I too am confused 
about it.
I was hoping that someone could attempt an equally concise reply, line by
line...

Could any of the big brains
> Can someone please explain how to tell when the following should be
> used:
>
> a:link or a.link

> a:hover or a.hover

> a:visited or a.visited

> a:active or a.active

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

[css-d] submenu li hover

[kdavis]

Hi all-

Please excuse if this is a half-baked question. I'm definitely learning 
as I go
here. I have a draft page with a submenu that changes color on hover 
(see left,
middle of page):

http://www.kdwebstudio.com/ccaz.html

I want the first li to not hover, i.e. not chage to light yellow. Is it 
possible
to do this somehow?

TIA for any thoughts!


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

[css-d] Opera 9 display bug?

[kdavis]

I have a page which displays fine in FF and IE, but in Opera 9 the 
border around
the comment field is missing (see lower right of page):

http://www.kdwebstudio.com/contact.html

style sheet: http://www.kdwebstudio.com/styles-GREEN.css

(Note: this is only a 4.01 transitional draft page and the css 
validation errors
don't seem to relate to this problem, but I could be wrong.)


TIA for any ideas!

__
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] Opera 9 display bug?

[kdavis]

I listed the wrong style sheet, it's http://www.kdwebstudio.com/styles2.css

sorry!

Quoting [EMAIL PROTECTED]:

> I have a page which displays fine in FF and IE, but in Opera 9 the
> border around
> the comment field is missing (see lower right of page):
>
> http://www.kdwebstudio.com/contact.html
>
> style sheet: http://www.kdwebstudio.com/styles-GREEN.css
>
> (Note: this is only a 4.01 transitional draft page and the css
> validation errors
> don't seem to relate to this problem, but I could be wrong.)
>
>
> TIA for any ideas!
>
> __
> 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/
>


__
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] font size when page first opens

[kdavis]

> I'm going to hazard an educated guess here and say:
> 1) Your stylesheet
> 2) If your stylesheet has percentages for font-size, the browser then comes
> in to play.

good point about the percentages, thanks!
__
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/

[css-d] font size when page first opens

[kdavis]

I'm not sure how to phrase this question, but here goes:

when a page opens in a browser the first time during a session, what 
governs the
size of the font displayed--the style sheet specification or the browser font
setting or some combination of both?



__
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] page loading in 2 visible steps

[kdavis]

Quoting Blake Haswell <[EMAIL PROTECTED]>:

>> The first step can display for as long as a second or two. The sylesheet is
>> @import. Is this something I need to tweak or do they?
>
> This is something you can fix. It is known as the Flash of Unstyled
> Content (FOUC). You can find out more about it at
> .
>
> Basically the easiest solution is to scrap the @import and use LINK
> elements to reference your stylesheets.


Thanks very much, Blake! That's *really* helpful info. It will no doubt 
save me
hours and a lot of wasted thought.
__
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/

[css-d] page loading in 2 visible steps

[kdavis]

I'm having a problem with my pages loading at my new ISP (BlueHost). They tell
me the problem is not on their end, that it is a coding problem. I've checked
at home and at work and I'm seeing the problem both places:

The pages load in the browser (the first time) in TWO steps (sort of 
"ba-dink"):

Step 1: the content (without styling)
Step 2: then, a second later, the styling is applied and the background 
image in
the case of the main page appears.

The first step can display for as long as a second or two. The sylesheet is
@import. Is this something I need to tweak or do they?

Here a link to view and thanks for your advice:

http://www.kdwebstudio.com
__
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/

[css-d] Sane CSS Sizes strategy

[kdavis]

I found an article (Sane CSS Sizes, by Owen Briggs) which looks great 
to me and
like it's the solution I should follow:
http://www.thenoodleincident.com/tutorials/typography/

It basically recommends setting p at 1em and body at 76%, but the article is
dated 2002 and I'm wondering: is this approach is still holding up with later
browsers? I tried it and like the way it works, but I can't test extensively,
so would appreciate knowing of other's experiences.  Thanks in advance...



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

[css-d] css and DW MX 2004 Styles Panel

[kdavis]

I'm trying to apply what I am learning from this list (which is a lot!), but
having to use Dreamweaver MX 2004. I can't seem to find how to create 
the list selector rules suing their CSS styles panel in Deamweaver MX 
2004.

I'm wondering; would you advise me to code my style sheet *by hand* and steer
clear of Dreamweaver MX 2004? (I just purchased DW 8 for home, but haven't
gotten into it yet and can't access my work website from home anyway).

I don't want to waste a lot of time trying to work with an inferior 
tool and so
would appreciate your tips on this.

Thanks, Karen




__
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] styling a ul

[kdavis]

> http://www.tizag.com/cssT/class.php
> http://www.tizag.com/cssT/cssid.php
> might be helpful for example.

Thanks for these links! They clarify this topic. I can see I need to take the
tutorials there and will do so.

Thanks again. Karen
__
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] styling a ul

[kdavis]

>> (Should I create a class to attach to the ul?)
>
> The short answer is "yes", but a better (longer) answer is you should
> use an ID, since there's only likely to be one instance of it per page.

Thank you, so then it would be (for instance)


 


and

.sub-menu-page {
border: none;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
list-style-position: inside;
list-style-image: none;
}  (or whatever styles I want)

and I would attach this class to both ul id="sub-menu-page"
class="sub-menu-page" and li id="sub-menu-page" class="sub-menu-page", is this
correct?

thanks again, kd


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

[css-d] styling a ul

[kdavis]

Hi, all-

I'm trying to style a sub-navigation list on my pages using DW MX 2004 
and have
found good information about how to do it by styling the ul element (A List
Apart- Taming Lists); but I still have a question (which is probably stupid),
but I'm hoping to be enlightened here-

Question: if I style the ul element the way I want it to appear for the
sub-navigation, won't that make it unusable for other ul instances 
where I want
other styling? How can I style this one instance of a ul and still be able to
use the ul element for other purposes with other styling?

(Should I create a class to attach to the ul?)

Thanks in advance, Karen
__
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] font-size advice

[kdavis]

I just wanted to add a link to an article which was posted by Ed 
Seehouse on the
previous thread "perfect font sizes- any sample solutions?"-

http://pages.prodigy.net/chris_beall/TC/
  (then choose Font size from the list on that page)

It sums up well, I thought, and in clear, simple language I could understand,
what seemed to be a partial consensus from that thread (percentages, set no
base font/ or set 100%)
__
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] perfect font sizes- any sample solutions?

[kdavis]

> O gentlemen and ladies,
> Read the thread, read the whole thread, and read not only the thread. :-)
>
> There are links given to good explaining pages why/when fontsizing the
> body , there are links to example pages...
> Otherwise, we will circle in circles. And as we know, circles are round
> (maybe except in IE).

It certainly is a complex issue; otherwise a simple solution for font sizing
across browsers would be standard practice and nobody would need to write
tutorials.

I really have appreciated the discussion, though, because I've learned a *ton*
from it and was planning to try to abstract the thread's points and suggested
links tomorrow, fwiw...

thanks for your forebearance!
__
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] perfect font sizes- any sample solutions?

[kdavis]

> Moreover, some might say, this thread  has nothing to do with with the
> mission of this list.

I'm sorry, I don't understand why this is off-topic since it's about how css
works.

regards, karen
__
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] perfect font sizes- any sample solutions?

[kdavis]

> Exactly. I've never understood why some people set a base font size in
> percentages, and then duplicate it with ems. I set a base font size in a
> percentage, then use percentages throughout to size other elements
> relative to that base. Of course, the base is going to be different for
> every user because they have different defaults, but that's ok. My sites
> are made to handle a good degree or font and window resizing.

Please bear with my ignorance, but when you say "set a base font" does 
that mean
to set the rule for body to 100% ?
__
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] perfect font sizes- any sample solutions?

[kdavis]

> Your question has already been answered. Read the thread.
> ~dL

I did.
__
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/

[css-d] perfect font sizes- any sample solutions?

[kdavis]

I, too, am struggling with the issue of optimum font sizes in css and 
would love
to know if anyone has hit on keyword or em solution they are happy with?

My goal is for everything to be resizeable and so I need to avoid pixels,
obviously. Currently, my solution is

body medium
h1-3 medium weight 600
footer small

(and then let everything inherit)

I didn't realize about the IE problem with resizing too small. Anyway, any
thoughts on what works with ems or keywords so that everything is resizeable
would be interesting to me.

thanks!

__
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] default box margins for tags

[kdavis]

> Set only what is necessary to set.

That's my goal!

> Learn just exactly what controls what and for whom.

Hence, my question: where can I see a description of the defaults for boxes
around tags?

> Keep the CSS lean, mean, and on-target.
> It will be far easier to maintain and revise.
> And it will be more future proof.

I've got religion on that one. It's just hard to find out "what controls what
and for whom"! I was hoping there was some nice simple list and diagram
somewhere on the web... sigh


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

[css-d] default box margins for tags

[kdavis]

Hi all-

I want to set up a new style sheet which will rely on default h, p and li
rendering as much as possible (no tinkering with the box margins, that is).
However, in trying to do this, it looks to me as if list items have a 
different
line height than paragraphs :-(

Question: does anybody know of a resource/website which lists the default box
sizes for XHTML tags?

Karen
__
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] tag

[kdavis]

> I totally agree, I haven't used  tags for a couple of years myself,\

Jim- I'm wanting to get away from using  tags too and would be very
interested to know what you do in place of using the  tag! karen davis
__
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/

[css-d] different logo for a print.css version

[kdavis]

Hi all-

I've been using css to style just text for a while now, and want to move to the
next level and begin using it for layout. My site design has a logo in the
upper left corner:

http://www.lawrence.lib.ks.us/

That logo image (logo.gif) is on a dark blue background which works fine for the
screen view, but I want to substitute a version of the logo with a *white*
background (logo-bw-120h.jpg) in the same position for printing.

Question: is this possible? is it browser-safe to attempt it for IE6 and higher?

Thanks very much in advance for any thoughts you can share with me.

Karen

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