Re: [css-d] Two columns equal length
Dave Buchholz wrote: snip * html div.half_block_center { overflow: visible; width: 100%; } If I were to put this code in a conditional comment should I choose the catch all !--[if IE] or a more specific version type ? Depends on your support-strategy... I'd use a 'catch all', since IE7, IIRC, will act correctly on it. IE7 has (more or less) the same 'hasLayout' related bugs as previous versions. Note that not all IE/win corrections are that cross-version reliable, but this one is. I always use a 'catch all' IE-only stylesheet (although not always through a conditional comment), but I also use the '* html' hack in that stylesheet for all styles that IE7, and later versions, should not be allowed to see. Such version-separation in a 'catch all' stylesheet is, IMO, more future-proof than version-separation through stylesheet-links - unless some form of include is used to add/upgrade stylesheet-links in pages. Some attention has to be given to new IE-versions anyway, and I'm already preparing for IE8-9-10. I prefer to put all my attention on what's in one, single, stylesheet - if/when a future version of IE/win arrives :-) However, the whole thing may become slightly more problematic if IE/Mac is to be supported. IE/Mac should see the 'overflow: visible' part. No real problems though - at least not as I see it - as I prefer to either give IE/Mac *no styles* at all, *or* give it its own, corrective, styles in its own, separate, stylesheet. 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] Positioning a list bullet image
Ian Piper wrote: On 19 May 2006, at 6:37 pm, David McFarland wrote: Add 3 pixels of empty space to the top of the graphic. I prefer to use background-image and background-position because they allow control over the placement of the bullets. --dave mcfarland Thanks all. I have gone for background-image. I wish I could have used list-style-image though - it feels like it should be the right way to do it. Ian. Hi Ian: This is some code which I found...not quite sure where. It uses a background image for IE, and sends all standards compliant browsers the image as a list-style-image. /* Begin CSS */ .content li { padding-left: 14px; background-image: url(../img/Global/bullet_green.gif); background-repeat: no-repeat; background-position: 0 6px; } html[xmlns] .content ul {padding-left: 14px;} html[xmlns] .content li { background: none; /* undo the background-image */ list-style-image: url(../img/Global/bullet_green.gif); padding: 0; } It is more code, but then, if you'd like to do it the right way, while accomodating less-compliant browsers, then this works. Regards, Rahul. Hope this helps, Rahul. __ 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 to add img:hover in IE?
Hi all! I'm just playing with border around image on hover. I know that IE doesn't support :hover pseudo-selector on any other element than a, so I do something like this: .galeria { float: left; } .galeria p { margin: 5px; } .galeria a img { border: 5px solid #fff; } .galeria a:hover img { border: 5px solid #5f4a35; } A added the img after a:hover but it doesn't work either for me. Look here: http://www.pripisa.sk/ubytovanie/penzion-zeleny-dom--rajecke-teplice-18/ - the small gallery above the form. Have a nice weekend :) Erik -- depi.sk - IT Life Weblog weekendcast.sk - prvý slovensko-český podcast __ 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] Positioning a list bullet image
Thanks all. I have gone for background-image. I wish I could have used list-style-image though - it feels like it should be the right way to do it. Related question... Still working on my design at http://nyslittreedata.advantex.net/new/default/default.htm. The list headings in the left navigation bar have a leaf next to them. I would like to more accurately position this leaf, and it sounds like making it a background image is the way to do that. However, the entire list is right-justified, so setting the position of the leaf to the left of the text looks like it may not be possible, as one would have to know the exact length of each heading in order to place the leaf to the left of it. Is this correct -- am I limited to list-style: url(images/leaf.gif) because the list is right-justified? marc __ 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] Further to earlier message on fieldset
It looks like the basic problem I reported on fieldset has gone now that I have cleared things up a bit. At least, Firefox and Safari now present a common front. However, I now seem to have a problem with IE. I have racked my brains about why IE positions the input boxes differently (though presumably it is due to floating) - if anyone could take a look at this page and advise on what is wrong that would be great. http://www.tellura.co.uk/soundsteps/franchise_contact.htm Thanks all, Ian. -- Dr Ian M Piper [EMAIL PROTECTED] skype: ianmpiper -- Where is the wisdom we have lost in knowledge? Where is the knowledge we have lost in information? __ 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] Opera 8 and position:fixed
Andrew Gregory wrote: Using Opera 8(.54), it's not literally centered - resize the window to see. It has an amusing repaint glitch too. Well, at least it's amusing ;) My Firefox (1.5.0.3) did not need that margin. Removing that margin changed nothing in the display of my Firefox, Opera or IE. And you are right - more playing yesterday on my part caused me to discover this, as well :) It must have been one of the other versions I was working on, and it slipped through to this one (note the name of the file is index6 - I'm up to index8 now!) Ryan Cannon wrote: unlike absolute positioning, which is relative to a relatively or absolutely positioned containing block or, that failing, the viewport. That's what I was afraid of. I was beginning to think that this is *exactly* what the issue was. Oh well, at least it's now verified! I'm wondering if you perhaps want absolute position instead of fixed. I would be happy to use absolute positioning. The problem is (and you can see this in IE) that when you *do* use absolute positioning, the sidebar scrolls with the page, as well. Which I don't want. The only part I want to scroll is the content area - the box and the sidebar, I want to stay in place, right where they are. In Firefox (and apparently Opera 9 and IE7) it does exactly what I want it to do. With the code you supply, page does very odd things when the window scrolls. I'm willing to bet you mean the weird light gray boxes that scroll everywhere over the sidebar? This is the other thing I'm experimenting with - I'm trying to associate block-level divs with the scrolling content. Normally, when you hover/click over the links in the sidebar, the background reverts back to the original background color (since CSS doesn't supply onclick events the way a javascript would). What I was trying to do is, when the end user clicks on a link to scroll to that particular section of content, that light gray box covers the link, making it obvious *which* page of content you are on - sort of like a fake onclick thing. (I hope that makes sense.) Again, in Firefox, works great. Everything else..it sucks. Anyway, if anyone has further input on this, I'd appreciate it - but it *is* just something I'm toying with, so it's of no real importance. Just messing around to see if it can be done. I'm beginning to think that it can't! Thanks! ~Shelly __ 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] table to flow layout conversion
hi all. i'm working on converting this site: http://www.pacifictao.com :from a table layout to css. it's going pretty well, but i'm having trouble duplicating some of the pages. right now, i'm working on the dvd page: http://www.pacifictao.com/index.php:and i have this so far: http://heli.cx/clients/pacifictao/dvds.html with the css at http://heli.cx/clients/pacifictao/main.css if the text-align: justify property actually worked, i'd be set, but you guys know how that is. specifically, i need help getting the pictures to stay in rows when the window is resized, and i still haven't come up with a good way to hang the text under them. thanks for your time! .skye. __ 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] vanishing imgs color in IE/PC and Firefox/PC - jkcocc
On 06/05/19 17:16 (GMT-0400) Jay Kinney apparently typed: I recently overhauled my domain web-site and brought it up to date with XHTML and CSS. I'm self-taught, but that hasn't stopped me from trying to have a pretty good-looking (if quirky) site. But I'm stumped and hope that my problem will be glaringly obvious to one of you. The URL: http://www.jaykinney.com The problem: Everything seems fine on my Mac (Safari, IE, Mozilla, Firefox), but the header art (3 varieties on 3 types of pages) and background color vanish on my wife's PC laptop (IE and Firefox). I'd attribute this to some IE bug, but the problem is there in Firefox/PC, too! Both the XHTML and CSS are validated. If anyone has any suggestions, I'd be very grateful. I don't think I'm seeing the problem you're describing. I do see others though. I have a simplified testcase to show one of them that's probably attributable to a difference in default font sizes in the browsers on your Mac and on her Laptop, resulting in the last links spilling out the bottom of the div as font size is increased: http://mrmazda.no-ip.com/tmp/jaykinney.html http://mrmazda.no-ip.com/SS/jaykinney1.gif I'm guessing her laptop is one of many high resolution models that come from the vendor pre-configured to use large fonts, which means a DPI of 120 instead of the usual 96. That would make her IE default 20px instead of 16px, but would not affect Firefox. I could easily be wrong on this guess though. Care with how and where you set font-size and line-height should solve this. Other problems I see relate to your handling of text sizes and leading. Rather than going into font details most on this list don't want to hear about again, I'll just offer a few resources for you to look at: http://mrmazda.no-ip.com/auth/line-height-inherit.html http://www.alistapart.com/articles/dao/ http://www.w3.org/2003/07/30-font-size http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html http://www.useit.com/alertbox/designmistakes.html http://www.unc.edu/~jkullama/inls181/final/font.html http://mrmazda.no-ip.com/auth/bigdefaults.html http://mrmazda.no-ip.com/SS/bbcSS.html -- All have sinned fall short of the glory of God. Romans 3:23 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 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] Started over - new questions
Marc Funaro wrote: http://nyslittreedata.advantex.net/new/default/default.htm 1. ... Opera seems to ignore my list-style:none on sublist items for some reason. It made my CSS a little more complex with regards to spelling out the appearance of each level in the navigation, but it's something that really makes sense to me. Am I way off here? Not sure. Haven't had any such problems in Opera lately. Will have to look into it a bit more. Maybe someone else know what's bugging it. 2. Per a suggestion I read that content come before navigation (for screen readers or those browsers that won't display CSS), I moved my navigation div so that it appears in the HTML below the content area, and adjusted my CSS to follow floating per one of the alistabove articles. Now, I cannot get this layout's content area to look the same between FF/Opera and IE, no matter what I do. It's the 'margin-doubling bug on floats' in IE that needs a kick in the butt :-) Add this nonsense styles... #leftNav {display: inline;} #mainContent {display: inline;} ...they are nonsense because 'floats' are 'block-elements' and can't revert to 'inline', but somehow the buggy rendering-engine in IE comes to it senses when it sees that 'display: inline;' rule on 'floats'. Other browsers are not disturbed by the nonsense. Is it simply not important enough to worry about having content come before navigation in the HTML -- because I had this looking great in all three browsers until I moved it around... It will look fine with the above IE-corrections. The 'line of thought' that it is better to have main content before a lot of navigation, makes sense in a non-CSS browser, and most assisting browsing-software seems to approach web pages similarly - with limited CSS-support. It isn't the only 'line of thought' though, as some prefer to pepper their pages with 'skip to main content' and/or 'skip to navigation', while others line up everything the old way: based on look in graphical/CSS browsers. Personally, I prefer to have main content high/first in the source-code, as I think main content is the most important part of a web page/article. Organizing source-code this way gives better separation between content and presentation, IMO, and one can style it to appear as one like to anyway. 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/
[css-d] List test
Send some messages today and haven't seen them... Testing list. = Marc Funaro, President Macromedia Certified Advanced ColdFusion Developer A D V A N T E XL L C Technical Consulting Services P.O. Box 428 Norwich, NY 13815 607-336-6895 * Hosting * Design * * Networking * Database Design and Administration * * Support Consulting * IM Contacts: (do not send email to these addresses) [EMAIL PROTECTED] [EMAIL PROTECTED] [EMAIL PROTECTED] = __ 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] dithered.com domain expired?
Does anyone know where the CSS filters page at dithered.com went to? I get a this domain expired notice going to my bookmark for it. thanks Donna __ 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] Started over - new questions
Add this nonsense styles... #leftNav {display: inline;} #mainContent {display: inline;} This worked great, thanks. I notice that my left nav in opera is not condensed the way it is in firefox or ie... Not a big deal - I don't mind the look too much, but just curious as to why the instructions I put in my CSS, which seem logical and valid, are not being adhered to with Opera. Also, I'm trying to create horizontal navigation using lists, and I can't seem to get display: inline; to be recognized by ANY of the browsers. Is there something simple I am missing? __ 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] Started over - new questions
Disregard my horizontal list question - it was a stupid typo. __ 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] Anidated divs IE problem
In the IE, the output shows the First element with all the properties except the border, Second element (and all after that) looks totally fine... in Firefox all the elements shows the border... Plus, if I put anything before h1First element/h1, even a simply letter, the element displays his respective border... Hi Joel, I can't reproduce what you get, both headlines have the border and style on my Win IE 6 and FF 1.0.6. Maybe have a look at the #first{} declarations?! Niklas __ 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] Almost done!
http://nyslittreedata.advantex.net/new/default/default.htm http://nyslittreedata.advantex.net/new/default/default.css I am almost done with this layout, in 100% css, and it is all very exciting... Members of this list have been VERY helpful -- thank you all! I have the following remaining issues: 1. For the bottom horizontal navigation, I would like to have a dot between each of the links, but I've used a (logical) unordered list to display them. What would you do to achieve this goal? 2. My left navigation bar is not tight in opera, as it is in FF/IE... It's as if opera is ignoring my margin/padding settings. 3. The content area in IE does not extend to the bottom as it does in FF/Opera... And I've tried min-height, height, etc to fix it... Not sure what to do - any ideas, anyone? 4. In the left nav, under Poulin Publishing Project, the items Small Presses and Literary Magazines are supposed to have a regular bullet next to them, but IE is ignoring me. (Is it me, or should the entire development team of IE all be fired and/or burned at the stake?) None of these items are show stoppers, but certainly curiousities for the newbie. Thanks for any help you can provide. marc __ 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] Started over - new questions
Marc Funaro wrote: I notice that my left nav in opera is not condensed the way it is in firefox or ie... Not a big deal - I don't mind the look too much, but just curious as to why the instructions I put in my CSS, which seem logical and valid, are not being adhered to with Opera. You're experiencing different defaults in Opera vs. other browsers, I think. Defaults are not universal, so it's always a good idea to add your own preferences if such differences are too disturbing. Try adding... #leftNav {line-height: 1.28;} ...and see if that's close enough for comfort across browser-land. Adjust to taste. 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/
[css-d] Fonts
Alright. Issue: No way for use to use more than non-standard fonts. Solutions: Image replacement, auto generate them with scripting, flash.. ewww... None of these are solutions. They are all work-arounds for the problem. I have read through css 2 standard and the font parts of css 3 and this common problem is not addressed. Did I miss it? Is it possible that we can have the browsers load the fonts into memory while viewing the page? Because you can't have the user just download them because there are licenses on fonts. Flash gets around it by encoding the fonts. I know people will hack and get around any method you use but is it possible to have a method that is just hard enough that most people don't care to try. I would love to hear what other people think and have to say about this. If this post is not supposed to go here, I'm sorry I'm new to the list, point me in the right direction. Sorry guys to rant but I have just about had enough of creating these images... Nick - Nick Morgan | Web Developer | New City Media P: 540.552.1320 x204 F: 540.552.5493 C: 540.921.7835 W: www.newcitymedia.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] Best picture gallery?
Hi everybody, what kind of picture gallery would be the best to present the real-estate offer, and do you have any suggestion or example, or advise? Thanks alot in advance, sincerely, Igor __ 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] Two columns equal length
Dave Buchholz wrote: snip * html div.half_block_center { overflow: visible; width: 100%; } ...which is according to specs[1] for the good browsers, and according to Microsoft[2] for IE/win. Looking good in my browsers. /snip If I were to put this code in a conditional comment should I choose the catch all !--[if IE] or a more specific version type ? The general case will work, but may not be perfect in IE 5.0 (haven't tested). -- 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/
Re: [css-d] Anidated divs IE problem
Joel Alfonso wrote: I don't know why when I put a div immediately inside of another div, the first element in the anidated div, IE doesn't displays the correct format defined in the CSS file ... [snipped] In the IE, the output shows the First element with all the properties except the border, Second element (and all after that) looks totally fine... in Firefox all the elements shows the border... Plus, if I put anything before h1First element/h1, even a simply letter, the element displays his respective border... somebody knows what's this problem? I really appreciate any help, thanks! The two small snips of code are not enough to recreate the problem. Something else is part of the problem. We need to see more. Can you post an example on the web? -- 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/
Re: [css-d] Style Families
Bill Brown/Jessica Weinberg wrote: [lots snipped] I thought it might be a good idea if those designers had included a snap to full-width button which would switch the blog to the full width of the viewport. Now it occurred to me (and probably to you) that I could kill their styles altogether or they could have allowed a style switch, but I also found out a reason why they might not. [lots snipped] Maybe the introduction of such a thing to the W3C is a pipe dream and getting even Firefox or another fairly compliant browser to begin to implement that borders on the delusional, but ... [remainder snipped] Style sheet switching scripts and Greasemonkey scripts exist today which serve the purpose, or are easily extended to serve the purpose. You mention you have your own script too. The Firefox and Opera families of browsers already support menu driven style sheet switching. I don't remember if IE7 does (high probability), so what is it you really want? You are proposing ways to select thematic style sheets, and asking that the W3C and browser publishers codify those methods. From sitting on the W3C CSS Working Group, I can speculate that what you suggest might be considered (isn't delusional), but would likely sit at the bottom of a long priority list until sufficient demand caused it to percolate up. Then, it would take time to get it into a spec, and more time yet to get it into browsers. For example, web designers started using image substitutes for text (headings, esp) a few years ago. The CSS Zen Garden popularized the technique(s). There are half a dozen related techniques in use, each with its own pros and cons. Only a few weeks ago the CSS WG started discussing a provision to offer an img url substitute in the font selections. It is slotted for the text module of CSS3, which is still a l-o-n-g way off. Caution advised with this example. We are discussing, but have not agreed to provide such a feature. So, don't get too excited about it until it makes its way into a draft spec. Only a few W3C folks follow this list, and fewer yet browser implementors. A better way to make sure your proposal is seen is to post it on the W3C's *www-style* mail list. Find subscription instructions here: http://www.w3.org/Mail/Request -- 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/
Re: [css-d] using css for hover like effects
I've currently have a semi css, semi table layout. i want to convert everything to css, so there are some tables to be cleaned out. one of them starts like: table width=110 height=148 border=0 cellpadding=0 cellspacing=0 class=featuredmags onmouseover=this.style.backgroundColor='#6699ff'; onmouseout=this.style.backgroundColor='' is this possible via css? thanks, You can use table:hover { background-color: #6699ff; } ...but IE only recognises the hover psuedo-class for anchors. Compliant browsers ie Firefox, Safari, etc, recognise this so it's good for progressive enhancement which will be recognised across the board when IE becomes fully compliant. -- http://www.web-buddha.co.uk dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css) look out for project karma, our new venture, coming soon! __ 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] using css for hover like effects
You can only use the pseudo-class hover on an a-tag like this .featuredmags a:hover { background: #aaa; color: #fff } // Sebastian -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of nooluyo? Sent: 20. maj 2006 17:34 To: css-d@lists.css-discuss.org Subject: [css-d] using css for hover like effects Hi, I've currently have a semi css, semi table layout. i want to convert everything to css, so there are some tables to be cleaned out. one of them starts like: table width=110 height=148 border=0 cellpadding=0 cellspacing=0 class=featuredmags onmouseover=this.style.backgroundColor='#6699ff'; onmouseout=this.style.backgroundColor='' it's used for a mouseover color change of the table. is this possible via css? thanks, alp __ 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-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] Pseudo class links
Date: Fri, 19 May 2006 20:50:33 -0400 From: Al Sparber [EMAIL PROTECTED] Subject: Re: [css-d] Pseudo class links To: css-d@lists.css-discuss.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; format=flowed; charset=iso-8859-1; reply-type=original From: Doug Niven [EMAIL PROTECTED] I've found that a big problem using Dreamweaver or other HTML design software is in styling links, as the software seem to like to apply styles outside of an a tag using a span or some such rather than applying it to the tag itself. This is an inherent problem related to a tags as browsers have a built in style for links that overrides any style applied outside of the tag. I frequently have to go in and tweak a lot of code related to link tags when I forget this about Dreamweaver. The problem doesn't exist, for instance, when the software uses a span to apply a style around a p tag, unless a style has already been applied to the p tag. The it took me a while to develop an eye for seeing issues affected by the cascading aspect of CSS in situations lie this. It always comes up with a tags because of their default style. --Kenoli __ 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 to add img:hover in IE?
Zdravicko Eriku ;) A added the img after a:hover but it doesn't work either for me. Add this: .galeria a { text-decoration: underline; } .galeria a:hover { text-decoration: none; } to make IE *re-render the hover* status, otherwise it gets stuck as you noticed. -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net __ 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] using css for hover like effects
On 21/05/06, Sebastian Dammark [EMAIL PROTECTED] wrote: You can only use the pseudo-class hover on an a-tag like this .featuredmags a:hover { background: #aaa; color: #fff } not true, you can use it on any element, it's just that IE only recognises it when used with the anchor element. compliant browsers recognise it (with td for example) so it's good for a little progressive enhancement. -- http://www.web-buddha.co.uk dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css) look out for project karma, our new venture, coming soon! __ 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] Opera 8 and position:fixed
Design Groups wrote: Anyway, if anyone has further input on this, I'd appreciate it - but it *is* just something I'm toying with, so it's of no real importance. Just messing around to see if it can be done. I'm beginning to think that it can't! Don't know about that :-) If this somewhat like what you're looking for? http://www.gunlaug.no/tos/moa_8e.html CSS in page-head. Footer and side-bar have fixed position relative to a fluid-width container - regardless of window-width. The page is a bit old now, and I've forgotten to fine-tune one of those margins on the footer for IE/win, so IE shows a slight sign of endless scrolling below bottom - but only in that test page. The full-blown, cross-browser working, version is here... http://www.gunlaug.no/contents/toc_7a.html ...as an example. 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] Opera 8 and position:fixed
Gunlaug Sørtun wrote: http://www.gunlaug.no/tos/moa_8e.html CSS in page-head. Correction: CSS found here... http://www.gunlaug.no/tos/styles/ag3c-050123.css http://www.gunlaug.no/tos/styles/ag3c-050123-ie.css ...and updated to avoid endless scrolling in IE/win. 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] dithered.com domain expired?
On 20/05/06, Donna Casey [EMAIL PROTECTED] wrote: Does anyone know where the CSS filters page at dithered.com went to? I get a this domain expired notice going to my bookmark for it. From talking with James Edwards (a.k.a. Brothercake) I've understood that Chris Nott has proven hard to reach for quite a while. (I never got any reply from him last mail I sent, back in 2004...) This is one thing I'd gladly see some community like eVolt, A List Apart or CSS-D take over (might be some copyright issues with the test suite though), but until something like that happens, have a look at uri:http://www.accessifyforum.com/viewtopic.php?t=5230 -- David liorean Andersson uri:http://liorean.web-graphics.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] position: absolute and Flash
I have a banner div with an enclosed image and a menu. The banner is position: relative and the image and menu are position: absolute with z-index set so the menu will be on top of the image. The problem is when the image is replace (via javascript) with flash content it no longer is below the menu, and instead will cover the menu. div id=banner div id=flash img src=... / /div div id=menu ul liMenu 1/li liMenu 2/li /ul /div /div I have z-index on the flash and menu divs, so on small windows the menu will be on top of the image. Now, I'm using SWFObject v1.4[1] which detects if flash is installed and then updates div id=flash with the embed or object by use of innerHTML. When the Flash movie is replaced the z-index no longer seems to work -- that is, on narrow windows the flash content is on top of the menu instead of the other way around. Here's the javascript -- on page load you call the write() method passing in the id of the div (i.e. flash in the example above). You can see that's it's just doing: n.innerHTML = this.getSWFHTML(); where getSWFHTML simply returns the object or embed text. I've even tried adding class=z-index: 1; inline in the embed with no difference. Any idea why the z-index no longer works, or better, how to make it work? I want the menu to be on top of the flash media. [1] http://blog.deconcept.com/swfobject/ Thanks, -- Bill Moseley [EMAIL PROTECTED] __ 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] Positioning a list bullet image
On 20 May 2006, at 5:21 pm, Marc Funaro wrote: Related question... Still working on my design at http://nyslittreedata.advantex.net/new/default/default.htm. The list headings in the left navigation bar have a leaf next to them. I would like to more accurately position this leaf, and it sounds like making it a background image is the way to do that. However, the entire list is right-justified, so setting the position of the leaf to the left of the text looks like it may not be possible, as one would have to know the exact length of each heading in order to place the leaf to the left of it. Is this correct -- am I limited to list-style: url(images/leaf.gif) because the list is right-justified? Hi Marc, Is that url OK? I don't see any navigation bar (Safari, FF or IE/ Windows). Regarding the question, provided that you have made your list item anchor tag display:block then you can specify a width, and right- range the text within that. The width you set takes care of the placement of the background image, so the width of the text doesn't matter. You have a lot of control over where you place the background image. Ian. -- Dr Ian M Piper [EMAIL PROTECTED] skype: ianmpiper -- Where is the wisdom we have lost in knowledge? Where is the knowledge we have lost in information? __ 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] Positioning a list bullet image
I would like to more accurately position this leaf, and it sounds like making it a background image is the way to do that. However, the entire list is right-justified, so setting the position of the leaf to the left of the text looks like it may not be possible, as one would have to know the exact length of each heading in order to place the leaf to the left of it. Is this correct -- am I limited to list-style: url(images/leaf.gif) because the list is right-justified? Your a's aren't blocks, so they'll shrink-wrap to the link text. Just set the leaf image as a left-aligned background image on the links themselves, instead of the list items, then give those links left padding so the text doesn't overlap the leaf. __ 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] Fonts
Nicholas Morgan wrote: Alright. Issue: No way for use to use more than non-standard fonts. The current state of CSS, and standard fonts, is such that there few people in the entire world who have even scratched the surface of what is possible with what is available. Some typographers spend their entire life working with and attempting to understand one font. And some of them are represented among the standard fonts. No need for image replacement, flash. or scripting. There is a grave need for creative people to understand the intrinsic fluidly of the Web, and push the envelope when it comes to typography. There are so many doors yet to be opened with the beauty of CSS creatively combined with standard available fonts. Sorry guys to rant but I have just about had enough of creating these images... Nick Best, ~davidLaakso -- http://www.dlaakso.com/gustave/ __ 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] position: absolute and Flash
In most browsers flash is always on top of everything, and this isnt changable.. Evert Bill Moseley wrote: I have a banner div with an enclosed image and a menu. The banner is position: relative and the image and menu are position: absolute with z-index set so the menu will be on top of the image. The problem is when the image is replace (via javascript) with flash content it no longer is below the menu, and instead will cover the menu. div id=banner div id=flash img src=... / /div div id=menu ul liMenu 1/li liMenu 2/li /ul /div /div I have z-index on the flash and menu divs, so on small windows the menu will be on top of the image. Now, I'm using SWFObject v1.4[1] which detects if flash is installed and then updates div id=flash with the embed or object by use of innerHTML. When the Flash movie is replaced the z-index no longer seems to work -- that is, on narrow windows the flash content is on top of the menu instead of the other way around. Here's the javascript -- on page load you call the write() method passing in the id of the div (i.e. flash in the example above). You can see that's it's just doing: n.innerHTML = this.getSWFHTML(); where getSWFHTML simply returns the object or embed text. I've even tried adding class=z-index: 1; inline in the embed with no difference. Any idea why the z-index no longer works, or better, how to make it work? I want the menu to be on top of the flash media. [1] http://blog.deconcept.com/swfobject/ 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/
Re: [css-d] position: absolute and Flash
Bill Moseley escribió: I have a banner div with an enclosed image and a menu. The banner is position: relative and the image and menu are position: absolute with z-index set so the menu will be on top of the image. [...] I have z-index on the flash and menu divs, so on small windows the menu will be on top of the image. Now, I'm using SWFObject v1.4[1] [...] [1] http://blog.deconcept.com/swfobject/ Hi Bill, This is my first msg to the list. You must set this parameter to swfobject Function: mymovie.addParam(wmode, opaque); Complete example: div id=selloL div id=flotanteimg src=.../div script type=text/javascriptvar mymovie = new FlashObject(sello.swf, movie, 270, 200, 6, #669900); mymovie.addParam(menu, false); mymovie.addParam(wmode, transparent); mymovie.write(flotante); /script /div Regards, -- m o n ! : [EMAIL PROTECTED] http://insomnia.m3w.com.ar/ __ 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] Fonts
David, That's great and all but you didn't answer my question. To me this is the same problem that we had without CSS. We used tables and other means to get the designs that we wanted. This is how I interpret what you just told me. We have carefully thought and put together 12 standard t-shirts. They are great t-shirts and everyone on the planet has to pick out of that 12 because we studied what it takes to be a t-shirt and feel that the 12 we have chosen are awesome. The point is to empower designers not to put them in a box. And as much as you try you can't take css and make a font look like another, you just don't have that much control. I appreciate all the time people put into their fonts. I know how much time they take to make. And I think people should be able to use them without hassle on the web. There are thousands of ways to make arial look different but in the end it is still arial. Nick On May 21, 2006, at 2:25 PM, David Laakso wrote: Nicholas Morgan wrote: Alright. Issue: No way for use to use more than non-standard fonts. The current state of CSS, and standard fonts, is such that there few people in the entire world who have even scratched the surface of what is possible with what is available. Some typographers spend their entire life working with and attempting to understand one font. And some of them are represented among the standard fonts. No need for image replacement, flash. or scripting. There is a grave need for creative people to understand the intrinsic fluidly of the Web, and push the envelope when it comes to typography. There are so many doors yet to be opened with the beauty of CSS creatively combined with standard available fonts. Sorry guys to rant but I have just about had enough of creating these images... Nick Best, ~davidLaakso -- http://www.dlaakso.com/gustave/ __ 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/ - Nick Morgan | Web Developer | New City Media P: 540.552.1320 x204 F: 540.552.5493 C: 540.921.7835 W: www.newcitymedia.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] Further to earlier message on fieldset
Ian Piper wrote: I have racked my brains about why IE positions the input boxes differently (though presumably it is due to floating) http://www.tellura.co.uk/soundsteps/franchise_contact.htm Hi Ian, You're right - it's a float issue! You can fix it (I've only checked in FF, IE6 and Safari) by removing the float declaration from the '.sel-box' rule. cheers, Stuart __ 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] Opera 8 and position:fixed
Gunlaug Sørtun wrote: Gunlaug Sørtun wrote: http://www.gunlaug.no/tos/moa_8e.html CSS in page-head. Correction: CSS found here... http://www.gunlaug.no/tos/styles/ag3c-050123.css http://www.gunlaug.no/tos/styles/ag3c-050123-ie.css ...and updated to avoid endless scrolling in IE/win. Georg The full-blown, cross-browser working, version is here... http://www.gunlaug.no/contents/toc_7a.html ...as an example. regards Georg RE: Design Groups I no longer have the original thread, so I am tagging on-- not sure exactly what is you are looking for other than it has to do with fixed positioning something or other about Opera. And no way I can compete with Georg Sortun as I learned everything from his cat 'Molly'(and so did he). But this is along the same lines, but is a little different so FWIW: http://www.dlaakso.com/sandbox/master-v03.html. The last time I looked this thing worked in Opera9sort of), but that was a long time ago. Best, ~dL -- http://www.dlaakso.com/gustave/ __ 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 to add img:hover in IE?
Ahoj zdravmi ta :) Now it is okay, and do you know why is there the empty space in the gallery? (in both browsers) Erik Jan Brasna wrote: Zdravicko Eriku ;) A added the img after a:hover but it doesn't work either for me. Add this: .galeria a { text-decoration: underline; } .galeria a:hover { text-decoration: none; } to make IE *re-render the hover* status, otherwise it gets stuck as you noticed. __ 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 6 Spacing Issues Negative Margins
I have two issues. All in IE 6. CSS for all of these issues is at: http://www.madeblue.com/wp-content/ themes/pbv2/style.css Issue one: Negative Margin to set sidebar. I am using a float right and negative margin to place a sidebar in a container. Works great in Firefox.. of course. Page: http://www.madeblue.com/category/blog/ The second issue is what seems to be a strange spacing issue. In the left nav in IE, what is supposed to be a 10px bottom margin, looks like WAY more than that. Which brings up another issue, why does the spacing always look so much bigger in IE? Its on every page: http://www.madeblue.com Please let me know if you need more info. 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/
Re: [css-d] Fonts
On May 21, 2006, at 3:31 PM, Nicholas Morgan wrote: I have read through css 2 standard and the font parts of css 3 and this common problem is not addressed. Did I miss it? @font-face isn't what you're looking for ? http://www.w3.org/TR/REC-CSS2/fonts.html#font-descriptions http://www.w3.org/TR/REC-CSS2/fonts.html#referencing Is it possible that we can have the browsers load the fonts into memory while viewing the page? Because you can't have the user just download them because there are licenses on fonts. Flash gets around it by encoding the fonts. I know people will hack and get around any method you use but is it possible to have a method that is just hard enough that most people don't care to try. This is only, somehow, implemented by IE windows. It has been dropped out of CSS 2.1, due a lack of interoperability, and the zillions of problems associated with downloadable fonts (copyright issues, security, file size,... and what more). The CSS WG has opened a discussion on this very topic http://lists.w3.org/Archives/Public/www-style/2006Apr/0070.html 'Downloadable fonts and image replacement' http://lists.w3.org/Archives/Public/www-style/2006Apr/thread.html Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] site check / images in header question
Hello all, I hope this is not too foolish of a question. I am working on a site for a friend (I didn't select the colors g). The site is located at: http://www.conditioncritical.net/ and the css is at http://www.conditioncritical.net/css/style.css What I would like to do on this site can be seen at: http://test.conditioncritical.net/ (only the homepage at this location shows what I am trying to do with images in the top of the page - all of the menu links link to the main pages). Basically I want to have an image across the top of the content area as shown on the test page. However, the live site is of a fluid design and I am wondering if there is any way to accomplish a fluid design while having a top image. I imagine way to do this is to have the image much wider than is expected to be needed and somehow hide the excess width if the browser window is narrow. Unfortunately I don' t know how to accomplish such a feat. I would also love to have random images show up each time, but I realize that is outside of the scope of css. Once I know how to properly get the images displayed with a floating design, I will initially have a different image for each page. Random images might come later :) As part of the implementation of the top images I plan on changing the menus on the live site to the non-attached menus like on the test page, however, I have to stick with the same colors as on the live site. Thanks for any feedback/suggestions on the above and the site. Regards, Dale p.s. the css does validate, but with a few warnings. I am working on correcting those. And I do realize while the css does validate, it doesn't mean it is the most efficient code. __ 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] dithered.com domain expired?
On May 22, 2006, at 2:40 AM, liorean wrote: Does anyone know where the CSS filters page at dithered.com went to? I get a this domain expired notice going to my bookmark for it. From talking with James Edwards (a.k.a. Brothercake) I've understood that Chris Nott has proven hard to reach for quite a while. (I never got any reply from him last mail I sent, back in 2004...) This is one thing I'd gladly see some community like eVolt, A List Apart or CSS-D take over (might be some copyright issues with the test suite though), but until something like that happens, have a look at uri:http://www.accessifyforum.com/viewtopic.php?t=5230 A few days ago on this list http://archivist.incutio.com/viewlist/css-discuss/74735 http://archivist.incutio.com/viewlist/css-discuss/74739 Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] Pure CSS popup
Hello all, I have this page that needs to look exactly like that: http://www.wuongean.com/ The CSS for this is here: http://www.wuongean.com/wg_layout.css and http://www.wuongean.com/wg_typo.css I want the span in div#kanji to be displayed when hovering over the image kanji_small.jpg, and I am trying to achieve this with a pure css popup. So far I've got to this: http://www.wuongean.com/beta/popup/index2.htmhttp://www.wuongean.com/with the css for this here: http://www.wuongean.com/beta/popup/wg_layout.css and http://www.wuongean.com/beta/popuphttp://www.wuongean.com/beta/popup/wg_layout.css Can I absolutely position the span? I'd like it to either cover the kanji_small image, or to appear on top of the main content. I don't want a horizontal scroll bar. I've been looking at this for too long now and am stuck, I need a rest :-) Any ideas or suggestions welcome! Thanks in advance Christine __ 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] Pure CSS popup
Sorry wrong links it seems! So, what I want is here: http://www.wuongean.com and the css is here: http://www.wuongean.com/wr_typo.css and http://www.wuongean.com/wr_layout.css http://www.wuongean.com/wr_typo.css What I've managed to do so far is here: http://www.wuongean.com/popup/index2.htm and the css is here: http://www.wuongean.com/popup/wr_typo.css and h ttp://www.wuongean.com/popup/wr_layout.css. Sorry about that! Christine On 5/21/06, Christine Ce [EMAIL PROTECTED] wrote: Hello all, I have this page that needs to look exactly like that: http://www.wuongean.com/ The CSS for this is here: http://www.wuongean.com/wg_layout.css and http://www.wuongean.com/wg_typo.css I want the span in div#kanji to be displayed when hovering over the image kanji_small.jpg, and I am trying to achieve this with a pure css popup. So far I've got to this: http://www.wuongean.com/beta/popup/index2.htmhttp://www.wuongean.com/with the css for this here: http://www.wuongean.com/beta/popup/wg_layout.css and http://www.wuongean.com/beta/popuphttp://www.wuongean.com/beta/popup/wg_layout.css Can I absolutely position the span? I'd like it to either cover the kanji_small image, or to appear on top of the main content. I don't want a horizontal scroll bar. I've been looking at this for too long now and am stuck, I need a rest :-) Any ideas or suggestions welcome! Thanks in advance Christine __ 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] Fonts
On 06/05/21 15:34 (GMT-0400) Nicholas Morgan apparently typed: There are thousands of ways to make arial look different but in the end it is still arial. Or is it? http://www.ms-studio.com/articles.html -- All have sinned fall short of the glory of God. Romans 3:23 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 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/