[css-d] list elements in ie6
Hi, I am creating a vertical DD menu, and IE 6 does not like this. It outputs the list like a set of steps/stairs Menu item1 Menu item2 Menu item3 Can anyone tell me what the selector should be? I have sorted this in other projects by defining the list element and the anchor separately (in 2 definitions) but this just seems WRONG. Is there a way to fix this for IE? ul#mainMenu li a{ float:left; clear:none; padding-right:20px; height:25px; display:block; text-align:center; text-decoration:none; color:#7f7a26; font-weight:bold; padding-left:20px; font-size:12px; padding-top:5px; } R. __ 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/
[css-d] horizontal list in ie 6
I have done this and fixed it before but I cannot remember how I did it! At the moment my list steps in ie 6 Item1 Item2 Item3 The css #middleMenu li a{ height:20px; display:block; float:left; margin-left:20px; font-size:11px; text-decoration:none; color:#FCEE21; background-color:#00; } __ 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/
[css-d] IE 6 absolute positioning bug
I have a problem with my #home #middleColum totally disapearing in IE6. Any ideas why? Thanks. The CSS @charset "utf-8"; /* CSS Document */ body { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; color:#FF; /*background-image:url(../images/bodyBg.gif);*/ } #container { width:100%; height:200px; float:left; position:relative; } #leftSide{ position:absolute; left:0px; top:0px; width:135px; height:800px; padding-left:35px; padding-top:100px; background-image:url(../images/leftSide.gif); } #rightSide{ position:absolute; width:300px; height:800px; background:url(../images/rightSide.gif) no-repeat; left:690px; padding-left:20px; padding-top:240px; } #rightSide ul{ padding:0; margin:0; list-style:none; font-size:11px; color:#FF; } #rightSide ul a{ text-decoration:none; color:#FFF; } #home #middleColumn, #history #middleColumn, #philosophy #middleColumn, #contact #middleColumn{ position:absolute; top:0px; left:170px; width:520px; height:600px; background-color:#00; background-image:url(../images/mainMiddle.jpg); display:block; } #courses #middleColumn, #ptCourses #middleColumn, #ftCourses #middleColumn, #shortCourses #middleColumn, #postgradCourses #middleColumn{ position:absolute; left:170px; float:left; width:520px; height:600px; background-image:url(../images/courseMiddle.jpg); } http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Mary Reid School of Beauty Intro Text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vehicula justo sed enim. Maecenas tempus laoreet leo. Vestibulum sit amet est vitae pede consequat convallis. Lorum Ipsom Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur porttitor sapien sollicitudin lorem. Cras lacinia blandit felis. Aliquam erat volutpat. Nullam viverra aliquam neque. Nunc neque ante, tincidunt sit amet, feugiat ac, aliquet sit amet, arcu. Vestibulum iaculis, lorem at nonummy lobortis, nisl massa pulvinar odio, ut fermentum enim lacus id elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vivamus eu lacus. Maecenas nisl. Suspendisse massa. Nam turpis quam, pulvinar vel, adipiscing eget, vulputate in, urna. Donec vehicula quam quis pede. __ 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/
[css-d] footer disapears in ie 6
Hi, My footer disapears in IE6. It seems to happen when my #container is reduced to 800px. Any ideas why? Thanks, R. http://vps.aztechost.co.uk/~suruch1/test/ http://vps.aztechost.co.uk/~suruch1/test/css/ __ 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/
[css-d] should I worry about the warnings?
Hi, My CSS validates, however I get loads of warning http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwallacewhittle.com&warning=1&profile=css21&usermedium=all Generally they are "Same colors for color and background-color in two contexts" Should I be looking to eliminate the warnings if so how because I want the text and the container div to be white? R. __ 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] iepngfix disables my links
No it is correct as the fix is applied (the shadow border is a transparent png IS transparent). It just seems to knock out the links. R. - Original Message - From: "Ian Young" <[EMAIL PROTECTED]> To: "Ross Hulford" <[EMAIL PROTECTED]>; Sent: Friday, October 12, 2007 10:00 AM Subject: Re: [css-d] iepngfix disables my links > iepngfix.htc'); >> } >> >> all the links become inactive. Does anyone have any idea why this >> happens? I am using and old version of the .htc? >> >> http://suruchirestaurant.com/test/css/iepngfix.htc >> http://suruchirestaurant.com/test/index.php >> >> >> Thanks, >> > > Hi Ross > > You have called the htc file from css/iepngfix.htc. > Shouldn't this be ('./iepngfix.htc') as the "fix" is in the same folder as > the CSS? > > Or have I missed something? > > Ian > No virus found in this outgoing message. > Checked by AVG Free Edition. > Version: 7.5.488 / Virus Database: 269.14.8/1064 - Release Date: > 11/10/2007 > 15:09 > > __ > 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/ > cuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ 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/
[css-d] iepngfix disables my links
when I apply the iepngfix.htc in my css with the line div{ behavior: url('css/iepngfix.htc'); } all the links become inactive. Does anyone have any idea why this happens? I am using and old version of the .htc? http://suruchirestaurant.com/test/css/iepngfix.htc http://suruchirestaurant.com/test/index.php Thanks, R. __ 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] "z-index" - flash object on firefox under linux
try adding if you haven't already beside the other ones R. - Original Message - From: "Phillip Cavaco" <[EMAIL PROTECTED]> To: Sent: Wednesday, October 03, 2007 4:08 PM Subject: [css-d] "z-index" - flash object on firefox under linux > happening only on firefox under linux. > > Is there any css hack or something? > > Thanks, > > Phillip > __ > 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/ > olicies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ 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/
[css-d] Absolute position problem in IE
I have an absolutely positioned div #button iside a relative container. http://www.mysite.com";>Our Website This is fine in FF and ie7 but in ie6 it disapears. Anyone hazzard a guess why this happens. It reappears if I make it relative #container { width:751px; margin-left:auto; margin-right:auto; float:none; position:relative; } #inside-container { width:751px; min-height:400px; position:relative; margin-left:auto; margin-right:auto; float:left; background-image:url(../images/main_image.jpg); background-position:-2px 0px; background-repeat:no-repeat; background-color:#80; } #button { position:absolute; display:block; width:100px; height:100px; color:#99; top:200px; right:0px; background-color:#00; } __ 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/
[css-d] css style swapper
I am looking for a simple script that uses javascript to determine the the screen resolution and swap in etiher a high res or a low res stylesheet. Thanks. __ 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/
[css-d] wordbreak
Is it possible to break up words inside a table? My words when too long jump to the next line instead of breaking up. Is there any css porperty that works? R. __ 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] switching text size
http://www.dyn-web.com/dhtml/sizefont/index.php#examples http://www.white-hat-web-design.co.uk/articles/js-fontsize.php __ 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] images and the suckerfish
Foget this. It was working just my "ie6_is_an_absolutey_tragic_excuse_for_a_browser.css" file was not linking properly. Ta, R. __ 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/
[css-d] images and the suckerfish
I have a problem in ie6 http://vps.aztechost.co.uk/~wallace/specialist_abilities/communications.php The suckerfish menu goes behind the images. I had this working before but cannot figure out how I did it. Any ideas? R. __ 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] named anchors in IE
This code works some text The problem is not that it uses 'id 'or 'name' but that it is empty. How do I use the haslayout property, like this? Does it validate? h2 { hasProperty = True; } __ 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/
[css-d] named anchors in IE
I have a css menu CAD Operators when I try to link to a named anchor in ie it does not work what am I doing wrong? R. __ 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/
[css-d] Stepped menu in ie6
I a crearting a basic horizintal menu with CSS. The problem is in IE6 is looks like a set of steps First item Second item Third item Fourth Item I have done loads of these and cannot understand what is happening this time. #cat_menu ul{ list-style:none; padding:0; margin:0; } #cat_menu li a{ color:#ccc; float:left; padding:5px; border-right:1px solid #fff; background-color:#333; font-size:10pt; height:20px; display:inline; } #cat_menu li a:hover{ background-color:#99; text-decoration:none; } __ 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] IE6 to IE7 to IE6 design
Take Nicks' advice: - ALWAYS start with Firefox as your testing browser! - if you have alignment probmlems (probably a few double float and width bugs) make a css file for ie6 and use the conditionals (put this below all your other css links) No more headaches just perfct cross-browser pages. R. - Original Message - From: " Nick Fitzsimons" <[EMAIL PROTECTED]> To: "'Rey Mendoza,Jr'" <[EMAIL PROTECTED]>; Sent: Friday, September 07, 2007 10:58 AM Subject: Re: [css-d] IE6 to IE7 to IE6 design > patabilities. >> >> Now, I have to make the design cross browser (IE6, IE7 and Firefox). >> I'm sure I can do these with a lot of time (and right frame of mind) >> but is there any approach that you can suggest so that there will be >> less hair-pulling for me? :) >> > > The most important thing is to forget about IE 6 to start with; its > support > for CSS is so badly broken that, pretty much by definition, if it works in > IE 6, you've done it wrong. > > If you first get it looking right in Firefox, you'll find that things will > work the same way in just about every other browser, including IE 7. > You'll > also find that it's probably totally broken in IE 6. However, there are a > few simple techniques to coerce IE 6 into interpreting things correctly, > which is where this list can help you. Feed those fixes to IE 6 using an > extra stylesheet included using conditional comments, and you're done. > > To give you an idea of the sort of thing I'm talking about: I built a page > which took about an hour to style correctly for Firefox; it also then > worked > correctly in Opera, Safari and IE 7. In IE 6 it exploded in a mass of > broken > pieces scattered all over the screen. It took precisely two lines of > non-standard IE-only CSS (setting zoom: 1; on a couple of elements to be > precise) to get IE 6 looking the same as everything else. > > The best thing you can do, if you have it working in IE 6, is to throw it > away and start again. Trying to go in the direction of getting IE > 6-compatible CSS to work in proper browsers is the road to insanity. > > Regards, > > Nick. > -- > Nick Fitzsimons > http://www.nickfitz.co.uk/ > > > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > tio.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-d] links in ie 6
I have 3 links... page 1 2 3 in FF they line up horizontally but in ie6 they clear so they look like a vertical list page 1 2 3 4 and in IE6 page 1 2 3 4 the css #faq_nav { color:#00; position:absolute; bottom:10px; margin-top:10px; } #faq_nav a { display:inline; color:#000; } #faq_nav a:link { display:inline; color:#000; } #faq_nav .unselected{ text-decoration:none; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] img and the suckerfish IE6
Hi, As you can see from this I am having problems with the stacking order with IMG tags over the sucker fish. http://vps.aztechost.co.uk/~wallace/sd/reducing_energy.php I have tried a z-index but this does not work. This is the first time I have encountered this as I always use background images, however for this project the client needs to be able to update the images easily and without any CSS. Anyone offer a suggestion? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] indenting text not in a tag.
I have a news page like this Archive News 1 item 1 This is ny news item Archive News 2 Item 2 This is another news item Archive News 3 Item 3 This is another news item This goes on forever. I need to indent all the text but when I use #container { text-indent :30px; } the two spans indent but the ordinary text does not indent. Is there a way other than wrapping in tags to get them to indent. This page is very long so adding tags would take ages. R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] validating the css htc
Morning, Any ideas how I can get the PNG fix to validate? this is the offending line. img, div, span { behavior: url(css/iepngfix.htc) } Ta, R. __ 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] "Divitis?"
Yep. That;s the way I approach it. Much neater. R. - Original Message - From: "Brian Crescimanno" <[EMAIL PROTECTED]> To: Sent: Tuesday, May 29, 2007 2:13 PM Subject: Re: [css-d] "Divitis?" > Out of curiosity, why not use an unordered list--it would seem more > semantically correct in this situation. > > You could change your div to a ul and wrap your items in li tags; then > you can set the background of the the li tag to the image you want and > position it appropriately. > > Brian > __ > 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] pure css tooltips
That was jsut a typing errorin my email. - Original Message - From: "Simon Tiplady | Forums" <[EMAIL PROTECTED]> To: "'Ross Hulford'" <[EMAIL PROTECTED]> Sent: Monday, April 30, 2007 2:41 PM Subject: RE: [css-d] pure css tooltips > Could it be > > #lmap .popup { > display: none; > } > > > Should be > > #map .popup { > display: none; > } > > > But that doesn't explain how it worked in ff... > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] pure css tooltips
Hello, I am trying to get this working and fails in.IE 6. #map is just an anchor and the .popup is a span located inside the anchor. works fine in FF any ideas? #lmap .popup { display: none; } #map:hover .popup { /*the span will display just on :hover state*/ display: block !important; position: absolute; top: 5px; left: 250px; width: 150px; border: 1px solid #f00; background-color: #cff; color: #000; padding: 10px; font-size: .8em; background-image:url(images/bg_butterfly.jpg); } This popup is set to 150px wide and is made "absolute" as well as "display: block". which is the highest value of the first three tests. __ 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] Two background-images
Post full code with embeded css. - Original Message - From: <[EMAIL PROTECTED]> To: Sent: Monday, April 30, 2007 10:43 AM Subject: [css-d] Two background-images > Hi, > > I'm trying to place two background-images in the same document. > > one in the content element, and one in the nav element. I only get the > first > one displaying no matter what I do. > > Have googled and what I've found seems to say can't be done, but like to > make sure, hence this request. > > There was one site which implied they may have done something, but > couldn't > get it to open in my browser. > > > TIA for any help > > DG) > -- > > __ > 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-d] gettting a radiogroup to display horizontally?
Any ideas how this is done? Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] floating container
Hi, I am looking for a way to make this expand with the content. The offending property is float:none. I can add another floating div inside called 'floated-container' or something but is there a way to make float:none's recognised by it's children or a better way to center divs? width:510px; min-height:400px; margin-left:auto; margin-right:auto; float:none; background-image:url(images/main_image.jpg); background-position:0px 0px; border:1px solid green; background-repeat:no-repeat; background-color:#CC; __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] transparent divs
Hello, This works in FF- filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; Is it valid? Although it doesn't work in IE. Is there an ie transparency property that validates? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] lists in blocks
I have an unordered list of 10 items 1 2 3 4 5 6 7 8 9 10 but I want to diaply it in block of 3 14710 258 369 Is this possible with css or any other method? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] sorting a list into blocks
I have a list of 10 items __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] css in HTML email
Quick question... Do you: (i) Embed CSS? (ii) Link CSS? (iii) Use inline CSS? Do they all work equally well? R. __ 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] does list-style-position actiually work
ok so it doesn't do what I thought it did. I now revert back to background-image on the R. - Original Message - From: "Philippe Wittenbergh" <[EMAIL PROTECTED]> To: "CSS-D" Sent: Tuesday, March 27, 2007 12:35 PM Subject: Re: [css-d] does list-style-position actiually work > > On Mar 27, 2007, at 8:07 PM, Ross Hulford wrote: > >> I tried ot on the and >> >> #content ul { >> list-style:url(../images/li_flag.jpg); >> list-style-position:60px 60px; >> padding:20px; >> } > Never a bad idea to ask here: > <http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position> > > Philippe > --- > Philippe Wittenbergh > <http://emps.l-c-n.com> > > > > > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] does list-style-position actiually work
I tried ot on the and #content ul { list-style:url(../images/li_flag.jpg); list-style-position:60px 60px; padding:20px; } can someone show me how? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] anchors and LI tags
B my title I get a warning line 382 column 7 - Warning: proprietary attribute "name". I take it I cannot create a name on an li but what would be the best way to anchor the li to my link at the top of the page. B __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] font style in disabled text boxes ie
The font in disabled textboxes takes on a horrible grey indented look (ie) does anyone know the property and how to overwrite it? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] turning off the text in a menu
I have a top leve' menu Item that are buttons. I need to turn the text off but display:none hide the button too. Home Is it good practice to turn of the text like this #dmenu .home { font-size:0px; } It seems wrong. Is there an alternative way to turn just he text off? R. __ 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] 22. One CSS file for each browser (IE/Firefox)
When starting CSS this seems to be the major problem. I tend to create a common CSS file and then make the page so they work in Firefox. Then, as suggested before, I have an IE fix css file that applies all the fixes needed for IE and this is inserted with the IE conditional. This is the most tidy way to do it. No nasty hacks and your CSS will validate. R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] trying to override css form elements
I have all the input tags in a site but want to set a different value for all the checkboxes. I have tried checkbox { } can checkboxes be isolated for css changes in this way or do I need to apply a class or id? Ross __ 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] footer inside a centred container
Have just bitten the bullet and added an extra wrapper id. Life is too short! R. __ 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] footer inside a centred container
the oposite happened it worked in ie and did nothing in firefox. There is no reason this should work as CLEAR should only apply work on floated items not absolutely positioned one. R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] footer inside a centred container
Hello, I have a centred container #container { width:800px; background-color:#3300FF; margin-left:auto; margin-right:auto; position:relative; float:none; } I have all my content in here but I also want a footer locked on to the bottom. #footer { position:absolute; bottom:0; height:10px; background-color:#00CCFF; border:1px red solid; width:100%; text-align:center; } This is fine when the parent (#container) div is floated but to centre it it needs to be float:none. Is there a way around this problem other than to add a floated div inside the #container? Just seems a bit messy to add an extra div for this explicit purpose. R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] hiding menu text
I have the following menu and it works like this... topmenu list items are a class and display a background image. all the other submenu items are text. I want to be able to hide the text on the topmenuli items but I need it to display when the css is switched off. Display:none hides everything and font-size:0px casscades down the menu. Is there a way to target and hide the text on the topmnenu. Home About Us some> more sub menu items R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] targeting a link inside a tag
Is there any way to target a link within a tag. Link are already set and I want to set a style specificlly for links inside Request our FREE recruitment DVD by clicking here R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] link style problem
Hello, I have about 20 links in a side menu link one link two link three link four link five link six They are links to 20 locations. The layout of the pages are identical the only thing that changes is the address and map. The body id of all 20 pages is the same but I need a clever way to highlight the link when I am on that particular pages. I do not want multiple body id's if possible and the links list is a common file inserted via php (the locations often change and I only want to make one central ammendment) I could do it with id's on the tags and inline css but this seems a bit messy and bad practice. Any ideas? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] controlling cell widths with css
Hi, I want to try and have a fixed cell width in a table. When an extra long big of text is inserted from a databse the cell expands to fit, is it possible to make the cell a fixed width regardless of the number of characters it contains? R. __ 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] right websites content development
The first thing I would do is not to use templates. You are never going to learn anything useful that way. You need to get a decent book http://www.amazon.co.uk/CSS-Anthology-Essential-Tricks-Hacks/dp/0957921888/sr=8-1/qid=1169634670/ref=sr_1_1/203-8491694-5556701?ie=UTF8&s=books I like this book it actually answers questions you need to know. It will be hard at the beginning as browsers (IE) can be a bit quirky and you will have to learn and anticipate the quirky behaviour. There's lots to learn and even the CSS gurus don't know everything but after about 6 months you should be well on your way to being well versed in the art of CSS! 'Quick fixes' like modifying a custom templates are a good way of making a 2 day job last a week. Ross - Original Message - From: "stopyerdo erdo" <[EMAIL PROTECTED]> To: Sent: Wednesday, January 24, 2007 8:51 AM Subject: [css-d] right websites content development > sorry i made a mistake, wrong typing, this is right:( >http://www.findtolinks.com > http://www.getyydirectory.com > http://www.search2info.net > http://www.takeinfo.net > I have found a free template form the net and applied on my sites. i > want to develop contexts of sites but i do not know how. videos, news, > discussion borads and so on. i have open for every suggestions. Thanks. > > > > - > Food fight? Enjoy some healthy debate > in the Yahoo! Answers Food & Drink Q&A. > __ > 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-d] adding a class to a link
I am trying to overide the link class with Request More Information .plain_link a{ border:none; padding:0; display:inline; color:#3300CC; } why does this not work? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] div to display on one page only
I have a div that is only to display on one page. I have made it invisible on all pages with display:none and added the declaration under it but it doesn't appear. Is there a way to do it without adding style tags to the individual page? I thought because the declaration #home #mybox { } is under display none it should work. any ideas? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] grouping pages
I have a website and each page has a div body id. This give me control over the individual pages but is there a way to group divs? For example I have a section called about us and it has 4 pages associated with it that follow the same layout. I also have a section called contact us that has 3 pages (map, contact details etc.) associated with it. Is there a way to apply grouping to pages so I can style accoring to body id and what group it is in? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] shorthand css
Hi, I have a selector #page1 #container-inside, #page2 #container-inside, #page3 #container-inside { } is there a way to shorten this to combine the target divs or something? #page1, #page2, #page3 #container-inside __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] frames and anchors a css alternative
http://legalss.co.uk/newsite/services.phps http://legalss.co.uk/newsite/services.php When I click the menu item on the left I want it to jump to the correct part of the text, however the full page jumps up. Can I use anchors with div ids so only the text skips to the anchor point? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ff only style problem
This is the head of my doc. It is supposed to change the page height based on the selection from the menu. It works in IE and validates ok but it is no go in firefox. Any ideas?? You can see it in action here... http://suruchitoo.com/menu.php http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> SuruchiToo - Menu #side, #main, #holder, {height: 1400px;} #menu_insert {height:950px;}#side, #main, #holder, {height: 1000px;} #menu_insert {height:950px;}#side, #main, #holder, {height: 1600px;} #menu_insert {height:950px;}#side, #main, #holder, {height: 1400px;} #menu_insert {height:950px;} __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] expanding divs - FF
On the link below the inside containers (pink bordered divs) should push the main #container (green border) down when the inside contents expands http://www.blue-fly.co.uk/nss/about_us/whoweare.php I have tried ems, which works however it makes the #container too big every time + is pressed . The divs use min-height so should in theory this should work in FF, if you look at in IE7 it behaves the way it should. You can look at the css here (css_common.css) Ta, R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] selecting all divs
What is the selector for all divs? R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] text in the box
Hi, This page is a work-in-progess however I am trying to make the text stay inside the div butttons when the text size is increased (firefox). I tried word-wrap:break-word; but this does not work. http://www.blue-fly.co.uk/test.php http://www.blue-fly.co.uk/test/bf.css I do not really want the boxes to expand with min-width or make the text graphics. Any ideas? R. __ 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] IE6 vs IE7
Hi Ian, Have been deleloping using ie7 for a few weeks now and will have to say it is much better. Really frustrating things like png alpha transparency are now working whcih although not stricly a css issue does cause problems. A nice feature is the full sceen zoom (which opera has had for a while now), this will effect the text size/page break issues and will probably allow accessible sites to be more design rich as you will not have to stick to the old two column layout for it to be bulletproof. There are however a few things that do not appear to be resolved and maybe someone could confirm this - double margin float - min-width/max-width Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hi, I have some buttons, but when the text is increased it escapes from the div. Is there any way to force text wrapping? .rollover a { display:block; width: 80px; height:80px; word-wrap:break-word; color:#333; background: url(../images/home.png) 0 0 no-repeat; text-decoration: none; float:left; } .rollover a:hover { background-position: -97px 0px; color: #049; } .rollover a:active { background-position: 0 -70px; color:#fff; } the html home news solutions __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] png background not showing in firefox
works fine in IE7. #right { background-image:url(../images/middle.png); width: 510px; position:absolute; height:350px; top:160px; left:436px; border:#006699 1px solid; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ie and firefox problem
I have a header div #header is relatively positioned. Inside this is an absolutely positioned #menu_holder div that holds a suckerfish menu. The problem i when I use top:80px; on the menu holder it is perfect in both IE version and too low in FF. when I change it to 60px FF is the one that is perfect As you can see from the example #menu_holder (the pink div) ie has the menu sitting in the middle where FF pushes it down a bit. http://www.blue-fly.co.uk/trisco/example.png This is the css #menu_holder { width: 850px; position:relative; height: 20px; float:left; background-color:#99; z-index:1000; top: 80px; left:0em; padding:0; margin:0; } Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 and 7 vs Firefox and absolute poisitoning error
Hi, I have a header div #header is relatively positioned. Inside this is an absolutely positioned #menu_holder div that holds a suckerfish menu. The problem i when I use top:80px; on the menu holder it is perfect in both IE version and too low in FF. when I change it to 60px FF is the one that is perfect The thing that seems may difference is the way they react to a searchbox in the header... search this site for I have taken this out altogther and nothing moves so maybe not! Is there an absolute issue with FF or IE? Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] declarations and embedded items
I have this. item 1 item2 what is the correct way to change the ul properties without effecting other properties. #header #holder #nav { } #header #holder #nav.ul { } #nav.ul { } #nav ul { } and what (if any). Is the difference between #nav.li and #nav li ? thanks, R. __ 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] Safari not piccking up a style
I posted a question about this a while back. Safari ignores form styles and displays them in a standard macintosh format. Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] suckerfish and using li's
Hi I am using the suckerfish with things like li a:hover{ text-decoration:none; color:#ACD9F4; } li ul { display: none; position: absolute; top: 1.3em; width:2em; left: 16px; } but I want to use li's later on in the page and but when I try nd use them they inherit some of these properties is there a way to ignore all inheritance. When I try and define them specifically #mydiv li { color:blue; } i works but it inherits all the other values and places the li half way dwon the page. I initially did define all the suckerfish values with #header before them as they are in the header but changed it. Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] clearing a table
I have some text above and below a table but the bottom text wraps around the table. How to I clear the table on both ends in the cleanest way possible- not clearing div or wapping the text in tags. Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] absolute positioning not working either in IE6
I have created a situation where the internal bits #header #left and #right are all absoultely positioned but I still cannot seam to get the dropdown to go over the text. http://www.blue-fly.co.uk/trisco/abs.php The css http://www.blue-fly.co.uk/trisco/css/abs.css I am not too clear on how to use z-index. The bigger the number should be on top of the stack? doesIE not recognise this?? Thanks, R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7s zoom features and suckerfish stuff
Zoom - This was a feature I noticed in OPERA ages ago and thought it was really slick. The whole page zooms for the visually impaired user. I am finding ie7 messes with my suckerfish. Does IE7 not require the javascript fix? Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I posted yesterday but I will try again
This was yesterdays post.. The html http://www.blue-fly.co.uk/trisco/test.php the css http://www.blue-fly.co.uk/trisco/css/ The problem is suckerfish goes behind the text (performance and events). Any help would be appreciated. I have had this problem berfore due to the dropdowns being absolutely positioned. The update is I have tried to absolutely position the #left and #right divs inside the relatively positioned container and possibly give them a z-index, but they dispaear!! thanks, Ross __ 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] sukckerfish over text
Hi, IE does not like this for some reason. It is totallty ignoring it. #nav li:hover ul { top:30px; z-index:2000; } Is your javascript correct. I have never used the Son Of Suckerfish. anyone else? Ross - Original Message - From: "Schalk Neethling" <[EMAIL PROTECTED]> To: "Ross Hulford" <[EMAIL PROTECTED]> Cc: "Brian Zollinhofer" <[EMAIL PROTECTED]> Sent: Sunday, October 22, 2006 3:26 PM Subject: Re: [css-d] sukckerfish over text > Ross Hulford wrote: >> Works in ff but IE, (would you believe it?) Ignores this property. >> >> Any other options? >> >> http://www.aplus.co.yu/lab/z-pos/ >> >> >> Ross >> >> >> >> - Original Message - >> From: "Brian Zollinhofer" <[EMAIL PROTECTED]> >> To: >> Sent: Sunday, October 22, 2006 2:48 PM >> Subject: Re: [css-d] sukckerfish over text >> >> >> Try adding a z-index to your #menu_holder. That should bring it above >> the >> rest of your material. I used z-index: 10; and it seemed to do the >> trick. >> >> > Hey there Ross, Brian > > I am also using suckerfish for my drop downs at www.jcislord.org. I do not > have the problem you are experiencing but, I cannot for the life of me get > the drop down to go under the top nav element, it keeps pushing it over to > the right hand side. Maybe having a look at what I did will help you with > your problem. > > Also, can you please have a look at my nav in IE and let me know if you > can see why my drop downs are being pushed to the right. > > Thanks! > > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] sukckerfish over text
Works in ff but IE, (would you believe it?) Ignores this property. Any other options? http://www.aplus.co.yu/lab/z-pos/ Ross - Original Message - From: "Brian Zollinhofer" <[EMAIL PROTECTED]> To: Sent: Sunday, October 22, 2006 2:48 PM Subject: Re: [css-d] sukckerfish over text Try adding a z-index to your #menu_holder. That should bring it above the rest of your material. I used z-index: 10; and it seemed to do the trick. On 10/22/06, Ross Hulford <[EMAIL PROTECTED]> wrote: > > I'll try again.. > > The html > > http://www.blue-fly.co.uk/trisco/test.php > > the css > > http://www.blue-fly.co.uk/trisco/css/ > > > The problem is suckerfish goes behind the text (performance and events). > Any help would be appreciated. > > I have had this problem berfore due to the dropdowns being absolutely > positioned. > > > thanks, > > > Ross > __ > 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/ > -- •--•--•--•--•--•--•--•--•--•--•--• Brian Zollinhofer email: [EMAIL PROTECTED] website: http://www.zollinhofer.com "It is better to keep your mouth closed and let people think you are a fool than to open it and remove all doubt." - Mark Twain __ 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-d] sukckerfish over text
I'll try again.. The html http://www.blue-fly.co.uk/trisco/test.php the css http://www.blue-fly.co.uk/trisco/css/ The problem is suckerfish goes behind the text (performance and events). Any help would be appreciated. I have had this problem berfore due to the dropdowns being absolutely positioned. thanks, Ross __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] suckerfish should go over text
http://www.blue-fly.co.uk/trisco/test.php the css __ 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/