Re: [css-d] Perplexing positioning in IE6
Tom Keenan wrote: http://keenancomm.com/test/pshow/ The thing I'm most perplexed about is that the client gets results that I can't duplicate. Any ideas there? You should definitely change the positioning-method, preferably for the entire layout. Your 2. alternative looks like a good solution. Medium font-size isn't guaranteed to be the same in all set-ups, and that page doesn't tolerate any deviations from 12pt in any browser. regards Georg -- http://www.gunlaug.no __ 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] justified horizontal list
vwf wrote: Is it possible to make a horizontal list that spreads to a set width in CSS? The examples found on PMOB[1] might not fit all of your requirements, but maybe they will give you some good ideas and/or be a good starting point. *See: Inline centred lists heading, two directly below:* [1] http://www.pmob.co.uk/ -- Wishlist: http://snipurl.com/vrs9 Switch: http://browsehappy.com/ My: http://del.icio.us/mhulse __ 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] width: 776px not the same as 7.76em (body 65.2%) in IE?
Thank for the info. I didn't know IE an Opera change the default font size when the DPI is different. .. So basically setting the font size to 62.5% is not a good thing since IE rounds percanteges to the decimal. On 9/3/06, David Hucklesby [EMAIL PROTECTED] wrote: On Sat, 2 Sep 2006 19:51:03 +0300, Martin Petrov wrote: I need an elastic container that is 776px wide. The body has a font-size of 62.5em (which equals to 10px) ... Did you mean 62.5% ? Be aware that, on my laptop, 62.5% would be 12 or 13 pixels in IE. In common with many screens running at high definition, the OS is set to display at 120 PPI. IE (and Opera) compensate for the smaller pixel size by increasing the medium font size to 20 pixels. (Not so for Gecko based browsers.) Cordially, David Hucklesby -- __ 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] width: 776px not the same as 7.76em (body 65.2%) in IE?
On Sat, 2 Sep 2006 19:51:03 +0300, Martin Petrov wrote: I need an elastic container that is 776px wide. The body has a font-size of 62.5em (which equals to 10px) ... Did you mean 62.5% ? Be aware that, on my laptop, 62.5% would be 12 or 13 pixels in IE. In common with many screens running at high definition, the OS is set to display at 120 PPI. IE (and Opera) compensate for the smaller pixel size by increasing the medium font size to 20 pixels. (Not so for Gecko based browsers.) Cordially, David Hucklesby -- __ 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] centering link gifs in a horiz. nav bar
Ooops, I forgot to mention the URL in my previous post (which I don't see in my mailbox yet, strangely enough...) http://www.sfscottishrite.com/Test/index.html --Jay Kinney __ 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] Font Mapping Query / Font embedding
Chris Williams wrote: I have CSS that specifies fonts: (Lucida SANS,Tahoma,Arial,Sans-serif;). I have various tool bars that tell me this when I hover over various pieces of text. That is, they tell me that string. But I can't tell which font was actually used. I have cases where the text appears much better on some systems than others. I would like to [know] which font a system is actually using. Does anyone know of any way to find this out? Hi Chris, After quite some discussion contributions ;-) I'll try to answer this original question. I assume the background of your question is to have as much influence on the displayed font as possible. But the font specifications have to deal with a lot of factors: the installed fonts on a machine, the used browser and the defaults of it, the user settings of the browser, and the css-rules. 1. First we have to make the general statement: What is not in a system, cannot be displayed. Translation: if a particular font is not in the font directory of the system, this font cannot be on screen by using (only) a css-specification. * And font types don't have always the same names on different OS's. Windows has standard installed Arial, Times New Roman, Courier New. But on some other operating systems the names Helvetica, Times and Courier are used for (almost) the same fonts. Workarounds: * Provide a good list of font names, in the proper order, in the { font-family: Arial, Helvetica, Times New Roman, Times, Courier New, Courier, sans-serif; } properties. * The image technique: making an image of the word(s) in the desired font, and showing the image instead of the text. This technique can be used for small amounts of words in a not common font, for instance in headers. Disadvantage: if the font size is scaled up or down by the visitor, these images don't scale (if set in absolute units: for instance px) or don't scale in a beautiful way (if set in relative units: for instance em). * Example of the image technique (for a non existing font, designed as logo) is in this *testpage http://home.tiscali.nl/developerscorner/css-discuss/test-kfa-letters.htm*. * The embedding technique: coding the page in that way, that the font you want to show is downloaded to the visitor's machine as long as the visitor is on your page/site. See fresh article on my site: *Font embedding with css* http://home.tiscali.nl/developerscorner/fdc-varia/font-embedding.htm. 2. Another general statement: What is turned off by the user, cannot be turned on by the webpage. Translation: (in the browsers I know: IE, FF, Opera, Netscape) by means of the browser preferences the user can always overrule the indicated font in a web page. * in IE(6): menu Extra Internet options... Accessibility Ignore font type styles. * in FF(1.07): menu Extra Options... General Font types and colors checkbox Use always my font type. * in Opera(8.01): menu Extra Preferences... Advanced Content Style options... User modus: checkbox my font types and Standard modus: user modus. * in Netscape(6.2): menu Edit Preferences... Appearance Fonts uncheck checkbox Allow documents to use other fonts. Workarounds: - None. 3. And another general statement: What is turned on by the browser, cannot be influenced by the webpage. Translation: even on the same operating system, different browsers use different font types (and font sizes!) if falling back to a generic font type as sans-serif or serif. - Example: this *testpage for serif and sans-serif http://home.tiscali.nl/developerscorner/css-discuss/test-default-fonttypes.htm*. 4. We have also the standard browser font settings! This concerns the font type for normal text (True Type) and for preformatted text (monospace), for the cases that websites don't have specified a font-family. In IE the setting is via: menu Extra Internet Options... Font types... Conclusion: it is rather unpredictable what a special combination of operating system / installed fonts / browser preferences setting / browser default fonts / css font styles will do! ;-) To have no risk that a page layout is influenced too much by a font face on an unknown machine, it is preferable to use common fonts, which will be on each computer: Arial, Verdana, ... Now back to the question again! :-) How to know which font a system is actually using? Anyway not from a distance, you need to see the particular system... Then I think there are 2 ways to find out: (a) Sit down before the victim system with some good cups of coffee, and analyze what is in it (what fonts are in the font directory? which browser is used? which settings on different places? what are the css-rules in the web page? and so on). (b) Sit down before your own system with half a cup of coffee, and make a testpage with images of
Re: [css-d] CSS 3 column layout: elastic/fluid
Stefan Nagtegaal wrote: Op 2-sep-2006, om 19:02 heeft Aaron Gray het volgende geschreven: This has 3 column layout with strechable center column with minimum and maximum widths. Without the maximum width a spacer div to give minimum width behaviour this would be full cross platform without any browser specifics. http://angray.members.beeb.net/Examples/CSS/ThreeColumnExample.html Otherwise it works fine across browsers. Aaron In the stylesheets I see this rule: width: expression( document.body.clientWidth = 800 ? 800px : (document.body.clientWidth = 600 ? 600 : document.body.clientWidth)); Now, what is this? i'm sure it's not gonna validate (I haven't tried, but am quite confident it won't)... Is it javascript? It looks like it to me, but I'm no expert on that.. Yes its JavaScript for MS Internet Explorer. It will not validate and will not work in CSS file either. You can scrap that line if you wish and put a fixed width div in the center div to just give a minimum width behaviour. Aaron __ 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] Font Mapping Query / Font embedding
Thank you very much for this very considered and thoughtful reply. Unfortunately, like others, you made the assumption that I wanted to force fonts down my users throats, and wanted to know the best way to do that. That is/was not my purpose at all. My purpose was being able to install a tool/toolbar/utility on selected systems that I (and/or my selected testers) have access too to find out what that font right there actually is. I would like to be able to look at several systems (or get screen shots from selected testers) and decide, hmmm... I really like that one. So, instead of specifying the font(s) I currently have, I would specify that one first. As font mapping is so unpredictable from one platform/browser/OS to another, this tool would save me hours and of work. But as it turns out, I played and played and played and ended up choosing something fairly generic (aka boring). I did so because I gave simply up. It would be cool if someone would write such a tool. But it doesn't exist from everything I can tell. Thank you again for your reply. From: francky [EMAIL PROTECTED] Subject: Re: [css-d] Font Mapping Query / Font embedding snip of extremely thorough and thoughtful reply __ 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] Font Mapping Query / Font embedding
Chris Williams wrote: Thank you very much for this very considered and thoughtful reply. Itching brains, learned a lot! ;-) Unfortunately, like others, you made the assumption that I wanted to force fonts down my users throats, and wanted to know the best way to do that. That is/was not my purpose at all. My purpose was being able to install a tool/toolbar/utility on selected systems that I (and/or my selected testers) have access too to find out what that font right there actually is. I would like to be able to look at several systems (or get screen shots from selected testers) and decide, hmmm... I really like that one. So, instead of specifying the font(s) I currently have, I would specify that one first. As font mapping is so unpredictable from one platform/browser/OS to another, this tool would save me hours and of work. But as it turns out, I played and played and played and ended up choosing something fairly generic (aka boring). I did so because I gave simply up. It would be cool if someone would write such a tool. But it doesn't exist from everything I can tell. Thank you again for your reply. From: francky [EMAIL PROTECTED] Subject: Re: [css-d] Font Mapping Query / Font embedding snip of extremely thorough and thoughtful reply Aha! In the end I get it: you want a tool not for analyzing the output, but for investigating the input. :-) So I understand you would have something like a Font Recognizer. Or a kind of ORC-tool for the screen instead of the scanner. I think that is giving similar problems as I described before, and - being not a font specialist - I guess there is no simple (cheap) solution. The only things I can imagine: * If you have a screenshot of a particular font, then maybe WTF can help to decide what font is used: http://www.myfonts.com/WhatTheFont/ * If you have a particular system (or a limited set of test systems), in which you like a screen font, there are some Font Viewers to make it easy to view all installed fonts and see which one it is. For instance: http://www.snapfiles.com/get/ampfont.html * And some links found on (Google'd with free tool font recognize, giving a lot more chances): http://websitetips.com/fonts/tools/#idonline Greetings, francky __ 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] Site check
I'd be grateful to anyone willing to take a look at this site: www.theheetproject.org.uk I've checked it on IE 6, FF 1.5, and Opera 8.5 where it seems to be ok. I am particularly interested in IE 5.5 and mac. This is the second website I've made so I'd also appreciate any other feedback on the site that people might be able to offer. (Please note that most of the text on the site is all nonsense at the moment.) Many thanks, Tim __ 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] centering link gifs in a horiz. nav bar
To David, Zoe, Chris, Paul, and anyone else who has been following my headbanging: Well, the site is beginning to take shape a little better. At least 3 pages up, though I'm continuing to work on them and posting changes often. The experimental.html is no longer where I'm trying things out, and I'm going to delete it from the directory. As I fine-tune things, I'll holler if I'm stumped again. Thanks to everyone for their advice. Some of it, such as simplifying things, is partly in motion with more to come. best, Jay __ 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] Font Mapping Query / Font embedding
For the first time, someone is getting closer to what I want! This FontMatch tool is the closest thing yet. Thank you. However, it seems really silly that Windows and/or Mac OS/X can't be simply asked, if I gave you this font spec, on this computer (with all it's installed fonts), what actual font did (would) you respond with? Seems like a simple, algorithmic (rather than OCR) solution would be possible, even easy. After all, the OS is doing the font mapping, why can't you inquire what it did? Thanks again for your work on my behalf, I think I'll twiddle with this FontMatch thingy... Chris From: francky [EMAIL PROTECTED] Subject: Re: [css-d] Font Mapping Query / Font embedding Aha! In the end I get it: you want a tool not for analyzing the output, but for investigating the input. :-) So I understand you would have something like a Font Recognizer. Or a kind of ORC-tool for the screen instead of the scanner. * And some links: http://websitetips.com/fonts/tools/#idonline __ 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] CSS 3 column layout: elastic/fluid
Stefan Nagtegaal wrote: as one of a lot of people I'm trying to find the best way on how to accomplish a 3 column layout. The idea is to have an #left-sidebar, #right-sidebar both fixed width at 200px and have a #content in between them which would be fluid. (offcourse we'll also need a #header and #footer). ... See our WIKI: http://css-discuss.incutio.com/?page=ThreeColumnLayouts -- Bob Easton Accessibility Matters: http://access-matters.com __ 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] Print CSS problem with textareas in Firefox
Hi I'm creating a print CSS file for an e-forms website. The print css is being aimed at giving the user the ability to print out their form as they are completing it. Everything is fine apart from textareas. All the text will not print if the textarea has enough text to make it scroll. I've made the textarea increase in size in relation to the amount of text by using the following styles textarea{ overflow:visible; float:none !important; height:auto !important; } This works for Internet Explorer but not in Firefox. Is there anyway I can get the textareas to resize when printing in Firefox? I dont really want to use javascript if possible. Any help would be gratefully recieved. =) Thanks David __ 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] Wrapping text around images with CSS and XHTML
On Sep 2, 2006, at 8:54 AM, Nick Urbanik wrote: Well, let's see, I select the header and text, then from my Firefox context menu, I choose, View Selection Source and see this: div class=atitleIntel iMac for consumers, not Pros/div div id=recad [ stuff to display the image ] /div div id=art_body Apple's new iMac Core Duo [ lots of uber-marketing speak excised ...] Pro users. p/p /div Then I select View CSS from the web developer's toolbar and see: #recad{ padding: 0 0 20px 20px; width: 300px; height: 250px; float: right; } So I guess that's how they did it. But I'd have used a header instead of a div for the heading. And the w3c validator shows Failed validation, 186 errors, so they seem to have committed other html errors too. -- Nick Urbanik RHCE http://nicku.org[EMAIL PROTECTED] GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24 Nick, I appreciate your reply. I knew the page did not validate properly. So I was wondering what the correct method would look like. Thank you, Peter Apockotos http://www.apockotos.com http://www.gsdCentral.com http://www.happymacintosh.com http://www.knightrider.org http://www.macmariner.com __ 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] Font Mapping Query / Font embedding
Chris Williams wrote: For the first time, someone is getting closer to what I want! This FontMatch tool is the closest thing yet. Thank you. However, it seems really silly that Windows and/or Mac OS/X can't be simply asked, if I gave you this font spec, on this computer (with all it's installed fonts), what actual font did (would) you respond with? Seems like a simple, algorithmic (rather than OCR) solution would be possible, even easy. After all, the OS is doing the font mapping, why can't you inquire what it did? Thanks again for your work on my behalf, I think I'll twiddle with this FontMatch thingy... Chris Hi Chris, Perhaps some other tips you can use. 1. From the Favelet Suite of Slayeroffice you can use the MODI2-tool (Mouseover DOM Inspector) to hover over a piece of text in a site, in order to see the parent structure in a wink. For instance on your homepage: the first paragraph of the text is has no special attributes, and is built up in the hierarchy [ html, body, #pg-wrap, #pg-body, .normal, #main, .box ]. - In this way you have the node, but not yet the font-properties. Download MODI at Slayeroffice http://slayeroffice.com/tools/modi/v2.0/modi_help.html. 2. In Chris Pederick's FF Web Developer Extension is, among lots of other good things, also a DOM-inspector (menu Tools DOM-inspector). If you click the node (found in MODI) in the left pane, then in the right pane you have the option Computed style, giving the result of the css-hierarchy on that point. - In this list: also the indicated font-family. - Check first font face in the System Font Directory; if present that's him! If not, take second, and so on. Probably you've it already, but for safety the download link for the WebDeveloper http://chrispederick.com/work/webdeveloper/. 3. Should be great if there was a tool which could combine the hovering of the MODI and the computed font face of the WebDeveloper! Searched the other FF Developers Extensions, but nothing alike. :-( But sometimes things are already at home ... then I rediscovered in the Webdeveloper a forgotten option: menu CSS View Style Information. Cross hair pointer is coming, hover to the right place, click left, and: new page is coming with css property list in your site is used { font-family: Georgia, serif; }. :-) In the meantime, the status bar is giving the hierarchy from html to this p style on line 148 of your stylesheet. (Double checking can be done with the menu CSS View CSS page coming with all used css styles FF-menu Edit Search font and click Next until finished.) Some other links: * List of Common fonts to all versions of Windows Mac equivalents: here http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html. * Or specified in Win-versions: here http://www.kayskreations.net/fonts/fonttb.html. * If really nothing helps: What Font Are You? http://quizilla.com/users/jynxjynx/quizzes/What%20Font%20Are%20You%3F%20%28Standard%20Fonts%29/ :-) Greetings, francky __ 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] Font Mapping Query / Font embedding
Chris Williams wrote: It would be cool if someone would write such a tool. But it doesn't exist from everything I can tell. It's a tall order indeed. when I wanted to choose widely available fonts to suggest I use this site: http://www.codestyle.org/css/font-family/index.shtml and pick from this list: http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml using the images where I don't have the correct font installed myself. hth ;o) -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ __ 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] Font Mapping Query / Font embedding
- Original Message - From: Chris Williams [EMAIL PROTECTED] To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Monday, September 04, 2006 4:49 AM Subject: Re: [css-d] Font Mapping Query / Font embedding I want! | | This FontMatch tool is the closest thing yet. Thank you. | | Thanks again for your work on my behalf, I think I'll twiddle with this | FontMatch thingy... Chris, Not sure this will help but under the tools menu of IE browsers there is an Internet options. On mine at the bottom is a Fonts button. When clicked, it displays a list of fonts and which fonts will be displayed if that font is not install on that computer. The user can decide which font to substitute. You might be able to then determine which font is actually being used. Don -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.11.7/437 - Release Date: 9/4/2006 __ 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] Print CSS problem with textareas in Firefox
Why not set the width and height to larger values for the print style sheet? Unless you have no limit on the amount of text you will allow you should be able to find suitable values. Of course if your user types in very little, you will have the same size block of white space on the form. -- Joel Goldstick www.columbuswebmakers.com __ 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] IE problem with dropdown menu
Can somebody please help. I created a dropdown menu with css layout that works fine in firefox but not in IE can somebody please tell me the problem with http://www.access2id.co.uk http://www.access2id.co.uk/ . Regards, Lyn Williams __ 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] How JavaScript can make pure CSS solutions a lot better
As pure CSS solutions to replace JavaScripts are a theme that crops up here a lot lately, one of the admins asked if there was a good resource on all the pros and cons of CSS only solutions and why JavaScript might be a better idea. I did some research and put together a whole long post about it: http://www.wait-till-i.com/index.php?p=327 As it is only touching the topics of this list, please comment directly to me or leave a comment there. I will also add a page to the wiki on the subject in case you find more information about it. cheers Chris -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ __ 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] How JavaScript can make pure CSS solutions a lot better
As pure CSS solutions to replace JavaScripts are a theme that crops up here a lot lately, one of the admins asked if there was a good resource on all the pros and cons of CSS only solutions and why JavaScript might be a better idea. I did some research and put together a whole long post about it: http://www.wait-till-i.com/index.php?p=327 Some good information, but since UDM4 is a commercial product in a hybrid sort of way, you should give equal time to some other good menu tools - especially ones that have an automated interface. Since this post is about as on-topic as it's going to get, I'll retire to the drawing room and entertain replies or rebuttals offlist. Given the nature of what you are promoting, I felt this one post was necessary. -- Al Sparber PVII http://www.projectseven.com __ 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 problem with dropdown menu
Hi Lyn, Try these styles: .mainlink{ display:block; width:128px; background: #98cb00; font-weight:bold; font-size: 90%; color:#FF; text-decoration:none; padding: 6px; margin: 3px 0 0 0; } #submenu_1 /* 1-4 */{ width: 140px; padding: 0; margin: 3px 0 0 0; background: #E6FFCC; list-style:none; } Note that I've removed the float: left; code from your original--I'm not sure what it was there for, and it certainly didn't help in IE. I also moved the margin from the bottom of the buttons to the top, because when the lists were appearing it was creating some weird margin behaviour. __ 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] Font Mapping Query/Font embedding
Chris Williams wrote: I have CSS that specifies fonts: (Lucida SANS,Tahoma,Arial,Sans-serif;). I have various tool bars that tell me this when I hover over various pieces of text. That is, they tell me that string. But I can't tell which font was actually used. I have cases where the text appears much better on some systems than others. I would like to [know] which font a system is actually using. Does anyone know of any way to find this out? Chris, I'm not sure about Winders, but on my Mac I simply select a snippet of text in a web page and copy it. Then I paste it into another program (e.g. Apple Pages) that pastes style information along with the actual ASCII, and I'm able to see precisely what the browser is using. Dean Champeau __ 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] Font Mapping Query/Font embedding
Hey! Now there's an idea... Thanks! -Original Message- From: Dean Champeau [mailto:[EMAIL PROTECTED] Subject: Re: [css-d] Font Mapping Query/Font embedding I'm not sure about Winders, but on my Mac I simply select a snippet of text in a web page and copy it. Then I paste it into another program (e.g. Apple Pages) that pastes style information along with the actual ASCII, and I'm able to see precisely what the browser is using. __ 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] Font Mapping Query / Font embedding
Right, I've been using the CSS viewer in the FF dev toolbar forever to see what my cascade resolves to. But it only lists the style I spec'ed. I want the font the OS actually chose. But some of these other ideas help a lot. The one about using cut/paste from the browser into a word processor program may be just the ticket... I know everyone has those tools :) Thanks again. To everyone. Chris -Original Message- From: francky Subject: Re: [css-d] Font Mapping Query / Font embedding But sometimes things are already at home ... then I rediscovered in the Webdeveloper a forgotten option: menu CSS View Style Information. Cross hair pointer is coming, hover to the right place, click left, and: new page is coming with css property list in your site is used { font-family: Georgia, serif; }. :-) In the meantime, the status bar is giving the hierarchy from html to this p style on line 148 of your stylesheet. __ 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] Site check
I tested your site on IE 5.2.3 on my G4 ibook. It looks great to me, except for the missing logo on the right. I can send a screen shot to you, but basically the bottom of the house and the HEET logo are cut off by the menu bar. In Opera 9.0 and Safari 1.3.2, I fully see the HEET logo and also diagonal lines through the menu bar and center background, as well as the titleas (making home safer.) (They do not appear in IE, except in the side background and where it says making homes warmer and safer.) Delos On Sep 4, 2006, at 5:16 AM, Tim Peat wrote: I'd be grateful to anyone willing to take a look at this site: www.theheetproject.org.uk I've checked it on IE 6, FF 1.5, and Opera 8.5 where it seems to be ok. I am particularly interested in IE 5.5 and mac. This is the second website I've made so I'd also appreciate any other feedback on the site that people might be able to offer. (Please note that most of the text on the site is all nonsense at the moment.) Many thanks, Tim __ 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/ HOMEPAGE http://www.artpatient.com See the Frog Pond Webcomic, sketches, caricatures and more! __ 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] highlighting the current selection
I want the link for the currently displayed page to be quite different from the other links and static to clearly indicate the page the reader is on. I have read in Eric Myer on CSS, how to do this for one page - give the link an id and add a style for the a#id. I can't see how to get this to work on a whole site. Would this a#id style have to be on each page and not in the main css document? I hope someone can clear this up for me or point me to a reference. Thanks. __ 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/