Re: [css-d] Float clearing problem
Noah Learner wrote: Hi All, I am working on a page at http://www.learnerdesign.com/wing/index.html. ... In firefox 2.0 the divs stack vertically instead of lining up left to right. It displays exactly the way I want in IE7.0, (I know this means trouble) Also the paragraph that reads ... Doesn't have the style applied to it. I am having a problem with specificity, but can't figure out what is wrong. Validation helps. Usually, Firefox does not forget to apply styles. #.indexran:after is undecided. And your @media rule should be closed. There is an error console in Firefox available, or use Firebug's console. It reads: Selector expected. Ruleset ignored due to bad selector. ... /wing/css/index.css Line 349 Unexpected end of file while searching for end of @media or @-moz-document rule. Unrecognized at-rule or error parsing at-rule ' '. ... /wing/css/index.css Line 396 Ingo -- http://www.satzansatz.de/css.html __ 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 opening sizes
On 02/05/07, Glenn E. Lanier, II [EMAIL PROTECTED] wrote: a href=# onClick=openWindow()More/a Please don't. A link to the top of the page that also does something else if JS is available, is odd. a href=URL-to-visit-if-JS-fails.html onclick=return openwindow() (and have openwindow return false in the event of a failure). -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] P/DIV Tag problem
On 02/05/07, Scott Nicholson [EMAIL PROTECTED] wrote: Take a look at: http://dlaa.cms.derwentside.net/index.cfm?articleid=6819 (this is running on a CMS development server) and notice how the text in the first paragraph has no formatting after the image. GIGO: http://validator.w3.org/check?uri=http%3A%2F%2Fdlaa.cms.derwentside.net%2Findex.cfm%3Farticleid%3D6819charset=%28detect+automatically%29doctype=Inliness=1 Since the end tag for p elements is optional in HTML (and you are serving your XHTML as text/html), and div elements are not allowed inside paragraphs, the paragraph is closed by implication. As far as the browser is concerned, the text following the div is not inside the paragraph. Adding a blank P tag with the image inside displays correctly but it's a bit of a workaround as theoretically you can have DIVs inside P tags No, you can't. at least according to W3C. Where does the W3C claim this? -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Extra padding in Firefox
Robert Ginn wrote: http://www.sitkamusicfestival.org/4-index.html http://www.sitkamusicfestival.org/1_css_update.css In my original page, I found that the extra padding that Firefox inserted at the top was actually inside the table which contained the logo and header text (I learned this by enclosing the table in a border). Only thing is: it isn't a padding but the default margin-top on paragraphs. It is important to keep track of where such spaces comes from, as the rules for handling paddings are different from those for handling margins. For instance, see 'collapsing margins'[1]. Finally I was able to manufacture a header without using a table and the problem disappeared. Your header construction is not really valid - yet, as images can not have body as the only container in Strict. The logo-image has to go inside header itself, or be given some other container. Also, IDs are used more than once, which isn't allowed either. See: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sitkamusicfestival.org%2F4-index.htmlcharset=%28detect+automatically%29doctype=Inliness=1verbose=1 ...for details. Other than that it's quite alright. regards Georg [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- http://www.gunlaug.no __ 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] Intermittent IE6 bug -- disappearing text
On Wed, 2007-05-02 at 17:33 +0100, D. D. Brierton wrote: On Wed, 2007-05-02 at 16:31 +0100, James Leslie wrote: In IE6 (winXP SP2), I get bits of the paragraph about the book missing at browser widths above about 970px. Ah, that maybe explains why I haven't been able to reproduce it so far. I'll give my virtual machines bigger screen resolutions. *sigh* I still can't reproduce it. I just increased the screen resolution to 1600x1200 on a VM running WinXP SP2 and IE6 and no matter how big I make the browser window the text displays just fine. This is very mysterious. If someone can reproduce this bug could they please help me out tracking it down? Thanks in advance. Best, Darren -- = D. D. Brierton[EMAIL PROTECTED] www.dzr-web.com Trying is the first step towards failure (Homer Simpson) = __ 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] Intermittent IE6 bug -- disappearing text
D. D. Brierton wrote: *sigh* I still can't reproduce it. I just increased the screen resolution to 1600x1200 on a VM running WinXP SP2 and IE6 and no matter how big I make the browser window the text displays just fine. This is very mysterious. Not really. It's just one of the many stacking problems IE/win has when an area/container is not stiffen up - given 'Layout'. The variant you experience is a bit harder to track down than usual though. If someone can reproduce this bug could they please help me out tracking it down? To fix it, you can add... #content {height: 1%;} ...or another suitable 'hasLayout' trigger. You will then have to compensate tor the 3px jog bug in IE6, as it creates a gap between navigation and content area. This is easiest done by adding... * html #nav {margin: 0 -3px 0 3px; float: left;} It is possible to add the 'hasLayout' trigger further in, but IE6 became a bit unstable - more 'Layout' related bugs appearing, so I left it at the outer div as shown above. To reproduce the bug (before adding the fix), just do some step by step font-resizing on various window-width larger than around 1000px. Parts, or whole, paragraphs tend to disappear at some combinations of width and font-size. I tested in IE6 on win2K, and although it's easier to provoke the bug at window-width above 1600, the width just has to be large enough for IE to lose track of the area the paragraphs are in. regards Georg -- http://www.gunlaug.no __ 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] ADMIN Re: page opening sizes
Phil, I already indicated to you and the whole list that your question is off-topic, and pointed you to other lists that could help you. Posting back to this list was not appropriate. Everyone else, you also knew it was off-topic, so posting JavaScript solutions and commenting on usability is not appropriate. This thread needs to end now. Everyone, please respect everyone else on this list by following the rules. Thanks, Zoe Gillenwater css-d list moderator __ 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] Intermittent IE6 bug -- disappearing text
On Thu, 2007-05-03 at 13:37 +0200, Gunlaug Sørtun wrote: D. D. Brierton wrote: *sigh* I still can't reproduce it. I just increased the screen resolution to 1600x1200 on a VM running WinXP SP2 and IE6 and no matter how big I make the browser window the text displays just fine. This is very mysterious. Not really. It's just one of the many stacking problems IE/win has when an area/container is not stiffen up - given 'Layout'. The variant you experience is a bit harder to track down than usual though. Well when I said mysterious I didn't mean the bug itself, as sadly I'm all to familiar with IE bugs, but rather the fact that I couldn't reproduce it myself even with exactly the same OS and IE version. (And I still can't!) If someone can reproduce this bug could they please help me out tracking it down? To fix it, you can add... #content {height: 1%;} ...or another suitable 'hasLayout' trigger. You will then have to compensate tor the 3px jog bug in IE6, as it creates a gap between navigation and content area. This is easiest done by adding... * html #nav {margin: 0 -3px 0 3px; float: left;} It is possible to add the 'hasLayout' trigger further in, but IE6 became a bit unstable - more 'Layout' related bugs appearing, so I left it at the outer div as shown above. Georg, thank you very very much. That is a huge help to me. To reproduce the bug (before adding the fix), just do some step by step font-resizing on various window-width larger than around 1000px. Parts, or whole, paragraphs tend to disappear at some combinations of width and font-size. Well I've tried that and I *still* can't reproduce the bug. I wonder if it depends on what font is being used. The text that disappears has this font-family rule: Arial Rounded Bold,Arial Rounded MT Bold,Helvetica Rounded Bold,Arial,Helvetica,Helv,sans-serif; The VMs I've been testing on all have Arial Rounded Bold installed, but maybe if it isn't and the browser falls back to Arial then the problem occurs? That doesn't sound very likely to me, but I do wonder why I can't reproduce the problem. I tested in IE6 on win2K, and although it's easier to provoke the bug at window-width above 1600, the width just has to be large enough for IE to lose track of the area the paragraphs are in. Well I just tested at 2360x1770 and at all IE's five font-sizes and I still can't reproduce it. Weird. Thank you again. I am very grateful for your help. Best, Darren -- = D. D. Brierton[EMAIL PROTECTED] www.dzr-web.com Trying is the first step towards failure (Homer Simpson) = __ 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] IE problem (what else)
[EMAIL PROTECTED] wrote: Hi, If you have sometime could you please take a look here: http://www.linkhomes2000.co.uk/trials/basic-index.php David G) - I think all versions of IE have a problem with the use of percent for anything other than primary width bearing containers. Try maintaining the percent width of #content, and #sidebar, and readjust the percent value for the margin-left of #sidebar. Set #wrapper to 100%. And delete the percent padding, percent margins, and percent widths on everything else. This /may/ at least open it rail to rail in IE 6 and 7 and compliant browsers; and, give you a common ground start point. I hope someone else will be able to provide a simple fix. Personally, I'd think about starting over with a clean sheet with one very simple style sheet-- positioning only the two blocks, the header and the footer to work cross-browser before entertaining more. This layout http://blog.html.it/layoutgala/LayoutGala30.html might work as a base. Best, ~dL -- http://chelseacreekstudio.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/
Re: [css-d] CSS menu not behaving in IE 6
I am trying to figure out the best solution to why in IE6, The last tab in on my Menu is not displaying inline like it does in FF and IE7. It appears extra padding or margin is being added between the UL LI tags or something.The tab for 'About VAE; drops down below the menu within the content section in IE6. My solution would be to use conditional comments and add a IE6 only stylesheet adjusting the width for the menu LI's but I would rather the spacing and appearance be consistent cross browser. If you use IE6 you can see what is happening. the URL is http://www.cassell.com/draft/vae/index.php ::Bruce:: __I do not see the problem you describe. I use IE6 and the menu looks an works fine Del __ 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] Intermittent IE6 bug -- disappearing text
D. D. Brierton wrote: Well I just tested at 2360x1770 and at all IE's five font-sizes and I still can't reproduce it. Weird. Yes, it is pretty weird. As an example, here's what I got (before adding the fix) on a quite narrow window... http://www.gunlaug.no/tos/alien/ddb-ie6.png ...where a paragraph in the middle is simply cut off. When that happens I usually apply 'position: relative' to the element or its container to fix IE's 'stacking bug', but that made IE6 go completely mad and hide even more paragraphs in other blocks. So, the 'hasLayout' trigger on the outer container was the next (somewhat logical - at least in the MSIE world) debugging step. Now, you may not like this, but IE7 is introducing some window-resizing bugs - offsetting the entire middle-section if window-width is changed on wide screens. The IE6 and IE7 bugs may be related, but the IE6 fixes doesn't affect IE7. Apart from that I haven't had time )only a few days) to familiarize myself with all the new bugs in IE7, although I already have a list of potential (untested) bugs for IE7 that is larger than the bug list for IE6. Impressive :-) regards Georg -- http://www.gunlaug.no __ 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] Extra padding in Firefox
Gunlaug Sørtun wrote: Robert Ginn wrote: http://www.sitkamusicfestival.org/4-index.html http://www.sitkamusicfestival.org/1_css_update.css In my original page, I found that the extra padding that Firefox inserted at the top was actually inside the table which contained the logo and header text (I learned this by enclosing the table in a border). Only thing is: it isn't a padding but the default margin-top on paragraphs. It is important to keep track of where such spaces comes from, as the rules for handling paddings are different from those for handling margins. For instance, see 'collapsing margins'[1]. Finally I was able to manufacture a header without using a table and the problem disappeared. Your header construction is not really valid - yet, as images can not have body as the only container in Strict. The logo-image has to go inside header itself, or be given some other container. Also, IDs are used more than once, which isn't allowed either. See: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sitkamusicfestival.org%2F4-index.htmlcharset=%28detect+automatically%29doctype=Inliness=1verbose=1 ...for details. Other than that it's quite alright. regards Georg [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins Thanks again, Georg. I knew you couldn't duplicate ID's, but thought the preceding tag (such as p#header and div#header) gave it a different name. I know better now, and have distinct ID's. Also, the logo is in a div now. Thank you. I've been working in XHTML Strict, mostly for experience, but it doesn't like the hr tag, at least the noshade attribute. I'd like this page to work in Strict, but am stuck on the noshade problem. Without it, the hr's look strange---and without any hr's at all, half my design skills would be gone. Is there a CSS element similar to the hr, or should I make this a Transitional page? I'll need to read the reference on padding and margins several times before it seeps in. I appreciate the help very much. Bob __ 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] drop down menu problem - ie 7 - testers needed
Hello, I do not have IE 7 but I think it might not like my CSS drop down menu. It works fine in IE 6 and in Firefox. Could someone with IE 7 test it for me and tell me if the drop downs do not stay droped down? Also, if it is an IE 7 issue (or really even if it is not :-)), I would welcome and appreciate any suggestions, tips or fixes for this problem. The site is http://www.gns-abilene.com/ Thank you, Jennifer __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] pdf link is linking to everything
Help please Ive linked a pdf file to the brochure image, but its also made the other images a link and I cant get rid of the colour highlight on the links, its obviously inheriting the default but I've written new link attributes for the div and its not working http://www.kruger.co.uk/davinci.html urgent help needed, thanks in advance Phil Turner FREELANCE DESIGNER TEL: 0161 439 1669 Chartered Graphic Designer MCSD BA Hons [EMAIL PROTECTED] http://www.philturner-uk.com V I S I T M Y D E S I G N B L O G http://www.philturnerdesigner.blogspot.com/ NEW BOOK - YOUR PLANET NEEDS YOU http://www.yourplanetneedsyou.org __ 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] pdf link is linking to everything
On May 3, 2007, at 3:23 PM, Phil Turner wrote: Help please Ive linked a pdf file to the brochure image, but its also made the other images a link and I cant get rid of the colour highlight on the links, its obviously inheriting the default but I've written new link attributes for the div and its not working http://www.kruger.co.uk/davinci.html urgent help needed, thanks in advance Just a quick look, but in the source I don't see a closing /A on the link... (Unless I'm missing it cause it's been a long week...) Phil Turner FREELANCE DESIGNER TEL: 0161 439 1669 Chartered Graphic Designer MCSD BA Hons [EMAIL PROTECTED] http://www.philturner-uk.com V I S I T M Y D E S I G N B L O G http://www.philturnerdesigner.blogspot.com/ NEW BOOK - YOUR PLANET NEEDS YOU http://www.yourplanetneedsyou.org __ 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/ -- Jason Pruim [EMAIL PROTECTED] Production Technology Manager MQC Specialist (2005 certified) 3251 132nd Ave Holland MI 49424 616.399.2355 www.raoset.com But when a long train of abuses and usurpations, pursuing invariably the same Object evinces a design to reduce them under absolute Despotism, it is their right, it is their duty, to throw off such Government, and to provide new Guards for their future security. __ 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] pdf link is linking to everything
Phil Turner wrote: Help please Ive linked a pdf file to the brochure image, but its also made the other images a link and I cant get rid of the colour highlight on the links, its obviously inheriting the default but I've written new link attributes for the div and its not working http://www.kruger.co.uk/davinci.html urgent help needed, thanks in advance I think it's the image, not the link ... #rightcolumn img { border: 0; } __ 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] pdf link is linking to everything
Thanks Guys I missed the /a tag and it wasnt working locally but works on the server On 3 May 2007, at 20:32, Don - HtmlFixIt.com wrote: Phil Turner wrote: Help please Ive linked a pdf file to the brochure image, but its also made the other images a link and I cant get rid of the colour highlight on the links, its obviously inheriting the default but I've written new link attributes for the div and its not working http://www.kruger.co.uk/davinci.html urgent help needed, thanks in advance I think it's the image, not the link ... #rightcolumn img { border: 0; } Phil Turner FREELANCE DESIGNER TEL: 0161 439 1669 Chartered Graphic Designer MCSD BA Hons [EMAIL PROTECTED] http://www.philturner-uk.com V I S I T M Y D E S I G N B L O G http://www.philturnerdesigner.blogspot.com/ NEW BOOK - YOUR PLANET NEEDS YOU http://www.yourplanetneedsyou.org __ 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] drop down menu problem - ie 7 - testers needed
From: Jennifer Gardner [EMAIL PROTECTED] To: CSS List css-d@lists.css-discuss.org Sent: Thursday, May 03, 2007 2:17 PM Subject: [css-d] drop down menu problem - ie 7 - testers needed Hello, I do not have IE 7 but I think it might not like my CSS drop down menu. It works fine in IE 6 and in Firefox. Could someone with IE 7 test it for me and tell me if the drop downs do not stay droped down? Also, if it is an IE 7 issue (or really even if it is not :-)), I would welcome and appreciate any suggestions, tips or fixes for this problem. The site is http://www.gns-abilene.com/ Thank you, Jennifer Jennifer: Briefly, the persistance of the drop down menus in IE7/WinXPSP2 is intemittent. Sometimes they work, sometimes they don't. Problem occurs at different text sizes and zoom levels. I was originally thinking it was the padding on the *ul* or *li* elements causing too much space between the *a* elements, but you've got the visibility dependent on hovering over the *li*, not the *a*. Perhaps the margins or padding are causing too much space between the hidden *ul*'s. What about increasing the line height on the *ul*'s instead of padding; or what about putting the *ul li ul* IE fix before the visibility declarations? Or what about getting Chrs Pederick to write a Web Developer Toolbar for IE as well as Firefox !!! :-) Regardless, the site looks very nice in IE, FF2.0, and O9.2. Good job and good luck. Cheers, Peter www.fatpawdesign.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/
Re: [css-d] drop down menu problem - ie 7 - testers needed
*-Original Message- *From: Jennifer Gardner * *I do not have IE 7 but I think it might not like my CSS drop down menu. It works fine in IE 6 and *in Firefox. Could someone with IE 7 test it for me and tell me if the drop downs do not stay *droped down? Also, if it is an IE 7 issue (or really even if it is not :-)), I would welcome and *appreciate any suggestions, tips or fixes for this problem. * *The site is http://www.gns-abilene.com/ *__ Nice job! In IE 7 the drop-down appears, but when you try to drag the cursor down, it disappears. In my experience this is usually because of some space between the top level navigation and the drop-down. You might want to check your padding and tighten it up a bit. Hope this helps! Teressa Terry __ 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 replace
Issue: Boss wants Georgia font, but does not like the numbers. Site is dynamic, and there would be far too much overhead to parse all the content and append a style to any numbers Is there any way to use pure CSS to give font-family:Georgia; to everything except numbers? For example, _without changing the following code_, is there a way for the numbers to be a different font: body 123456789 the rest is Georgia /body Any input is appreciated. 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] CSS replace
Site is dynamic, and there would be far too much overhead to parse all the content and append a style to any numbers Is the site run from a CMS? One could parse the content going into the CSS with regular expressions and wrap the numbers with Span tags. Of course, to prevent things getting messed up, you'd also want to strip that information coming back into the editor. Is there any way to use pure CSS to give font-family:Georgia; to everything except numbers? There's likely a javascript solution. But it's way overkill just to please a silly request for the boss. I'd say your best solution is to just install a custom version of Georgia on your boss's computer with numbers they like. ;o) -Darrel __ 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] drop down menu problem - ie 7 - testers needed
Thank you very much for taking the time to look at this for me. I just want to make sure that I am understanding correctly when you stated the persistance of the drop down menus in IE7/WinXPSP2 is intemittent. were you just describing my problem or is this a known IE7 problem? Also, thank you for the suggestions - I tried them but they did not seem to work. Thanks again, Jennifer Hello, I do not have IE 7 but I think it might not like my CSS drop down menu. It works fine in IE 6 and in Firefox. Could someone with IE 7 test it for me and tell me if the drop downs do not stay droped down? Also, if it is an IE 7 issue (or really even if it is not :-)), I would welcome and appreciate any suggestions, tips or fixes for this problem. The site is http://www.gns-abilene.com/ Thank you, Jennifer Jennifer: Briefly, the persistance of the drop down menus in IE7/WinXPSP2 is intemittent. Sometimes they work, sometimes they don't. Problem occurs at different text sizes and zoom levels. I was originally thinking it was the padding on the *ul* or *li* elements causing too much space between the *a* elements, but you've got the visibility dependent on hovering over the *li*, not the *a*. Perhaps the margins or padding are causing too much space between the hidden *ul*'s. What about increasing the line height on the *ul*'s instead of padding; or what about putting the *ul li ul* IE fix before the visibility declarations? Or what about getting Chrs Pederick to write a Web Developer Toolbar for IE as well as Firefox !!! :-) Regardless, the site looks very nice in IE, FF2.0, and O9.2. Good job and good luck. Cheers, Peter www.fatpawdesign.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/ __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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/
Re: [css-d] CSS replace
On Thu, 3 May 2007, Austin, Darrel wrote: Site is dynamic, and there would be far too much overhead to parse all the content and append a style to any numbers Is the site run from a CMS? One could parse the content going into the CSS with regular expressions and wrap the numbers with Span tags. That might be a feasible approach in some situations, and it might be possible to use something lightweight instead of a regexp parser - after all, this would be just about recognizing sequences of digits. But I'm not sure how well Georgia would work with digits taken from another font. To me, much of the charm of Georgia consists of the oldstyle digits, so I'm biased. Is there any way to use pure CSS to give font-family:Georgia; to everything except numbers? There's likely a javascript solution. To put it a bit more explicitly, there is no pure CSS solution. You would need extra markup, or _something_ extra. There is no fundamental reason why CSS could not contain tools for the purpose; it could have pseudoelements that correspond to given characters or classes of characters and strings consisting of them; it just doesn't, and won't, in the foreseeable future. But it's way overkill just to please a silly request for the boss. I'd say your best solution is to just install a custom version of Georgia on your boss's computer with numbers they like. ;o) In fact, customizing a font might be a real solution in _some_ situations. Not all use of CSS means using it on the WWW. But normally we use CSS for styling web or intranet pages, and then tweaking fonts would really be part of new problems, not a solution. Perhaps the boss could be persuaded into thinking that oldstyle digits are _good_ when used in _texts_ and that you can use a different font in numeric tables, where the requirements are different anyway. There are borderline cases where text contains so much numeric data that it would look somewhat odd when oldstyle digits are used. Besides, oldstyle digits aren't really suitable for use with uppercase letters (as in A4 or RFC 2822), since oldstyle digits are stylistically lowercase digits. But there's no simple way around such problems - adding span markup is probably the easiest way and among the most reliable. -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ 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] drop down menu problem - ie 7 - testers needed
YEAH! I changed it to what you had below and it seems to be working - how are you all so smart Thank you, thank you. And though I don't really want my bubble burst, if anyone that saw the problem before, can check and make sure that it is gone for you as well, I would really appreciate it. Again thank you for the help! Jennifer Jennifer, I changed the css on your navigation drop-down to this: #navigation UL LI UL { PADDING: .35em 0 0 0; MARGIN: 0; WIDTH: 14em; POSITION: absolute; LEFT: -1px; } And it seems to work. Now the drop-down doesn't disappear when you move the mouse down (it's persistent). I think he meant it was intermittent because if you moved fast enough, it would stay in place, but if you were too slow, it would go away! Okay, that makes no sense, but that's what it looks like! Good luck, Teressa __ 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/ __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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/
Re: [css-d] CSS replace
On 2007/05/03 14:42 (GMT-0600) {tonyfelice} apparently typed: Issue: Boss wants Georgia font, but does not like the numbers. If the boss is using M$Vista, try Cambria as first font-family choice. If he isn't, either get him to get himself a new puter that has it, or install the M$Vista fonts on what he is using. Since Cambria, like Times New Roman, is small for it size, make Times a fallback choice. Also try Palatino. If the reason he likes Georgia is its larger x-height, show him the open source (free) font DejaVu Serif. -- The path of the righteous is like the first gleam of dawn, shining ever brighter till the full light of day. Proverbs 4:18 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 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] drop down menu problem - ie 7 - testers needed
I.E. 7Hi Jennifer, just an observation,your dropdown headings takes us to pages which also contains all the items on that drop down menu,so I would think the dropdown menu items are not necessary. On the dropdown heading Careers seven menu items are listed,but nine items are listed on the Careers page. Have fun. : ) E.F. From: Jennifer Gardner [EMAIL PROTECTED] To: CSS List css-d@lists.css-discuss.org Subject: Re: [css-d] drop down menu problem - ie 7 - testers needed Date: Thu, 3 May 2007 14:03:23 -0700 (PDT) Thank you very much for taking the time to look at this for me. I just want to make sure that I am understanding correctly when you stated the persistance of the drop down menus in IE7/WinXPSP2 is intemittent. were you just describing my problem or is this a known IE7 problem? Also, thank you for the suggestions - I tried them but they did not seem to work. Thanks again, Jennifer Hello, I do not have IE 7 but I think it might not like my CSS drop down menu. It works fine in IE 6 and in Firefox. Could someone with IE 7 test it for me and tell me if the drop downs do not stay droped down? Also, if it is an IE 7 issue (or really even if it is not :-)), I would welcome and appreciate any suggestions, tips or fixes for this problem. The site is http://www.gns-abilene.com/ Thank you, Jennifer Jennifer: Briefly, the persistance of the drop down menus in IE7/WinXPSP2 is intemittent. Sometimes they work, sometimes they don't. Problem occurs at different text sizes and zoom levels. I was originally thinking it was the padding on the *ul* or *li* elements causing too much space between the *a* elements, but you've got the visibility dependent on hovering over the *li*, not the *a*. Perhaps the margins or padding are causing too much space between the hidden *ul*'s. What about increasing the line height on the *ul*'s instead of padding; or what about putting the *ul li ul* IE fix before the visibility declarations? Or what about getting Chrs Pederick to write a Web Developer Toolbar for IE as well as Firefox !!! :-) Regardless, the site looks very nice in IE, FF2.0, and O9.2. Good job and good luck. Cheers, Peter www.fatpawdesign.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/ __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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/ _ Exercise your brain! Try Flexicon. http://games.msn.com/en/flexicon/default.htm?icid=flexicon_hmemailtaglineapril07 __ 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] drop down menu problem - ie 7 - testers needed
I've peeked at this one using FF 2 on Win XP Pro SP2. The page is not bad at all, so these are just suggestions from a picky and opinionated person: ~ the blue in the background and the blue in the logo don't match.. should they ? ~ the bar hosting the dropdown menus and the bottomBorder horiztonal element have a nice gradient on them, but the rest of the page is rather 'flat'.. maybe the gradient theme could be repeated above the header or below the footer.. or the page background could be a slight gradient (on blues).. son't know.. just something to bring it all together.. ~ the 'contact us by phone' text in the top-right corner seems a bit compressed to me.. but I realize the whole header is an image, so this might be a resource developed for other use that you get to re-use here ? ~ personally, I always question the use of full white (#FF) and full black (#00).. maybe the background you use could be a subtle off-white instead ? ~ the working image is not bulletproof: shrink the text size a bit and the copy that usually belongs below the image gets to overlap with it ~ the dropdowns are not bulletproof.. blow the font size up a bit and you'll find that their position is not optimal, they tend to overlap.. opening one of the menus also leads to some odd transparency effect... ~ do you need to repeat the 'about us', 'services', 'careers', and 'media center' links (that are in the dropdown area) in the footer ? Sometimes repeated copy is crucial.. other times it's a waste. ~ lately I'm deep into zoom layouts and alternate styles for accessibility purpose.. maybe you could add an alternate zoom style... ~ maybe consider developing a favicon.. Genesis logo seem to lend itself to that use Hope this helps, F.O.R. On 5/3/07, Ernie Finlay [EMAIL PROTECTED] wrote: I.E. 7Hi Jennifer, just an observation,your dropdown headings takes us to pages which also contains all the items on that drop down menu,so I would think the dropdown menu items are not necessary. On the dropdown heading Careers seven menu items are listed,but nine items are listed on the Careers page. Have fun. : ) E.F. __ 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] IE6 Hover States not working / Firefox top margin displays a shorter width
I ran into some issues while redesigning this site and i can't figure out what the issue is. http://anbexpress.com/redesign/ 1. The hover states work fine in Firefox but it is not working in IE6 for some reason. Also the class = active doesnt appear in IE 6. 2. The white width of the border produced by the margin in the flash div is displaying incorrectly in Firefox. It appears that it is shorter by a few pixels. what's going on here? thanks in advance, jason _ Get a FREE Web site, company branded e-mail and more from Microsoft Office Live! http://clk.atdmt.com/MRT/go/mcrssaub0050001411mrt/direct/01/ __ 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] Extra padding in Firefox
Robert Ginn wrote: I've been working in XHTML Strict, mostly for experience, but it doesn't like the hr tag, at least the noshade attribute. I'd like this page to work in Strict, but am stuck on the noshade problem. Without it, the hr's look strange---and without any hr's at all, half my design skills would be gone. Is there a CSS element similar to the hr, or should I make this a Transitional page? Add some styles to hr... hr {border: none; /* good browsers */} * html hr {border-style: solid; /* IE6 */} *:first-child+html hr {border-style: solid; /* IE7 */} ...and it will look pretty consistent across browser-land. Also, the hr is an empty element, and as such is written as hr / for xhtml 1.0 - *not* hr/hr We often use the top and/or bottom border on ordinary elements as purely visual separators. For example, the addition of... h1#top {border-top: solid 3px #fff; clear: both; margin-top: 0;} ...can replace the hr id=headerbottom / in your page, and is self-clearing. A div class=separator!-- --/div with suitable border, width, height, background-color, and margins for centering, can also replace the hr visually - and creates no cross-browser problems. It'll disappear if CSS support is missing, but that's rarely ever a problem when dealing with separators. regards Georg -- http://www.gunlaug.no __ 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/