[css-d] IE6 Ignoring text-decoration
I have some links inside of a table. Two TD cells in this table have their own css class. When: .cellOne { text-decoration: none; } .cellTwo { text-decoration: none; } IE6 ignores the text-decoration css for cellTwo. There's not a single other difference between these two cells, and even if I try apply style=text-decoration: none; to the a href element itself, IE ignores it. However, any other css in cellTwo is observed - so IE isn't ignoring the class, it's ignoring the text-decoration. There is no other definition of the cellTwo class, so nothing is overriding it. cellOne works fine. The only other place the text-decoration is defined is the general css for all links, but it doesn't affect cellOne at all. Any ideas? IE7 works fine. Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.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] IE6 Ignoring text-decoration
IE was ignoring the css because the URL of the link was #, as a place-holder. IE saw this is a visited, so setting the text-decoration to a:visited fixed the issue. Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- From: francky [mailto:[EMAIL PROTECTED] Sent: Wednesday, April 05, 2006 6:31 PM To: Mike Botsko Cc: CSS Discuss (E-mail) Subject: Re: [css-d] IE6 Ignoring text-decoration Mike Botsko wrote: I have some links inside of a table. Two TD cells in this table have their own css class. When: .cellOne { text-decoration: none; } .cellTwo { text-decoration: none; } IE6 ignores the text-decoration css for cellTwo. There's not a single other difference between these two cells, and even if I try apply style=text-decoration: none; to the a href element itself, IE ignores it. However, any other css in cellTwo is observed - so IE isn't ignoring the class, it's ignoring the text-decoration. There is no other definition of the cellTwo class, so nothing is overriding it. cellOne works fine. The only other place the text-decoration is defined is the general css for all links, but it doesn't affect cellOne at all. Any ideas? IE7 works fine. Hi Mike, Strange - strange- strange! I built your table, but cannot reproduce the problem. See testpage http://home.tiscali.nl/developerscorner/css-discuss/test-textdecoration-IE.htm. With IE6 under Win98SE everything is doing fine, as in FF. Browsershots.com says: because of a flash AddOn (nothing flashy to see in my html!) ... IE6 under XP is crashing http://home.tiscali.nl/developerscorner/css-discuss/images/test-underline-IE6-onXP.png but seems o.k. for the underlines, IE7beta under XP is ok http://home.tiscali.nl/developerscorner/css-discuss/images/test-underline-IE7b-onXP.png, Safari is o.k. http://home.tiscali.nl/developerscorner/css-discuss/images/test-underline-Safari.png So my conclusion for now is: or something in XP, or a typo, or something complicating/interfering in the rest of the css or html code? Do you have a link to a page which shows your phenonenon? Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Disabling wrapping elements within a div
I have a test page: http://www.botsko.net/test.html That I am designing a very basic set of links. In the real site, the header will limit this area to a min-width of 600px. The number of links within this area will vary. If there are too many, I want them to wrap to the next line. However, I don't want the link text itself to wrap, so that a link is broken between two lines. I just want the entire link to be pushed to the next line if the first line is too long, I don't want it to wrap the link itself otherwise the gray box starts on one line and ends on the next - very ugly. I need this to work in IE 6+, Firefox, Safari. Any ideas? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.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] Disabling wrapping elements within a div
Thanks. However, that causes the links to jump out of the containing header DIV in Firefox. In IE, the last item on each line is not wrapped, just wrapped within its own DIV, which expands the line-height. I'll try this using lists, but so far I'm still getting the weird wrapping in IE. Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Glenn E. Lanier, II Sent: Monday, April 17, 2006 10:00 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Disabling wrapping elements within a div From: Mike Botsko Sent: Monday, April 17, 2006 11:40 AM http://www.botsko.net/test.html That I am designing a very basic set of links. In the real site, the header will limit this area to a min-width of 600px. The number of links within this area will vary. If there are too many, I want them to wrap to the next line. However, I don't want the link text itself to wrap, so that a link is broken between two lines. I just want the entire link to be pushed to the next line if the first line is too long, I don't want it to wrap the link itself otherwise the gray box starts on one line and ends on the next - very ugly. I need this to work in IE 6+, Firefox, Safari. Add float:left; to your #subCatLinkBox a rule, i.e., #subCatLinkBox a { /* all your other rules */ border: 1px solid #ccc; float:left; /* the new rule */ } You *may* have to add a clear:left; to the section following your div#subCatLinkBox. However, you may want to look at marking these links as an unordered list instead of many div's containing a single link. See the wiki for List tricks [1], which includes a link to Listamatic [2] which should prove really helpful. If you want the links to appear in columns, then the wiki multiple column lists [3] may help. [1] http://css-discuss.incutio.com/?page=ListTricks [2] http://css.maxdesign.com.au/listamatic/ [3] http://css-discuss.incutio.com/?page=MultipleColumnLists --G __ 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] Disabling wrapping elements within a div
Thanks, this worked perfectly! Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- From: Donna Casey [mailto:[EMAIL PROTECTED] Sent: Monday, April 17, 2006 10:11 AM To: CSS Discuss (E-mail) Cc: Mike Botsko Subject: Re: [css-d] Disabling wrapping elements within a div Mike Botsko wrote: http://www.botsko.net/test.html However, I don't want the link text itself to wrap, so that a link is broken between two lines. I just want the entire link to be pushed to the next line if the first line is too long, I don't want it to wrap the link itself otherwise the gray box starts on one line and ends on the next for your a tags, add the following properties: display: block; width: auto; float: left; white-space: nowrap; and then, just before the closing div of the container that surrounds all the links, add a clearing element: .clearme { clear: both; height: 0px; } See this page. I set the #simulatedHeader to an 80% width so you can change the browser width and see that all the links behave as expected. http://n2dreamweaver.com/n2dreamweaver/tips/nowrap.htm HTH 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/
[css-d] Safari 2.0.3 doesn't see a:hover inside of LI
I have a header that has several top-level links like: li onmouseover=subNavMouseover('winSubNav'); onmouseout=subNavMouseout();a href=/windows/ id=winMainNavWindows/a ul id=winSubNav style=display: none; lia href=/windows/2003/2003/a a href=/windows/xp/XP/a a href=/windows/2000/2000/a a href=/windows/nt/NT/a a href=/windows/me-98-95/ME/98/95/a a href=/windows/Windows-All/a/li /ul When the user mouse-overs each top-level LI it toggles javascript to show the appropriate submenu (simply setting proper display: none/block values). Everything works fine in IE and Firefox, and the toggle/display stuff works fine in safari. However, the secondary LIs have an a:hover { color: #fff; } which shows up properly in both IE and Moz. However, Safari doesn't display the hover color. When you click a sublink the a:active color works fine, and if I try setting an onmouseover=alert() to the A element, it works fine. Safari just won't recognize the a:hover element for the header. I have noticed that it works fine if the menu is set to display: block initially. If someone hovers over another top-level link and I use javascript to set sub-level UL to style.display =block, that's when the a:hover doesn't work. Any ideas why safari won't show a:hover in a UL set to display: block by javascript? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.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] Safari 2.0.3 doesn't see a:hover inside of LI
Updated: The a:hover still won't show at all in Safari for me when the UL/LI the link sits within was set to display: block by javascript. However, setting a onmouseover=this.style.color = '#fff' works fine, but is more code than I want and seems very unnecessary. I tried creating a test page for safari just to make sure this isn't a bug, and it worked fine. It's something in my code that somehow only affects safari. Has anyone ever seen this? I don't see why safari will recognize the onmouseover, but not the a:hover? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Mike Botsko Sent: Thursday, April 20, 2006 9:57 AM To: CSS Discuss (E-mail) Subject: [css-d] Safari 2.0.3 doesn't see a:hover inside of LI I have a header that has several top-level links like: li onmouseover=subNavMouseover('winSubNav'); onmouseout=subNavMouseout();a href=/windows/ id=winMainNavWindows/a ul id=winSubNav style=display: none; lia href=/windows/2003/2003/a a href=/windows/xp/XP/a a href=/windows/2000/2000/a a href=/windows/nt/NT/a a href=/windows/me-98-95/ME/98/95/a a href=/windows/Windows-All/a/li /ul When the user mouse-overs each top-level LI it toggles javascript to show the appropriate submenu (simply setting proper display: none/block values). Everything works fine in IE and Firefox, and the toggle/display stuff works fine in safari. However, the secondary LIs have an a:hover { color: #fff; } which shows up properly in both IE and Moz. However, Safari doesn't display the hover color. When you click a sublink the a:active color works fine, and if I try setting an onmouseover=alert() to the A element, it works fine. Safari just won't recognize the a:hover element for the header. I have noticed that it works fine if the menu is set to display: block initially. If someone hovers over another top-level link and I use javascript to set sub-level UL to style.display =block, that's when the a:hover doesn't work. Any ideas why safari won't show a:hover in a UL set to display: block by javascript? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.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-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] Safari 2.0.3 doesn't see a:hover inside of LI
Ok, let me ask this in a simpler way. Why would safari recognize: onmouseover=this.style.color='#fff' but not a:hover { color: #fff; } ? I've defined a:link, a:visited, a:active in the same css file before defining the a:hover. The hover works perfectly in both Firefox and IE. The element sits inside a UL/LI that is set to display: none when the page loads. If you hover over a navigation menu, javascript sets the UL/LI to display: block. If this same menu were set to display: block; when the page loaded, everything would work fine. It seems that the javascript setting document.getElementById(problemNav).style.display = block somehow prevents safari from seeing the :hover. Remove the javascript and set it to display: block, and it works. Any ideas? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Mike Botsko Sent: Thursday, April 20, 2006 11:56 AM To: CSS Discuss (E-mail) Subject: Re: [css-d] Safari 2.0.3 doesn't see a:hover inside of LI Updated: The a:hover still won't show at all in Safari for me when the UL/LI the link sits within was set to display: block by javascript. However, setting a onmouseover=this.style.color = '#fff' works fine, but is more code than I want and seems very unnecessary. I tried creating a test page for safari just to make sure this isn't a bug, and it worked fine. It's something in my code that somehow only affects safari. Has anyone ever seen this? I don't see why safari will recognize the onmouseover, but not the a:hover? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Mike Botsko Sent: Thursday, April 20, 2006 9:57 AM To: CSS Discuss (E-mail) Subject: [css-d] Safari 2.0.3 doesn't see a:hover inside of LI I have a header that has several top-level links like: li onmouseover=subNavMouseover('winSubNav'); onmouseout=subNavMouseout();a href=/windows/ id=winMainNavWindows/a ul id=winSubNav style=display: none; lia href=/windows/2003/2003/a a href=/windows/xp/XP/a a href=/windows/2000/2000/a a href=/windows/nt/NT/a a href=/windows/me-98-95/ME/98/95/a a href=/windows/Windows-All/a/li /ul When the user mouse-overs each top-level LI it toggles javascript to show the appropriate submenu (simply setting proper display: none/block values). Everything works fine in IE and Firefox, and the toggle/display stuff works fine in safari. However, the secondary LIs have an a:hover { color: #fff; } which shows up properly in both IE and Moz. However, Safari doesn't display the hover color. When you click a sublink the a:active color works fine, and if I try setting an onmouseover=alert() to the A element, it works fine. Safari just won't recognize the a:hover element for the header. I have noticed that it works fine if the menu is set to display: block initially. If someone hovers over another top-level link and I use javascript to set sub-level UL to style.display =block, that's when the a:hover doesn't work. Any ideas why safari won't show a:hover in a UL set to display: block by javascript? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.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-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] CSS editor?
Personally I use PSPad for editing everything. Dreamweaver 8 has some good css editing tools but it's not a sole reason to obtain Dreamweaver. Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- what do you guys (and gals) recommend as a CSS editor? __ 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] Two inline, centered DIVs with line breaks inside
I have two links that I want to sit inside of a big gray box. Those two big gray boxes will be next to each other (matching heights) and centered in the page. However the second link has br / tags within it. div id=linkButtons div class=linkButtona href = Removed Link Text/a/div div class=linkButtona href = Removed Link Textbr /and some morebr /Removed Link Text/a/div /div #linkButtons { width: 100%; text-align: center; border: 1px solid red; } .linkButton { height: 40px; width: 200px; margin: auto; padding: 20px 10px; background-color: #ccc; border: 1px solid #000; font-size: 20pt; } Now this achieves everything I want except that the DIVs will not sit next to each other horizontally, only vertically. If I try adding display: inline; to the linkButton class, it makes them sit where I want, but the link break element causes the div to become three imcompleted boxes - one for each line, missing a preceeding border (following the text). How I can make them sit next to each other yet remain one box surrounding the entire link? Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.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] Two inline, centered DIVs with line breaks inside
The problem with the float: left is that it offsets the centering. The two boxes are together and with a clear element the DIV boxes surround the links properly, but both links show up in the top left of the wrapping DIV. Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- From: Christian Montoya [mailto:[EMAIL PROTECTED] On 4/24/06, Mike Botsko [EMAIL PROTECTED] wrote: I have two links that I want to sit inside of a big gray box. Those two big gray boxes will be next to each other (matching heights) and centered in the page. However the second link has br / tags within it. div id=linkButtons div class=linkButtona href = Removed Link Text/a/div div class=linkButtona href = Removed Link Textbr /and some morebr /Removed Link Text/a/div /div Best I can think of: .linkButtons { margin:0 auto; width: 400px; } .linkButton { float:left; width:50%; } And there might need to be a clearing element after the two div.linkButton to keep them contained. __ 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] IE6 , page not displaying
You have an !-- at the beginning of the style statement, but no ending. If you add the end to the /style tag, IE will work. Michael Botsko Web Developer 503.227.2571 x230 AIM: botskonet TechTracker, Inc www.techtracker.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Mark Fellowes Sent: Wednesday, May 03, 2006 3:02 PM To: CSS List Subject: [css-d] IE6 , page not displaying Trying a simple 3 col fluid layout. It refuses to show up in IE6. Firefox seems fine. http://pamshop.com/Template1/exp10.html I checked markup, simple and correct. #wrapper has min-width: 720px; which i think is IE incompatible but I expected to see something. Sorry to ask but anyone understand what's going on ? TIA Mark __ your personal webtop. @ http://www.goowy.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-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 loosing z-index when parent elem has position: relative
I have DIV within a DIV that is hidden until a user clicks a javascript link to make it visible. div id=promoEnterPromoCode (a href=javascript:togglePromoWindow()I have a promo code/a) div id=enterPromoBlk Some form /div /div Css is: #promoEnterPromoCode { display: block; position: relative; margin-left: 0px } #enterPromoBlk { position: absolute; top: 10px; left: 10px; width: 400px; padding: 10px; background-color: #eee; visibility: hidden; z-index: 5000; border: 1px solid #666; } Now in firefox and safari this works fine. In IE, the enterPromoBlk div looses any z-index value as long as the position: relative is in promoEnterPromoCode. The inner div shows up behind in the other elements on the page, making it very hard to see no matter what the z-index is set to. If I remove the position: relative, IE shows the element fine, yet it shows absolute to the viewport instead - way far away from where it needs to be. Any ideas? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE loosing z-index when parent elem has position: relative
Here is a link to an example. If you click on a link in IE, IE ignores the z-index as long as the parent div has a position: relative. Any ideas how I can make IE place the inner div above other page elements instead of behind them? http://www.botsko.net/Test/zindex.htm -Original Message- Now in firefox and safari this works fine. In IE, the enterPromoBlk div looses any z-index value as long as the position: relative is in promoEnterPromoCode. The inner div shows up behind in the other elements on the page, making it very hard to see no matter what the z-index is set to. If I remove the position: relative, IE shows the element fine, yet it shows absolute to the viewport instead - way far away from where it needs to be. Any ideas? __ 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] Readonly textarea backround color ignored in firefox
I have a textarea that is set to readonly=readonly and no matter what I try, Firefox 1.5.0.3 shows the background as a brownish color. IE shows the background as white which is what I want. If I inspect the element using Firebug, it says the background color of the textarea is white, yet it's obviously not. http://www.botsko.net/Test/readonly_textarea.html __ 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] Readonly textarea backround color ignored in firefox
Apparently, it's only white that doesn't work. If you set it to any other color it works fine. On 23/05/06, Mike Botsko [EMAIL PROTECTED] wrote: I have a textarea that is set to readonly=readonly and no matter what I try, Firefox 1.5.0.3 shows the background as a brownish color. IE shows the background as white which is what I want. If I inspect the element using Firebug, it says the background color of the textarea is white, yet it's obviously not. http://www.botsko.net/Test/readonly_textarea.html __ 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] Readonly textarea backround color ignored in firefox
-Original Message- I have a textarea that is set to readonly=readonly and no matter what I try, Firefox 1.5.0.3 shows the background as a brownish color. IE shows the background as white which is what I want. If I inspect the element using Firebug, it says the background color of the textarea is white, yet it's obviously not. http://www.botsko.net/Test/readonly_textarea.html -Original Message- Mike, it shows up white in both IE6 and Firefox 1.5.0.3 running on Win2K here. This issue appears to be a Windows only thing... maybe even only Windows XP. I've tested it here and IE/Safari/Firefox Mac are working fine. However, I've verified that on two Windows XP Pro machines, using Firefox 1.5.0.3, textareas cannot be assigned a background-color of white if they're set to readonly. Someone mentioned that this doesn't happen in Windows 2k, so maybe it's a bug relating to FF and Windows XP. Can anyone else verify on various Windows machines? __ 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] Readonly textarea backround color ignored in firefox
-Original Message- http://www.botsko.net/Test/readonly_textarea.html FYI - Many of you confirm that this tends to happen on Win XP. I have no idea why this happens and there did not appear to be a bug filed for it yet. I have filed https://bugzilla.mozilla.org/show_bug.cgi?id=339016. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE issues
I think that if you decrease the space alotted for the text, IE will display it correctly. It looks as if IE is pushing the element down because there's just not quite enough space for the text and the sidebar elements to be next to each other. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Zach Shepherd Sent: Friday, July 14, 2006 2:19 PM To: css-d@lists.css-discuss.org Subject: [css-d] IE issues I'm having some issues getting a page to display properly in MSIE (what a surprise). http://shepherdspecialties.com/p-ville_dev/ In FF and Opera, it looks fine to me (the bar on the right is a bar on the right), but MSIE seems to have a problem re-arranging it. I can't figure out if it's a bug in IE or something with my code... Thanks for any help you may be able to provide! Zach __ 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] No style applied to an A that lacks an HREF... Why?
If you have a blank or # href, IE assumes that it's a link to the current page and sees it as a visited link, which means it's only going to use the a.visited attribute. -Original Message- .. It's almost as if IE doesn't look for a style unless there's an href attribute associated with the a element. Anybody have a clue what's going on? BTW, Safari on Mac applies the :hover style as expected. __ 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: squibbles
http://www.mysquibbles.com For now the text size is fixed with PX, so I know I'm going to have problems with text sizes. __ 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/