Re: [css-d] @media tv
Was't there a device made by Microsoft that allowed to use a standard tv to browse the web? MSN tv formerly Web TV. http://msntv.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] vertical centering of list-style-image with list item
// Is there any way to adjust the vertical alignment for IE? Not for list images (as far as I can remember). I wouldn't be too picky about stuff like that, but if you really want it to look centered you have a few options. 1) Bigger (vertically) image that does look centered. 2) Use a background image on the li instead (with a little left padding). 3) Adjust the font-size and assume the user won't noodle with this. I think #1 is the way to go. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can CSS compare the href to the URL and if they match, highlight the href?
Is there a way to write the style so that it will work without putting a style unique to each page in the head of that page? Can CSS compare the href to the URL and if they match, highlight the href? If every body tag has a unique id and I add a matching id to the link to that page, could I somehow get the browsers to compare that? You could probably do something with the CSS3 :target pseudo-class, but it would be awkward at best. Browser support would also be lacking. The best bet is some sort of server side programming or Javascript; however, both would be off topic. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera 9, input type=file and text-indent
text-indent doesn't work on input type=submit /, so I can't use a background-image to style it I think you're going to have to provide some sample code of what exactly you are doing as text-indent applies to block level elements. http://www.w3.org/TR/CSS21/text.html#propdef-text-indent __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Oldest Browser Currently Testing for
Virtualization is great for this sort of thing; however, specifically what I do is. Opera and Netscape The browsers allow for multiple versions coexisting on the same machine. Firefox I use a virtualization program for different older browser; however, there are tips online for getting two separate installations to work at the same time. It's relatively painless. Internet Explorer I download the Multiple Ies program. Safari I've noticed tends to behave similar enough to Opera that it doesn't need to be tested as much (except Javascript). Generally I test Opera 9+, Netscape 7+, IE5.5+, Firefox 1+, Safari 1+ which makes up the overwhelming majority of users that I care about. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scrollbars and 'overflow'
Set overflow-x:none From: [EMAIL PROTECTED] on behalf of Ray Leventhal Sent: Tue 8/7/2007 8:28 AM To: css-d Subject: [css-d] scrollbars and 'overflow' Hi all, I've a site with a moderate amount of content in each page, with one exception. Markup: http://www.newlifemontessori.org/index.php?why CSS: http://www.newlifemontessori.org/styles/newlifemontessori.css I've got overflow-y: auto; on div id=main, so I certainly expect to see the vertical scroll bar. I was going to ask: Must I explicitly add overflow-x: hidden; to that element to prevent the horizontal bar at bottom? but even with that added, the horizontal bar appears. The content doesn't appear to come close to the div boundaries, so this one has me a bit puzzled. TIA for any comments/suggestions. Best regards, ~Ray __ 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-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] IE7 vs FF Question
This test page: http://www.gfarnsworth.com/TEST/Test4.htm appears very different in the two browsers. The look I want is what I see in Firefox and Netscape. The reason for this is due to a transitional doctype. If you set it to a strict doctype they will look very similar. __ 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] IE7 vs FF Question
This test page: http://www.gfarnsworth.com/TEST/Test4.htm appears very different in the two browsers. The look I want is what I see in Firefox and Netscape. I forgot to mention though that that won't fix it for older versions of IE as the position:fixed property isn't supported by them. It's only supported in the strict mode of IE 7. __ 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] Image text replacement
Here's a demo using modified Gilder-Levin with a link instead of a span. I've tested it in FF1.5 and IE6. Since the A and SPAN tags are both inline and a:hover and a:active are well-supported, it should work over the same range as the modified Gilder-Levin: http://www.triche-osborne.com/testing/demos/image_replacement2.html If you use this form of the G-L with a hyperlink, there will be a linking issue with a text-only browser. I did a google and came up with this page, which shows how you can use the same method but keep the text linked. http://www.pmob.co.uk/temp/headerreplacement3.htm I checked it with Opera's text browser emulator and it seems to work flawlessly. __ 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] How do you create this multicolumn dropdown menu?
I'm guessing that this is some sort of styled/modified suckerfish dropdown but I haven't been able to find out how to do it. If anyone can provide some direction that would really be great. I'm not sure if this is exactly what you want, but this seems to get it close to the feeling of their site. You'll need to add the js portion. ul { padding:0; } li { display:inline; } li ul { position:absolute; display:none; } li:hover ul { display:block; } ul liTest 1 ul style=background:red; liTest A/li liTest B/li liTest C/li liTest D/li /ul /li liTest 2 ul style=background:blue; liTest A/li liTest B/li /ul /li /ul -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of John Lee Sent: Monday, May 21, 2007 9:39 AM To: css-d@lists.css-discuss.org Subject: [css-d] How do you create this multicolumn dropdown menu? Ladies Gentlemen- Does anyone know how to create the dropdown menu on this site (rollover the Artist selection in the main nav): http://www.islandrecords.com I'm guessing that this is some sort of styled/modified suckerfish dropdown but I haven't been able to find out how to do it. If anyone can provide some direction that would really be great. Thanks, John __ 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-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] Inheritence Problem
I believe the reason for this is that conquerer sees an error with your HTML. The paragraph tag is one of those block level elements that can only contain inline level elements. H3 is a block level element. I found this link, which seems to have good information about why this is the case. http://www.autisticcuckoo.net/archive.php?id=2005/01/11/block-vs-inline- 1 In your example, there really is no need to have the following: ph3text/h3/p It can be replaced with: h3text/h3 This will remove the issue and tidy up your code. __ 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] ul two rows same markup
I would like to know if it's possible to create two rows using the following markup (without clearing divs) and have them centered (both rows)within a div. This will work for the two rows (style appropriately from here). ul { } li { display:inline; } For the bar seperators, you may want to just use a left border on all but the first li. You'll ensure compatibility with all browsers that way. __ 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] remove input border via css?
I suppose I was not very clear, but Yucca hid it right on the head. On an interactive quiz page I respond to each student response with some constructive feedback which I currently display in a multiline textfield. I would like to provide the feedback so that it looks like normal text on the page without the appearance of the textfield. Is there a simple way to display this feedback in some other element other than a textfield? The overflow property will work with that. One thing that I noticed though was that some browsers don't like the overflow:visible property on the textarea tag; however, every browser I checked like overflow:hidden. Maybe you could utilize that styling with a known height. __ 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-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] remove input border via css?
Is there any way to use css to remove the border that accompanies an input box? 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] ie7 mouseover graphic jumping
When you put your mouse over it the over graphic is a little slow to load so the original background color shows first before the over image shows so it looks like it is jumping. I personally didn't see a slow transition for the rollover effect, but what you could do is preload the image. If you place another item on the page with that image and then set it's CSS property of display to none that should do the trick. I haven't tried this trick with IE7, but I would assume it would still hold true. - Scott Heckel __ 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] Browser check and IE 6 sub navigation problem
A good way to check your clients pages with other versions of IE is to install multiple IE versions on the same machine. There are a few tutorials on how to do this, but the easiest one is the Multiple IEs installer from TredoSoft. http://tredosoft.com/Multiple_IE You can also check out the page about this on Position is Everything http://www.positioniseverything.net/articles/multiIE.html and QuirksMode http://www.quirksmode.org/browsers/multipleie.html This will make it a lot easier. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Phil Turner Sent: Friday, May 04, 2007 8:36 AM To: css-d Subject: [css-d] Browser check and IE 6 sub navigation problem Hi everyone Thanks for all the help getting my site to a nearly finished state, please could someone check in IE 6 as client says the PRODUCTS section in the navigation isn't working. http://www.kruger.co.uk/ If thats the case can someone tell me why and how I can fix it Thanks all 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/ __ 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-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] Scroll bar in IE6 not in FF
Creating a frameset with one frame and setting the scroll of that frame to auto will do the job; however, you really should think about if it really is worth having to use frames. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Thursday, April 26, 2007 12:15 PM To: css-d@lists.css-discuss.org Subject: [css-d] Scroll bar in IE6 not in FF My site www.boxdproductions.co.uk gets an unsightly vertical scroll bar in IE but not in FF. Any ideas how I can remove this? Regards Pete __ 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-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/