Re: [css-d] Sensitivity in posts WAS: image gallery
Eystein Alnaes wrote: I would be courteous to provide a note of some sort before linking to samples with explicit or pornographic content Thank you. dan storm ~ web developer ~ w: 206.266.0292 ~ c: 425.503.9580 Please accept my apologies. My only excuse is to point to cultural differences, as this example is from a mainstream online newspaper, no different from any other newspaper (including print) here in Norway. Thus it didn't cross my mind, although I will in the future. Eystein __ 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/ Nothing to apologize for, except that the only nudity was that of a guy. Americans aren't big on that. - (Joke) In the future, I recommend a code word, like Continenatal version for pictures with nudity. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] How do you determine the CSS version ?
Hi, I have a basic question: how do you determine which CSS version it is when it is not specified neither in the CSS files and the HTML headers ? I have several CSS files, it would be nice to tell if it is CSS1 or CSS2. Thanks ! - How low will we go? Check out Yahoo! Messengers low PC-to-Phone call rates. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How do you determine the CSS version ?
I thought css1 was a subset of css2.0, and that css2.1 was a slight modification of css2.0, and in fact a replacement for css2.0 Is it more complicated that that? Isn't it true that the browsers have only a single CSS 'engine'? and that they vary their process only depending upon the html dtd that triggers quirks mode in certain situations? -- Joel Goldstick www.columbuswebmakers.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] Sensitivity in posts WAS: image gallery
It would be courteous to provide a note of some sort before linking to samples with explicit or pornographic content Please accept my apologies. My only excuse is to point to cultural differences, Nothing to apologize for, except that the only nudity was that of a guy. Americans aren't big on that. Whether Americans are big on one kind of nudity or not (and what was described above was not all I saw) some people access their CSS-D account from work. Accessing pornography, as defined by any given company policy (depends on the person's workplace, I mean) from company computers can be grounds for dismissal from said job. It would be truly tragic for someone to /lose their job/ because they were trying to help you with a CSS problem, and accessed your uncensored website from work. Simply saying that the content may not be work friendly or indicating that it may be more adult or mature than is acceptable for work would give those who must be careful to abide by company policy an indication that they shouldn't visit your website while using sensitive/monitored computers. In the future, I recommend a code word, like Continenatal version for pictures with nudity. Mature content or not work (or child!) friendly would be easier to decipher as to meaning than Continenatal version which seems rather obscure (assuming Continental was meant) as I'm sure almost all of us live on continents. ~holly __ 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] Need some help/suggestions
I just finished a 30 hr project in 2.5 days (in addition to my full time job)...so, now being totally exhausted having coders eyes, I'd like to get some opinions/ideas. The site is http://live.thenyxl.com In IE, for the most part, the CSS works. I just can't make it work in both IE Firefox. Would anyone be willing to look it over (most of the style's are inline...sorry) and see what I can do better to make it better in atleast firefox, if not other browsers. Thanks, Scott __ 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] Need some help/suggestions
Subject: [css-d] Need some help/suggestions I just finished a 30 hr project in 2.5 days (in addition to my full time job)...so, now being totally exhausted having coders eyes, I'd like to get some opinions/ideas. The site is http://live.thenyxl.com Not sure you are going to be pleased with my response. You need to go back to the beginning and develop some proper CSS and get the layout to work in Firefox first. You can always just use an image instead of the Flash in order to develop the layout. Validate the HTML (currently a whole bunch of errors -http://validator.w3.org/check?uri=http%3A%2F%2Flive.thenyxl.com%2F) and then check if works in IE6. This is not a very complicated site so no reason that it shouldn't Then put in the Flash (if you must). See the article on Alistapart.com for validating Flash (not for this forum). Cheers Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.407 / Virus Database: 268.13.0/464 - Release Date: 05/10/2006 __ 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] documentation on ie's problem with multiple classes?
On 10/6/06, jonathon bellew [EMAIL PROTECTED] wrote: am looking for some help with documentation (or workarounds) on ie's seemingly buggy interpretations of multiple class selectors. .foo.bar {} Jonathon: IE will only apply the last selector, .bar in your case. AFAIK, you just can't use it if you want to support IE at all. any links to documentation or discussion would be appreciated, workarounds even more so. No 'clever' workaround that I can think of, just coming up with a different selector to apply your styles... Eric Meyer made some tests here: http://meyerweb.com/eric/css/tests/multiclass.html - manuel __ 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] Large gap in IE
Hi all. My site is here: http://83.146.40.74/sample_dynamic.php All good in FF, but in IE there is a significant gap between the content and the nav. Thought it was the double margin bug but display:inline on the nav didn't fix it. Any ideas? -- http://www.web-buddha.co.uk __ 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] documentation on ie's problem with multiple classes?
On 10/5/06, jonathon bellew [EMAIL PROTECTED] wrote: am looking for some help with documentation (or workarounds) on ie's seemingly buggy interpretations of multiple class selectors. any links to documentation or discussion would be appreciated, workarounds even more so. this is all i've got on them for online resources for stuff like this. this bug pisses me off more than any other bug ie has, believe it or not. i can't believe how limiting it is. http://css-discuss.incutio.com/?page=InternetExplorerWinBugs http://www.quirksmode.org/bugreports/archives/2004/12/IE_CSS_rendering_bug_with_multiple_classnames.html http://www.quirksmode.org/bugreports/archives/2005/12/All_but_last_grouped_idclass_selectors_are_ignored.html http://www.quirksmode.org/bugreports/archives/2005/09/IE6_Multi_Class_Bug.html if you're interested in the corresponding bug reports submitted for ie7 and have signed up to their connect site, here's some relevant links. https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=57394 https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=78882 https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=78368 as to workaround i've personally used, it's ugly/stupid and not all that useful. let's say i have something like the following: body class=default div class=series expanded /div /body in my css then i have: .series.expanded { border: 1px solid #77aaee; } /* ie6 \*/ * html .default div.expanded { background: #f6f9fe; border: 1px solid #77aaee; padding-top: 0; }/* */ i know it's primative and almost useless, and it for sure won't work in every situation. it limps ie6 along with me though until i can delete the ie6 code forever once it's finally dead. if anyone wants to jump in with a better workaround i'm *more* than willing to change my hacking, but if you don't have a better/different way, there's no need to tell me how stupid my workaround is. trust me i already know. anyway, that's all i have. i look forward to seeing what other people do. __ 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] Large gap in IE
Subject: [css-d] Large gap in IE Hi all. My site is here: http://83.146.40.74/sample_dynamic.php All good in FF, but in IE there is a significant gap between the content and the nav. Thought it was the double margin bug but display:inline on the nav didn't fix it. Any ideas? -- I must be going mad. I cannot see the gap in any browser. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.407 / Virus Database: 268.13.0/464 - Release Date: 05/10/2006 __ 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] Large gap in IE
Dave Goodchild wrote: Hi all. My site is here: http://83.146.40.74/sample_dynamic.php All good in FF, but in IE there is a significant gap between the content and the nav. Thought it was the double margin bug but display:inline on the nav didn't fix it. Any ideas? Center the box in ie. You have it flush right in that browser. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Solution for Vertically Centering Image. WAS: image gallery
To bring this thread back on track, I've come up with what I think is a nice solution for my earlier problem. I put up a page with a stripped down solution here: http://www.eystein.no/test/vertical_centering/verticallycentering.html And the finished gallery example here: http://www.eystein.no/test/bildegalleri/samleside4.html And it should be perfectly safe to view it :) I believe this would help someone, as it took me 2 days of digging around, even testing javascript solutions. Vertical alignment is still problematic, much thanks to IE... Luckily my javascript skills are so bad I ended up with a css solution :P ~eys __ 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] Large gap in IE
Dave Goodchild wrote: Yeah, I know it's flush right, but I can't seem to centre it in IE using the usual text-align workaround. Am I missing some brain cells today? In reference to your uri and off-list reply to me: * html #content { delete this selector padding-left: 5%; padding-right: 5%; } body { text-align: center; add } #wrapper { text-align: left;add margin: 0 auto;add position: relative;delete left: 50%;delete margin-left: -45%; delete } You'll need to re-adust a little in ie, but (I think) you'll be in the ball park. And others on the list may have a better solution. Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Positioning of a container DIV containing images and text
I am new to all this so please be gentle. I have a simple two-column design using floating DIVs with a navigation bar on the left hand side and main content on the right. All works fine _except:_ I have a requirement to have some images with text to the right where, if the text takes less height than the image the next bit of text will be placed under the image or next to the next image. I have solved this by wrapping the text and image in a DIV with a couple of spacers to force subsequent text past the image: div class=container div class=spacernbsp;/div img class=float src=two.jpg alt=Image 2 / Text div class=spacernbsp;/div /div This works fine in a plain page but when used within the pagetext DIV of my layout it forces the whole container DIV down below the navigation bar. This is all illustrated here: http://www.girton.ukfsn.org/css/demo.html Ive reached the end of my Googling ability probably because I am not too sure what to Google for. Can anyone throw some light on what I might be doing wrong? Many Thanks, Andrew __ 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] [SPAM] Re: Div not displaying in IE
OK, I have managed to get the forms to display by applying position: relative to the floated elements however, If you look at this page now: http://www.methodist.org.uk/conference/htmlpages/clients.htm You will see that the form fields are aligning to the right of their div. The divs are setup as follows: #clientform {} #clientform div.row {padding: 10px; margin: 5px 0 5px 0;} #clientform div.row label {float: left; width: 250px; text-align: right; padding: 0 5px 0 0; position: relative;} #clientform div.row span.formw {float: left; width: 150px; text-align: left; position: relative; border: 1px dashed red;} I have added the border to the last row to highlight the problem seen in IE on XP. FF works on both OS X and XP. Any ideas why the form fields are aligning to the right? Many thanks, Dave David Phipps wrote: Gunlaug Sørtun wrote: David Phipps wrote: http://www.methodist.org.uk/conference/htmlpages/page1.htm Both the html and css validate however on IE on XP the left hand navigation is hidden? Add... #leftnav {position: relative;} ...and IE-win will come to its senses and render the navigation. Then you should change font-size/line-height units to avoid overlapping when the page is subjected to enforced font-resizing in IE-win. regards Georg -- David Phipps, Director [EMAIL PROTECTED] Chapel Studios / London T +44 (0)20 7100 6980 F +44 (0)20 7100 6981 M +44 (0)7765 240899 New Broad Street House, 35 New Broad Street, London, EC2M 1NH, United Kingdom Visit our website: http://www.chapel-studios.co.uk _ Chapel Studios is a limited company registered in England. The information in this email is confidential, intended solely for the addressee, and may be legally privileged. If you are not the addressee or authorized to receive this for the addressee, you must not use, copy, disclose or take any action based upon this message or any information herein. If you have received this message in error, please advise the sender immediately by reply e-mail. __ 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 nav list improperly displaying
I've been playing with this for 2 days; I can't seem to find a combination that IE likes. My dilemma is that the top navigation works fine in Firefox, but doesn't in IE (surprised!?). Here are some examples with explanation: Hacked for quasi-fix in IE: http://www.muohio.edu/ims/v3/test.php http://www.muohio.edu/ims/v3/menus.css (Pretty much the same as below, just added one line: #p8P/Mnav li {width:auto; }. ) The problem with setting the width is the spacing between the text and the south arrows looks stupid. If I float the LI A {}, then all sub-menus go crazy. Original which works in Firefox but not IE: http://www.muohio.edu/ims/v3/test2.php http://www.muohio.edu/ims/v3/menus2.css Any ideas? Thanks, Dave --- David A. Ensor www.ensors.us __ 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] text overlapping large image when browser resized
At 05:22 PM 10/5/2006, Gunlaug Sørtun wrote: Janet Chang wrote: Now, as an alternative, I also figured out that if I set #updates {background: white} ...in Firefox, it lets the Recent Cases nicely overlap the image, which I kind of like even more than dropping the whole thing down. Would there be any reasons why this might not be a good idea? If that overlapping is an acceptable solution, then I think this addition to your original... http://www3.law.northwestern.edu/macarthur/index.html ... will work just fine - even in IE-win... #contentwrapper {overflow: hidden; overflow-y: visible;} ...and you may also add those same styles to #mainnav and #updates if you want IE to behave like Firefox on really narrow windows, although some overlapping will then occur. Brilliant! That also solved another problem I was noticing of some extra pixels of the image showing to the right of my Recent Cases box when it overlapped. Now it doesn't show, and it works the same way in IE and Firefox. Thanks so much for your help! Janet P.S. TopStyle didn't recognize overflow-y. I took it out and it didn't seem to effect anything negatively. regards Georg -- http://www.gunlaug.no Janet Chang Communications Editor Northwestern University School of Law 357 E. Chicago Ave., Rubloff 230 Chicago, IL 60611 (312) 503-5376 http://www.law.northwestern.edu __ 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] Site Check Please: Layout breaking in IE6 not in FF[Scanned by MAIL]
Mims, Jane K. wrote: I don't know why but on some pages (such as the home page right now) of my website have a 3 or 4 pixel white line on the right of the page that obviously should not be there. http://whitehorsemedia.com Any ideas as to why this is occuring? Thanks for your help, Aaron I checked it in Win XP 1024 x 768 Netscape 8.1, FF, IE6, and Opera 8.54--no white line. Tried to view it in Netscape 7.1, but it wouldn't finish loading. Jane Hi Aaron, In IE6 on Win98SE here: indeed the white gap something must be wrong. Commenting out the header: it is gone must be something in the header. Zeroing out all margins paddings: no effect cannot be something in the css (while the img width is ok). Enlarge font-size: gap is growing must be something in the text. Looking closely: img src=/images/no-flash-header.jpg alt=Flash plugin required. Please Install/a. What is that small thing after the /a? ;-) Greetings, francky btw-1: there is 2 times a link to the http://whitehorsemedia.com/js/swfobject.js; btw-2: the remarks of the html-validator... __ 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] CSS sidebar question
I've got a new page in progress: http://ambientglow.com/RV/sample.html What I want to do is have the vertical colored sidebar, which is set up as a separate div, automatically size itself to the same height as the Content div (where all the text is). At the moment I just have a height specified of 500px as a placeholder so the sidebar will show. The CSS is here: http://ambientglow.com/RV/css/inside.css Any idea how I can do this? I'm still new to this -- do I need to make it relative vs. absolute positioning? Or...? Thanks, pc __ 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] Horizontal menu problem in IE
Would someone be able to tell me why this horizontal menu css looks fine in Firefox and Opera, but not in IE? http://www.figureskatersonline.com/znew/about.html http://www.figureskatersonline.com/znew/stylesheets/menu_B.css Thanks! Debbie __ 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] positioning problem
Hi, I want to make a layout on which elements float in the bottom right of the page, like Gmail chat. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] positioning problem
Go on then. -- http://www.web-buddha.co.uk __ 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] nesting / specificity problem
Sam simply stated: I've got a test page at: http://www.sam-i-am.com/work/sandbox/components/nested_containers.html It shows some tests I'm doing with nesting containers. I'm trying to define some container styles that will work nested one in the other (to a reasonable, arbitrary depth e.g. 4 or 5). The markup for each container type will be uniform, I've used a P here to indicate the problem - when containers are nested, there's some abiguity: ..panel1 .container-type1 p { background-color: cyan; } ..panel1 .container-type2 p { background-color: blue; } when a .container-type1 is nested in a container-type2, both rules could apply. My understanding was that proximity would win out, so a P in a container-type1, nested in a container-type2 would pick up its background-color from its nearest container - container-type1. But not so... Weirder still, when I increase specificity, seen in the 2nd panel like so: ..panel2 .container-type2 .container-type1 p { background-color: pink; /* this isnt working. */ } ..panel2 .container-type1 .container-type2 p { background-color: purple; } Sam, It looks to me like your second statement is overriding the first. In the first statement, you've designated panel 2, both types of containers, to have pink backgrounds. In the second statement, you've designated panel two, both containers, to have a purple background. Also, remember that the p will be recognized by CSS as controlling your p paragraphs. I think that means that the paragaph color is overriding any desired color callouts. Instead of marking the problem items with a letter, you should probably use a /*comment*/ Not sure if that means anything, or if I'm right...I'm no expert, just a beginner. Dave Pierce Pierce Art Design __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] positioning problem
Diego Chagastelles wrote: Hi, I want to make a layout on which elements float in the bottom right of the page, like Gmail chat. Do you have a link that shows what you mean? I did not come up with anything that looks like what you describe in a quick Google search of Gmail chat. ~dL -- http://chelseacreekstudio.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] suckerfish dropdown safari problem
When I roll over first CASE STUDIES and then I rollover PARTNERS CASE STUDIES stays in orange, because he thinks I'm over or he did not understand that I moved my mouse. Tell me if I'm right or wrong. Thanks Luis. That's appears right when I go and look at it. Maybe I need to play with the positioning and z-index values. cheers Ben Ben Manson 3blindmice Ben Manson a écrit : Hi All, I am having trouble with my drop down menu in Safari (v2.0.4) and am hoping someone can help. It was built based on the son of suckerfish menu at htmldog. It works fine in FF and IE but Safari is adding extra pixels to the drop down width when you hover over drop down links. The page in question is at http://www.smartpath.com.au/indexNew.php I think that the problem is the four grey (hover orange) boxes and it's a similar when you uses swf files. Safari thinks that flash is always on top and he forgets to redesign the page when you mouse out the zone. When I roll over first CASE STUDIES and then I rollover PARTNERS CASE STUDIES stays in orange, because he thinks I'm over or he did not understand that I moved my mouse. Tell me if I'm right or wrong. Luis __ 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] nesting / specificity problem
My goal is to allow the container context to style my P, but not inherit different styling when that container is nested in a different one ..panel2 .container-type2 .container-type1 p { background-color: pink; /* this isnt working. */ } ..panel2 .container-type1 .container-type2 p { background-color: purple; } It looks to me like your second statement is overriding the first. In the first statement, you've designated panel 2, both types of containers, to have pink backgrounds. No. I've said that a P inside a container-type1 inside a container-type2 inside a panel2 should be pink. Whereas... A P inside a container-type2 that is inside a container-type1 inside a panel2 should be purple. Instead of marking the problem items with a letter, you should probably use a /*comment*/ Lost you here. 'p' is the element selector for the p element. Maybe my example isnt clear. Thanks for taking a look though. Sam __ 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] Solution for Vertically Centering Image. WAS: image gallery
Eystein Alnaes wrote: Luckily my javascript skills are so bad I ended up with a css solution :P ~eys This is an awesome method! I use it all the time. ;-) I had a question about using empty span tags to get it to work in IE6. What bug is this triggering? I've found instances in the past for no-use spans fixing IE problems, but right now, I can't find any documentation on it. I'm just wanting to know what makes this work and what is causing the problem. How did you figure it out? Thanks! -Daniel __ 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] Demo: Pure CSS Drop Down (horizontal)
My apologies for cross-posting: http://www.tjkdesign.com/articles/new_drop_down/AB.asp --- Regards, Thierry | www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] gap in IE6 only
In Internet Explorer 6, this page has a huge gap at the top of the content. The other pages, which have the same header, footer and navigation (all in external files) don't have the gap. I can't figure out what the difference is. The html and css validate. Can anyone see what the difference is in the 'Science writing' page that's causing that gap? http://www.biotext.com.au/test/services/writing.shtml Thanks M Child __ 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] Solution for Vertically Centering Image. WAS: image gallery
Eystein Alnaes wrote: To bring this thread back on track, I've come up with what I think is a nice solution for my earlier problem. I put up a page with a stripped down solution here: http://www.eystein.no/test/vertical_centering/verticallycentering.html And the finished gallery example here: http://www.eystein.no/test/bildegalleri/samleside4.html And it should be perfectly safe to view it :) Only problem in the gallery example is client side font-scaling, then the text is climbing out of the boxes. - But no worry if you place the text outside of the dia's. I believe this would help someone, as it took me 2 days of digging around, even testing javascript solutions. Vertical alignment is still problematic, much thanks to IE... Luckily my javascript skills are so bad I ended up with a css solution :P ~eys Hi Eystein, Good work! When I searched for getting an image of unknown size in a liquid size container with painted corners/borders around, I encountered similar problems with IE (no wonder). The standards compliant solution didn't work in IE, with css only I got halfway (fixed width, liquid height), and for a 100% IE proof solution I had to escape to a 1 cell table. - Anyway, no javascript either. :-) See testpages starting here http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-09a.htm. [1] But who knows, maybe a combination can be made with your solution; just find time to experiment ... Greetings, francky [1] Caused by the css-d thread starting at http://archivist.incutio.com/viewlist/css-discuss/74057 with also the font-size proof testpage http://home.tiscali.nl/developerscorner/liquidcorners/test-calpoly-new.htm (this one has a bit javascript for repeating html codes). __ 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 sidebar question
Hey, thanks! This definitely opens up some new possibilities for me. I appreciate the help, P. On 10/6/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Peggy Coats wrote: I've also been experimenting with eliminating the sidebar completely (it's just there to have a vertical band of color) and putting a repeating left-aligned background image in the main content area that is 35 pixels wide and the appropriate color. The #wrapper can carry that background-image, so no changes to the content area is needed. Take a new look at... http://www.gunlaug.no/tos/alien/test_7310.html ...(same CSS) where I have added something I found suitable for the example. I have only set #Side-Services to 'display: none' (since I am lazy), but you can take that #Side-Services sidebar-div out of the HTML since it doesn't really have a purpose. The added background on #Nav-Services covers the sidebar-decoration, or you can leave #Nav-Services transparent and see the decoration go up to the #banner. Many choices... regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Copyright block not extending in Firefox and Opera
Okay, one more thing with this layout...everything looks fine now in IE but the copyright block doesn't extend all the way over in Firefox and Opera. I set the copyright div id to 100% width so I am not sure why this is happening: http://www.figureskatersonline.com/znew/about.php http://www.figureskatersonline.com/znew/stylesheets/import.css I have a feeling I will go duh when I hear the solution ;o! Debbie __ 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] Copyright block not extending in Firefox and Opera
You have an unclosed div (container2). And a number of other validation errors. http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.figureskaterso nline.com%2Fznew%2Fabout.php Fix those, close that div, it'll be fine :) From: iorhael [EMAIL PROTECTED] Subject: [css-d] Copyright block not extending in Firefox and Opera I have a feeling I will go duh when I hear the solution ;o! __ 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/