[css-d] font :wqx-height

[vwf]

Hello,

Different font-series have different x-heights. Normally you give list
of font-names to choose from. Unfortunately, some fonts will show bigger
than others on the list. This can have a negative effect on readability.
Is it possible to set the size of a font, based on the font selected by
the browser?
__
css-discuss [EMAIL PROTECTED]
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] font :wqx-height

[Jukka K. Korpela]

On Wed, 12 Sep 2007, vwf wrote:

> Different font-series have different x-heights.

Yes, and the difference can be rather big.

> Normally you give list
> of font-names to choose from. Unfortunately, some fonts will show bigger
> than others on the list. This can have a negative effect on readability.

Indeed. This is the basic reason why many people warn against using fonts 
with a large x-height (such as Verdana) for copy text. To make the font 
size reasonable to his (or his boss's) eyes, an author who makes such a 
font the primary one will usually set font size to something fairly small. 
Then people using systems where that font is not available will see some 
different font in a size that may be much too small for them.

There's no good solution to this at present. Setting copy text font as a 
percentage lets IE users enlargen the font and might be seen as an 
acceptable compromise. Another approach is to make the font-family list 
contain fonts with similar characteristics with respect to the x-height, 
but this gets difficult, especially since the x-height is not the only 
feature to be considered when choosing fonts.

> Is it possible to set the size of a font, based on the font selected by
> the browser?

That was the general idea behind the font-size-adjust property in CSS 2, 
but it was not generally implemented, and it has been removed from the CSS 
2.1 drafts. It is now supported by Firefox 2, though, and you might 
therefore use it to benefit _some_ users, but it won't help the majority.

Note that information about x-height of fonts is generally unreliable: it 
is partly incorrect in many otherwise reputable sources. For a simple 
utility for estimating the x-height of a font, as well as table of 
x-height for some common fonts, see
http://www.cs.tut.fi/~jkorpela/x-height.html

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

__
css-discuss [EMAIL PROTECTED]
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] font :wqx-height

[Philippe Wittenbergh]

On Sep 12, 2007, at 4:19 PM, Jukka K. Korpela wrote:

> It is now supported by Firefox 2, though, and you might
> therefore use it to benefit _some_ users, but it won't help the  
> majority.
But only on Windows.
Firefox 3.0 will have support for it on all platforms.

Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
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] font :wqx-height

[david]

Jukka K. Korpela wrote:
> On Wed, 12 Sep 2007, vwf wrote:
> 
>> Normally you give list
>> of font-names to choose from. Unfortunately, some fonts will show bigger
>> than others on the list. This can have a negative effect on readability.
> 
> Indeed. This is the basic reason why many people warn against using fonts 
> with a large x-height (such as Verdana) for copy text. To make the font 
> size reasonable to his (or his boss's) eyes, an author who makes such a 
> font the primary one will usually set font size to something fairly small. 
> Then people using systems where that font is not available will see some 
> different font in a size that may be much too small for them.
> 
> There's no good solution to this at present.

Yes, there is. Assume your visitors' font preferences are what they 
want, and DON'T SPECIFY A FONT SIZE Happy visitors are far more 
important to a web site than the tender egos of folk involved in 
designing the site.

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
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] named anchors in IE

[Ross Hulford]

I have a css menu

CAD Operators


when I try to link to a named anchor in ie it does not work what am I doing 
wrong?

R. 


__
css-discuss [EMAIL PROTECTED]
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] Best practice for class/id capitalisation?

[Francois Jordaan]

How do you name classes and IDs, and why?

I used to stick to all lowercase, but am starting to use CamelCase for ease
of reading (e.g. #HeaderMain rather than #header-main). This means I also
capitalise short names, e.g. #Content or .Clearer.

Makes no difference? Or are there practical considerations? My doctypes are
usually XHTML 1.0 Strict.

francois

__
css-discuss [EMAIL PROTECTED]
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] named anchors in IE

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: [css-d] named anchors in IE
>
>
> I have a css menu
>
> CAD Operators
>
> 
> when I try to link to a named anchor in ie it does not work what
> am I doing
> wrong?
>

If I read you right you are using  as anchor.

Should read 

Then wherever you need to go there :
Go to CAD

HTH

Ian
IY e-Solutions
http://www.iyesolutions.co.uk

No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.485 / Virus Database: 269.13.14/999 - Release Date: 10/09/2007
17:43

__
css-discuss [EMAIL PROTECTED]
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] named anchors in IE

[Jukka K. Korpela]

On Wed, 12 Sep 2007, Ross Hulford wrote:

> I have a css menu
>
> CAD Operators
>
> 
> when I try to link to a named anchor in ie it does not work what am I doing
> wrong?

Is there some reason to think that the problem is related to CSS? Hint: 
disable CSS and test the page. (On IE, you can't disable CSS using the 
browser's basic controls, but you can test with a page version that has 
CSS code stripped away.)

The markup above works on IE, but it is _imaginable_ (though not probable) 
that some CSS code could prevent this. For analyzing this, the URL is 
needed.

The markup is somewhat odd, though. Using
   CAD Operators
would be more natural. ObCSS: You can use CSS to prevent an h2 element 
from being too prominent; set e.g. h2 { font-size: 100%; margin: 0;
padding: 0; }, which might suit the design better than default rendering 
of h2.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

__
css-discuss [EMAIL PROTECTED]
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] named anchors in IE

[Rick Lecoat]

On 12/9/07 (11:30) Ian said:

>If I read you right you are using  as anchor.
>
>Should read 
>
>Then wherever you need to go there :
>Go to CAD

Oh, I was under the impression that id was the way forward for
identifying document fragments, with name being used for legacy support
of older browsers.  I do recall reading advice that said to use both to
be on the safe side, eg:

CAD Operators



-- 
Rick Lecoat

__
css-discuss [EMAIL PROTECTED]
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] named anchors in IE

[Ross Hulford]

This code works

some text

The problem is not that it uses 'id 'or 'name' but that it is empty. How do 
I use the haslayout property, like this? Does it validate?


h2 {
hasProperty = True;

} 


__
css-discuss [EMAIL PROTECTED]
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] named anchors in IE

[Gunlaug Sørtun]

Ross Hulford wrote:
> The problem is not that it uses 'id 'or 'name' but that it is empty. 
> How do I use the haslayout property, like this? Does it validate?

Your example will neither work nor validate.

An empty element can be "spaced out" simply by adding 'width: (some
value)' and 'height: (some value)', and 'display: block' if necessary.
Not a good solution though, since it relies entirely on CSS support.
Also, some versions of IE tend to ignore empty anchors completely, no
matter what you do through CSS.

Normally this shouldn't be an issue, as the part one wants to link to
must surely contain /something/ if it should be worth linking to.
Linking to a place that contains /nothing/ doesn't sound realistic.

Adding an 'id' to, or using an existing 'id' on, a container-div,
paragraph or whatever element contains what one wants to link to, is how
it's done in all cases I can think of. No browser that I know of should
have a problem with that.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] named anchors in IE

[Jukka K. Korpela]

On Wed, 12 Sep 2007, Ross Hulford wrote:

> This code works
>
> some text

What is the URL that illustrates the problem, and how does it relate to 
CSS?

> The problem is not that it uses 'id 'or 'name' but that it is empty.

It is not empty. Do you mean that it _should_ be empty, as in your 
original posting? There is really no need for that. If you don't have a h2 
heading, don't write one; assign an id="..." attribute to some other 
element instead. (Headings are just _natural_ targets for links.)

Besides, IE can handle empty anchors. As I mentioned, your markup, 
expanded trivially to an HTML document, works on IE. Some browsers have 
had problems with empty anchors, but this depends on complex issues and 
isn't really a CSS issue (except perhaps fairly indirectly: such problems 
mostly emerge when tables are used, and switching from a layout table to 
CSS-based layout may remove the problem).

> How do
> I use the haslayout property, like this? Does it validate?

No, it's an internal IE thing. And _it_ is a CSS issue, but why do you 
think it relates to the problem at all?

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

__
css-discuss [EMAIL PROTECTED]
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] floated div overlapping problem

[Phil Turner]

Hi Can someone take a look at this test page

http://www.philturner-uk.com/trish/

can I set a minimum and maximum on the main copy in the centre and  
how can I stop the text on the right overlapping when I shrink the  
browser window.
I cant seem to figure this one out.
Thanks




Phil Turner
FREELANCE DESIGNER
http://www.philturner-uk.com

NEW BOOK - YOUR PLANET NEEDS YOU
http://www.yourplanetneedsyou.org

Please consider the environment before printing this email.



__
css-discuss [EMAIL PROTECTED]
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] font :wqx-height

[Ray Leventhal]

>> To make the font 
>> size reasonable to his (or his boss's) eyes, an author who makes such a 
>> font the primary one will usually set font size to something fairly small. 
>> Then people using systems where that font is not available will see some 
>> different font in a size that may be much too small for them.
>>
>> There's no good solution to this at present.
> 
> Yes, there is. Assume your visitors' font preferences are what they 
> want, and DON'T SPECIFY A FONT SIZE Happy visitors are far more 
> important to a web site than the tender egos of folk involved in 
> designing the site.
> 

While in a perfect world I'd agree with David, it's not so much the
'tender egos of folk involved in designing the site' it's usually,
imnsho, the un- or refused-to-be-educated folk who actually pay for the
site to look/feel a certain way.

0.02 delivered :)

Kind regards,
~Ray
__
css-discuss [EMAIL PROTECTED]
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] floated div overlapping problem

[Gunlaug Sørtun]

Phil Turner wrote:
> http://www.philturner-uk.com/trish/
> 
> can I set a minimum and maximum on the main copy in the centre and 
> how can I stop the text on the right overlapping when I shrink the 
> browser window.

Minimum and maximum is better declared on the outer container in your
case, I think. That would be body itself the way you have arranged the
source code.

Adding...

body {min-width: 760px; max-width: 1200px; margin: 0 auto;}

...will work in all browsers but IE6 and older.

Adding something like...

#main {margin-right: 150px; }

...will leave space open for text on the right no matter what.


Wrong doctype for use of target-attributes on links btw. Only allowed in
Transitional (not Strict).


regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] floated div overlapping problem

[Phil Turner]

Thanks Drew / Georg
Using Margin - right has fixed the problem,

I understand this   "Wrong doctype for use of target-attributes on  
links btw. Only allowed in
Transitional (not Strict)."

However I dont know what to replace " Parent" with in the target -  
attributes or where to find this information to gain more knowledge /  
understanding

Best
Phil T 
__
css-discuss [EMAIL PROTECTED]
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] images and the suckerfish

[Ross Hulford]

I have a problem in ie6

http://vps.aztechost.co.uk/~wallace/specialist_abilities/communications.php

The suckerfish menu goes behind the images. I had this working before but 
cannot figure out how I did it. Any ideas?


R. 


__
css-discuss [EMAIL PROTECTED]
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] images and the suckerfish

[Ross Hulford]

Foget this. It was working just my 
"ie6_is_an_absolutey_tragic_excuse_for_a_browser.css" file was not linking 
properly.

Ta,


R. 


__
css-discuss [EMAIL PROTECTED]
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] P7 menu drops behind div in IE 6

[Al Sparber]

From: "Peggy Coats" <[EMAIL PROTECTED]>
>I think the menu in this draft page is working in all but IE 6, where
> it wants to drop behind the #content div -- any idea how to fix?
>
> Page: http://ambientglow.com/garage/floorguy/Cweb/index.html

Here is the tutorial for your menu:
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm

Scroll down to the heading:
"Link the CSS, Link the JavaScript, and add fixes for MSIE"

Follow all the steps from that point. IE6 does not support li:hover so we 
use a small script, which also allows IE5.x (Windows and Mac) to render the 
menu functional.

-- 
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"


__
css-discuss [EMAIL PROTECTED]
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 Rounded Corners

[Ernest Moturi]

Hi,

I've been working on this rounded CSS vertical menu which has really given
me a hard time. I'd like to create rounded-css buttons which can expand or
shrink.They also must have a hover effect whereby the entire button darkens
as per the color on the button. In the HTML code,I'd like all the buttons to
have a single list.I have attached two navigation menus;one purely css and
the other with images.Is that possible?Please help.

Thank you in advance

Ernest Moturi
__
css-discuss [EMAIL PROTECTED]
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] Site Check Please

[Omitade Adediran]

 
 
Omitade Adediran wrote:
> I have been reading and reading until my brain just feels like mush..
[trimmed]
>  
I know the feeling. This stuff can be terribly frustrating at times...
 
I think that it might be a good idea to just get a simple page working
cross-browser for starters. http://www.chelseacreekstudio.com/ca/cssd/un
html
~dL

This is extremely helpful. I have gotten the source code and will go through
my style sheet line by line to see what you did in comparison to what I did.
I hope that I can learn--there is much to be said about self-teaching but it
looks like I really need to take a couple of classes. Unfortunately, I have
nothing like that around where I live.

Any comment on the css validator comment,  Servlet has thrown
exception:javax.servlet.ServletException: Timed out.  ? What it means?

So, thank you so very much, David. Now on to the other page which I fear is
much worse.
 
Omitade
 
 
--
http://chelseacreekstudio.com/
 
__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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] font :wqx-height

[vwf]

Hello,

Thank you all for your information. This seems to be an issue not
resolved yet. 

There is one thing that asks for a reply. I know that fonts should not
be set to a fixed value, but a size has to be set to make it look
'nice'. After that the user can change that to whatever he likes or
needs. It is only the initial size I would like to be able to do. That
size depends very much on the actual font used.

F.

__
css-discuss [EMAIL PROTECTED]
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] floated div overlapping problem

[Gunlaug Sørtun]

Phil Turner wrote:
> Thanks Drew / Georg Using Margin - right has fixed the problem,
> 
> I understand this   "Wrong doctype for use of target-attributes on 
> links btw. Only allowed in Transitional (not Strict)."
> 
> However I dont know what to replace " Parent" with in the target - 
> attributes or where to find this information to gain more knowledge /
>  understanding



The TARGET attribute is used with frames to specify in which frame the
link should be rendered. If no frame with such a name exists, the link
is rendered in a new window unless overridden by the user. Special frame
names begin with an underscore:

• _blank renders the link in a new, unnamed window
• _self renders the link in the current frame (useful for overriding a
BASE TARGET)
• _parent renders the link in the immediate FRAMESET parent
• _top renders the link in the full, unframed window



In actual use with a Transitional or Strict doctype (not frames), the
'_parent' opens new pages in the same window or tab. Thus, deleting the
target-attribute altogether has exactly the same effect as keeping it,
as "same window/tab" is the default "unless overridden by the user".

I see no frames on your site and the links open in same window/tab.
So, I advice you to delete the target-attribute, as nothing will change
but the validity of your source code.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] Site Check Please

[David Laakso]

Omitade Adediran wrote:
>  
>  
> Omitade Adediran wrote:
>   
>
>
> Any comment on the css validator comment,  Servlet has thrown
> exception:javax.servlet.ServletException: Timed out.  ? What it means?
>
>
> Omitade
>  
>   

RE: 

Dunno. Maybe the w3c validation service is choking on the awful ie hacks and/or 
the css file that contains the javascript?

Anyone care to help us out?

Best,

~d



-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] Site Check Please

[Rafael]

Interesting, it may be something worth to file a bug report. I could 
validate it by writing the path directly to the css (not the html), but 
I still get the error you mention when writing the path to the page.

The market.html page is a static page, right? If not, it could be 
some sort of problem in your back-end.

Omitade Adediran wrote:
> Any comment on the css validator comment,  Servlet has thrown
> exception:javax.servlet.ServletException: Timed out.  ? What it means?
>
> So, thank you so very much, David. Now on to the other page which I fear is
> much worse.
>  
> Omitade
>   
__
css-discuss [EMAIL PROTECTED]
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] width question

[sandy]

here is my site:

http://www.westboundandweary.com/pca/support_pca/

my question is about the image and caption i sent an email about 
earlier.  my goal is to make that caption fit the width of whatever size 
image happens to be displayed.
caption and image are both inside parent div floated right of 
unspecified width.  i do not set specific width to the caption div so it 
will stretch according to the image size, it is on auto.  the problem is 
when the caption div has only a little bit of text, it stretches to the 
correct width of the parent which is good (see the bottom image and 
caption example), but when it has a lot of text it is stretching it's 
div out past the image and stretching the parent (see the top image and 
caption example).  how do i make the caption contents wrap to an 
unspecified width?  is this possible?



__
css-discuss [EMAIL PROTECTED]
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] Site Check pt2

[Omitade Adediran]

Hi:
 
Just when you thought you were finished with me (scary music, She's Back!!),
I am submitting the second page for a check. This is the home page that goes
with the other page I submitted. It has a slide show and some repetitive
music and yes, I will work on an off button. It looks great (to me) in FF.
There is a problem with the lining up of the titles under the thumbnails at
the bottom in Opera and the font size goes larger than what I want in normal
view. This is my attempt at columns and what happens in IE which, of course,
does not run the slides is that the columns collapse on each other.
 
www.orisadevotees.org 
 
As always, your help is greatly appreciated.
 
Omitade
__
css-discuss [EMAIL PROTECTED]
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] Site Check Please

[Omitade Adediran]

Well, it looks like I will be removing the javascript menu for the page so
maybe that will take care of it. But, if I didn't how do I go about filing a
bug report?
 
 
 Rafael wrote:
 
Interesting, it may be something worth to file a bug report. I could
validate it by writing the path directly to the css (not the html), but
I still get the error you mention when writing the path to the page.
 
The market.html page is a static page, right? If not, it could be
some sort of problem in your back-end.
 
Omitade Adediran wrote:
> Any comment on the css validator comment,  Servlet has thrown
> exception:javax.servlet.ServletException: Timed out.  ? What it means?
>
> So, thank you so very much, David. Now on to the other page which I fear
is
> much worse.
>
> Omitade
>
__
css-discuss [EMAIL PROTECTED]
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 [EMAIL PROTECTED]
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] Firefox problem

[Dave Pierce]

Much as I hate to say this, because I know I'm opening a can of worms  
for meself, Firefox seems to have a problem. On this site http:// 
www.lorettosedgwick.org, I'm seeing most other browsers hold it  
pretty well on the lower third of the page (the three columns in a  
box and the footer.) I don't have access to MSIE 7.

However, it's breaking up totally in Firefox. I've used the "outline"  
command to check out the divs, and they're not following the rules  
I've set down for each to be 30% of the total width of the innerwrap.

It's driving me nuts(ier)! I've checked out the site on the HTML  
validator, and there are a couple of things it's saying that I don't  
understand (aside from not liking the way that Dreamscape inserts a  
Flash element).

Any help is GREATLY appreciated!

Thank you,
;-Dave



__
css-discuss [EMAIL PROTECTED]
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 problem

[Dan Dorman]

On 9/12/07, Dave Pierce <[EMAIL PROTECTED]> wrote:
> Much as I hate to say this, because I know I'm opening a can of worms
> for meself, Firefox seems to have a problem.

Yep, and the problem seems to be a typo in your source.

Line 116 reads:
*html #textright {mar\gin: .5em .5em 0em 1em}

I believe it ought to look more like this:
* #textright, html #textright {mar\gin: .5em .5em 0em 1em}

In any event, that "*html" shouldn't be there; Firefox never even
parses any of the styles after line 115, that's why thinks are looking
funky.

Hope that helps!

:Dan Dorman
__
css-discuss [EMAIL PROTECTED]
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 problem

[Dave Pierce]

Dan,

You got the answer, just not the way you think you did.

The line *html #textright {mar\gin: .5em .5em 0em 1em} is a MSIE  
hack, and isn't a problem with Firefox.

  The problem was that it was like this: *html #textright (mar\gin: . 
5em .5em 0em 1em}...the first bracket was a parenthesis instead of a  
bracket. I nevr clamied to be a typits! ;-))

You made me look in the right place, anyhow...Thank you!


;-Dave



__
css-discuss [EMAIL PROTECTED]
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] Site Check pt2

[David Laakso]

Omitade Adediran wrote:
> Hi:
>  
> Just when you thought you were finished with me (scary music, She's Back!!),
> I am submitting the second page for a check. This is the home page that goes
> with the other page I submitted. It has a slide show and some repetitive
> music and yes, I will work on an off button. It looks great (to me) in FF.
> There is a problem with the lining up of the titles under the thumbnails at
> the bottom in Opera and the font size goes larger than what I want in normal
> view. This is my attempt at columns and what happens in IE which, of course,
> does not run the slides is that the columns collapse on each other.
>  
> www.orisadevotees.org 
>  
> As always, your help is greatly appreciated.
>  
> Omitade
>   

Omitade,

This new page has the same issues as the page you put up yesterday [1].

Try either page at screen resolution 800. Or at 1024, 1280, 1680 or 
higher with plus1 or plus 2 font-scaling.

One solution, as yesterday, is to start with a very simple structural 
layout that functions at most any window width on any broswer.



[1]





Best,

~dL





-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] why do scrollbars suddenly appear...

[sandy]

http://www.sandygonzales.com/pca/support_pca/

everytime i click on one of the tabs in my site (eg: Support PCA)?  THe 
pages are broken right now but that doesnt matter.  This does not happen 
in ie, but it does in firefox and NN.  my tab image links are set to 
width: auto with a few backgrounds - one that is repeating, so they can 
scale to any size text-length.

__
css-discuss [EMAIL PROTECTED]
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] Best practice for class/id capitalisation?

[David Hucklesby]

On Wed, 12 Sep 2007 11:17:59 +0100, Francois Jordaan wrote:
> How do you name classes and IDs, and why?
>
> I used to stick to all lowercase, but am starting to use CamelCase for ease 
> of reading
> (e.g. #HeaderMain rather than #header-main). This means I also capitalise 
> short names,
> e.g. #Content or .Clearer.
>

No difference. My advice FWIW: choose a method and stick to it.

I use lower-case with hyphens, simply to match property names -
not a good reason at all.

As for naming, I look at a lot of web sites and use popular naming
conventions when they mean something to me (#wrapper; #content; etc.)

As for IDs vs. classes, I name major structural elements using IDs,
and (few) classes for styled elements (.warning; .intro; .padding; ...)
The main reason for the IDs is for JavaScript rather than for CSS.

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
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 do scrollbars suddenly appear...

[David Laakso]

sandy wrote:
> http://www.sandygonzales.com/pca/support_pca/
>
> everytime i click on one of the tabs in my site (eg: Support PCA)?  THe 
> pages are broken right now but that doesnt matter.  This does not happen 
> in ie, but it does in firefox and NN.  my tab image links are set to 
> width: auto with a few backgrounds - one that is repeating, so they can 
> scale to any size text-length.
>
>   

Have you tried deleting all instances of 
overflow: auto;
and
width: auto;
on the
#nav_portal selectors?

Best,
~dL 




-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
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] Z-Index problems in IE6?

[Blake]

Hi list,

I'm having a problem with this page in IE6.

http://blakehaswell.com/others/agronomy/v2/

The top part of the main content area is being overlapped by a section
of white. For this project I'm unable to change the HTML. Any ideas on
how to make this work across IE6, IE7, and FF 1.5+?

Also, I'm not sure since I don't have IE6 to test on, but there may be
some problems with the display of the footer.

Thanks for your time,
Blake

-- 
Australian Web Designer - http://www.blakehaswell.com/
__
css-discuss [EMAIL PROTECTED]
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 do scrollbars suddenly appear...

[sandy]

nevermind.. ifigured it out ;x

sandy wrote:
> http://www.sandygonzales.com/pca/support_pca/
>
> everytime i click on one of the tabs in my site (eg: Support PCA)?  THe 
> pages are broken right now but that doesnt matter.  This does not happen 
> in ie, but it does in firefox and NN.  my tab image links are set to 
> width: auto with a few backgrounds - one that is repeating, so they can 
> scale to any size text-length.
>
> __
> css-discuss [EMAIL PROTECTED]
> 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 [EMAIL PROTECTED]
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] switching text size

[Peggy Coats]

I need a way for the viewer to change text size on a page -- the idea
would be that "somehow" by clicking an "increase size" or "decrease
size" link the text could be scaled up or down.

I've googled and haven't really come up with much useful.  Found a
"zoom.js" which I couldn't figure out how to use, and a css solution
that won't work because it requires resizing the entire wrapper div
(which I need to keep at a fixed size due to background images).

anybody have any ideas?

thanks,

Peg
ambientglow
__
css-discuss [EMAIL PROTECTED]
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] switching text size

[Bob Meetin - www.dottedi.biz]

Peggy Coats wrote:
> I need a way for the viewer to change text size on a page -- the idea
> would be that "somehow" by clicking an "increase size" or "decrease
> size" link the text could be scaled up or down.
>
> I've googled and haven't really come up with much useful.  Found a
> "zoom.js" which I couldn't figure out how to use, and a css solution
> that won't work because it requires resizing the entire wrapper div
> (which I need to keep at a fixed size due to background images).
>
> anybody have any ideas?
>
> thanks,
>
> Peg
> ambientglow
>   
See: http://www.alistapart.com/stories/alternate/

It's a combination of creating an alternate stylesheet and using a 
javascript stylesheet switcher to make it work.  No more said on that topic.

-- 
Bob Meetin
dotted i - Internet Strategies & Solutions
www.dottedi.biz


__
css-discuss [EMAIL PROTECTED]
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/