Re: [css-d] IE vs FF Textarea Font Size Inconsistent
Felix Miata wrote: [...] You can also see that IE is using 10pt Courier New in its internal stylesheet for PRE, CODE, TT, SAMP TEXTAREA What has probably not been mentioned yet, is that this IE behavior (i.e. those elements having a smaller default size) can simply be overridden specifying percentage size. I mean that: codeabc.../code uses 10pt as you say, but code style=font-size:100%abc.../code uses the classic 12pt, and any code style=font-size:x%abc.../code uses 12pt as reference for the computation of x%. On the other hand, the FF default size for monospace (the usual 13px in Windows) is carried over when such percentages are applied (at least under some circumstances). This is inevitably going to produce fonts smaller than IE. -- Bruno Fassino http://www.brunildo.org/test __ 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] start an ordered list at a number 1
Bob Rosenberg wrote: At 18:22 -0500 on 02/07/2008, Tim White wrote about Re: [css-d] start an ordered list at a number 1: You can use ol start=x (whatever number you need) to start a list at a new number. Or, you can use li value=x to skip numbering within a list. Both attributes are deprecated, so they are only valid under HTML 4.01 or XHTML 1.0 Transitional. OTOH, by use of an ID= on the LI, you can use a CSS command to [re]set the index value. I'm afraid that doesn't help. The key issue is that the CSS declarations (not commands) that would, in theory, create an ordered list presentation with specific numbers assigned in CSS, don't work in IE. It might be marginally interesting for some (mostly non-WWW) purposes to consider whether they work in other browsers. But the specific ways in which the numbering would be implemented is fairly irrelevant. There would be many ways to set an LI element's number to a specific value, using id or class attributes or contextual selectors. The bottom line is that for the time being (several years), if you want specific numbering, use either HTML attributes or make the numbers part of the content (perhaps using dynamic page creation or preprocessing), and use CSS just for the choice of specific numerals and maybe their formatting (size, boldness etc.). Jukka K. Korpela (Yucca) 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] credit text in bottom of browser
On Thu, 7 Feb 2008 15:37:07 -0600, Melinda Odom wrote: Hi, Is there a way to have text appear on top of a repeating graphic in the bottom of the browser window? I have a repeating color on the body tag to x repeat which is fine and I would like to be able to put text in the center of this 50 pixel height at the browser bottom no matter what size the browser window is. Hi Melinda, It's hard to know what to suggest-- it depends on the construction of your page, the amount of text, how you are constraining the width (px or em?), and what you mean by browser bottom. If you have a sample page you could point us to, I feel sure we could help you. 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/
[css-d] Problem with floated links at right of page in FF
I've been working on this site, my site, in short spurts between other projects and could be doing something entirely wrong. The site uses floats to place main navigation list links with background images at both the top of the page and for project links in the sidebar div to the right of the main_content div on the projects page: http://www.hadseldesign.com/projects.html . Here's my problem, when you click on a link in either the main navigation or the sidebar links FF places a faint dotted line around the link that extends all the way across the page to the left side. It is intended as an indication that the link is actively selected, but it is very distracting, especially with the sidebar links where it runs over the page's main content. I'm wondering if there's some way I can avoid it. The stylesheet that controls the main navigation is at: http://www.hadseldesign.com/common/main_nav.css and the one for the project links is under /* Project page styles */ toward the bottom of http://www.hadseldesign.com/common/main.css . Thanks, Janie __ 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] Problem with floated links at right of page in FF
Janie Hadsel wrote: ... http://www.hadseldesign.com/projects.html . Here's my problem, when you click on a link in either the main navigation or the sidebar links FF places a faint dotted line around the link that extends all the way across the page to the left side. It is intended as an indication that the link is actively selected, but it is very distracting, especially with the sidebar links where it runs over the page's main content. I'm wondering if there's some way I can avoid it. ... Did you try setting overflow:hidden on the a? Can't test it. Firebug seems to be broken in the new Firefox/2.0.0.12/Mac. Not good. Ingo -- http://www.satzansatz.de/css.html __ 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] pixel-perfect line-height troubles
Dear all, I have a fixed-height container (it's using some js that requires fixed dimensions to look nice) with a tag-cloud inside. I also have a text-size CSS swich on the page. In order to prevent text-size switch overflowing the fixed container, I've written some rules to set the sizes inside that container in pixels. Now I have a line-height set for this container as 21px, no matter how big are the tags. But the resulting line-height looks different in IE, Opera and FF. Take a look here for screenshots: http://susvet.info/files/line-height.gif And here for the page http://susvet.info/ So I guess I broke some inheritance rules or there are something I'm overwatching. The style-sheet is a bit messy. I'd like the page to look the way it look now in Opera. Any advices will be appreciated, and sorry if my text is not really clear. regards, Yegor Moroz __ 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] IE vs FF Textarea Font Size Inconsistent
On Fri, 08 Feb 2008 21:49:27 -0500 Felix Miata wrote: On 2008/02/08 23:49 (GMT+1300) Michael Adams apparently typed: If you add helvetica to that font family that caters to most Mac and Linux users as well. font-family: Tahoma, Arial, Helvetica, sans-serif Helvetica, while very nice on Mac, is quite the opposite on Linux. http://mrmazda.no-ip.com/auth/Font/font-helvetica.html#bitmap On those newer Linux systems that actually have Helvetica installed, it will only show up if you request adobe helvetica, which is a bitmap font available in limited sizes that are poorly suited for web page screen display even when the size is actually correct. In most other cases, there will be no Tahoma or Arial, and the fontconfig fallback or alias will usually be DejaVu Sans or Bitstream Vera Sans, both of which are equivalent in size and appearance to Verdana, larger in apparent size than Tahoma, Arial Mac Helvetica. I have been using Linux since 1999 and Helvetica was a Type1 font then. Type1 fonts are not bitmap fonts and should not be confused with the system fonts used when X11 is not installed. In 1999 support for TrueType fonts was scratchy but available. http://www.freebsd.org/doc/en_US.ISO8859-1/books/handbook/x-fonts.html http://www.codestyle.org/css/font-family/sampler-UnixResults.shtml http://en.wikipedia.org/wiki/Type_1_and_Type_3_fonts#History In addition Microsoft released the Core font set to the public and though discontinued by Microsoft free distribution was allowed under the original licence. These font are still being distributed third party and have been installed on the Linux computers of those that know what they are doing. http://en.wikipedia.org/wiki/Core_fonts_for_the_Web What used to happen on Linux if you did not have your system set up correctly is that fonts can look either pixelated or fuzzy, (expecially in KDE if i remember correctly) this problem occured periodically due to clashes between the various different video cards, X11, and display managers and altering Anti-Alias settings is usually the fix. This issue exhibited most in OpenOffice.org. I have never experienced this issue. The Result *Helvetica is fine to use as a font for Linux Systems*. Apologies to the list for the way this has got OT, but i felt this needed addressing in the forum it was raised to prevent others taking Felix's information at face value. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ 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] Float problem in IE
It's not a good CSS day for me. My site was working fine in IE6 7 until I started cleaning some things up today. I received some help from Ingo earlier, adding overflow: hidden to the main_nav's ul li a styles to fix a problem in FF, but I don't think that has anything to do with the new problem, because it still exists if I remove the attribute. Here's my second problem of the day: the floated main navigation links are dropping down incrementally in IE 6, and are doing the same in IE 7, but also hiding all but the top link in IE 7 behind an image in the div below. The problem exists throughout the site. Here's the link: http://www.hadseldesign.com , and here's the main navigation style sheet: http://www.hadseldesign.com/common/main_nav.css . I've checked the site in latest versions of Firefox (Windows XP and Mac OSX), Safari, and Opera on Mac OSX, and I don't see any problems. Thanks again, Janie __ 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] IE vs FF Textarea Font Size Inconsistent
On 2008/02/10 11:35 (GMT+1300) Michael Adams apparently typed: In addition Microsoft released the Core font set to the public and though discontinued by Microsoft free distribution was allowed under the original licence. These font are still being distributed third party and have been installed on the Linux computers of those that know what they are doing. http://en.wikipedia.org/wiki/Core_fonts_for_the_Web No distro I'm aware of installs them by default. There is no M$ software available for Linux that will automatically install them as on a Mac. As a result, you can't expect them to be installed on Linux. What you can expect in recent distros is fontconfig mapping of Times New Roman to Liberation Serif and Arial to Liberation Sans. Also, the superior to Courier New M$ font Lucida Console is virtually indistinguishable from Liberation Mono. The Result *Helvetica is fine to use as a font for Linux Systems*. Apologies to the list for the way this has got OT, but i felt this needed addressing in the forum it was raised to prevent others taking Felix's information at face value. No need to take my word for it. See for yourself what can happen when CSS specifies Helvetica on Linux: http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linux-072.png http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linux-096.png http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linux-120.png http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linux-144.png http://mrmazda.no-ip.com/SS/Fnt/font-helvetica-linuxmdv2005-096.png All the above were shot on SUSE a couple years ago, but results were essentially the same on other distros, including Fedora and Mandriva. I fully stand by every bit of what I wrote about Helvetica on Linux upthread and on http://mrmazda.no-ip.com/auth/Font/font-helvetica.html#bitmap . -- For God so loved the world that he gave his one and only Son, that whoever believes in him shall not perish but have eternal life. John 3:16 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.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] Float problem in IE
Here's my second problem of the day: the floated main navigation links are
dropping down incrementally in IE 6, and are doing the same in IE 7, but
also hiding all but the top link in IE 7 behind an image in the div below.
Hi Janie,
Try changing the LI elements of your navigation to inline as in:
#main_nav UL {
FLOAT: right; MARGIN-RIGHT: 20px;
LIST-STYLE: none
}
#main_nav UL LI {
DISPLAY: inline
}
Regards,
Kepler Gelotte
__
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] left sidebar float problems
I have a website I'm working on. What I am trying to do is to have the
sidebar carry down with the content so that it appears seamless. I've been
reading http://www.alistapart.com/articles/holygrail and trying to follow
instructions. Now it seems I have too much sidebar carrying down..I'm so
beyond frustrated, please advise.I need HELP!
The site link is as follows:
http://www.webgirlwebdesigns.com/testing/TriBeam/index.html
In my sidebar css, I have the following:
#sidebar {
width: 180px;
background-color: #E7F5FE;
padding-left: 5px;
padding-right: 5px;
border-left: 1px solid #75B4D4;
border-right: 1px solid #75B4D4;
border-top: 1px solid #75B4D4;
position: absolute;
top: 87px;
overflow: hidden;
padding-bottom: 400em; /* X + padding-bottom */
margin-bottom: -400em; /* X */
height: 23px;
}
I've tried adjusting the em variables and can't make it work.
Any help would be appreciated.
Thanks
Lisa
Disclaimer: This message is confidential. It may also be privileged or
otherwise protected by work product immunity or other legal rules. If you
have received it by mistake, please let us know by e-mail reply and delete
it from your system; you may not copy this message or disclose its contents
to anyone. Please send us by fax any message containing deadlines as
incoming e-mails are not screened for response deadlines. The integrity and
security of this message cannot be guaranteed on the Internet. Any views or
opinions presented in this email are solely those of the author and do not
necessarily represent those of the company.
__
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] Tests on CSS tables
Hi all! http://www.css-zibaldone.com/test/tables bye G. -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://mimicry.css-zibaldone.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/
