[css-d] cssplay nav not looking good in IE6
http://www.nitui.com/BI/ http://www.nitui.com/BI/images/style.css The navigation looks good in IE7 and Firefox but not IE6. I'm using a CSSplay nav ( http://www.cssplay.co.uk/menus/slide_definition.html ) and although there seems to be IE6 hacks included it doesn't seem to be working. What am I missing? Thank you for your help! ~Mindy __ 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/ IE7/Firefox placement problems.
It looks right in either ie6 or ie7 or firefox but not all three. What am I doing wrong? http://nitui.com/BI/ http://nitui.com/BI/images/style.css Thank you for your assistance. ~Mindy __ 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] looks good in IE but not netscape/firefox
That worked - thanks scott! ~Mindy [LINK: http://pj-chron.com/] ---Original Message--- From: Scott Swabey Subject: Re: [css-d] looks good in IE but not netscape/firefox Sent: 18 Dec '06 09:21 On 18/12/06, MINDY [LINK: mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hopefully you all can point out the something simple I'm missing. It's the same old song- the site is [LINK: [LINK: http://www.reelief.com/test] http://www.reelief.com/test] [LINK: http://www.reelief.com/test] http://www.reelief.com/test It looks fine in IE but in netscape/firefox ect. the main box is dropped to low on the page. Hi Mindy You have declared clear:both on the #main div. Remove this, or set it to clear:none; and all should be good. Regards Scott __ 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 want to direct link
so, call me crazy but I want to do a direct image link (sending out a newsletter) and the CSS seems to not accept anything other than relative links. Is there a work around that I couldn't find on Google? Thanks! ~Mindy __ 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 collapsible box
Hey all, I'm looking for a Css driven collapsible (looking) box for content. Any suggestions? Thanks! ~Mindy __ 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] Background color looks right in IE, nothing else.
Morning! Okay so the site looks right in IE and I know that IE makes some guesses as to what you want to see so...how do I make [LINK: http://pj-chron.com/redesign/] http://pj-chron.com/redesign/ look right in Netscape, Firefox ect. In other words, how it does in IE. The code is compliant : [LINK: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fpj-chron.com%2Fredesign%2Fcssfile.cssusermedium=all] http://jigsaw.w3.org/css-validator/v...usermedium=all Here is the relevant css code:#container{ width: 760px; height: auto; margin:0 auto; padding:10px 10px 0 10px; background: #ff url(images/contbg.png) no-repeat; border: none; color:#222; } Thanks for the help ~Mindy __ 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] nav bounce
Hey all, I'm slowly learning this wonderful css stuff. :oD Recently we decided to redesign our web comic in css/php though I'm having a problem with the navigation when you hover it jumps (I guess like the rest of us). I've searched using my trusty Google and haven't come up with much. If you can point me in the right direction I'd appreciate it. This is not a browser specific problem and heres the link and the relevant code: [LINK: http://pj-chron.com/redesign] http://pj-chron.com/redesign .sidelink{ display:block; width:90px; background:#eee url(images/gradient1.png) repeat-x; margin: 3px 9px 2px 10px; padding-top: 4px; padding-left: 4px; padding-bottom: 4px; padding-right: 2px; color: #CC; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; font-family: cursive; font-weight: bold; font-size: 11px; letter-spacing: +.5px;} .sidelink:hover,.menuheader{ background:#fff url(images/gradient2.png) repeat-x; color:#222; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; text-decoration:none;} Thank you for your time, ~Mindy __ 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 6.0 text indent issue -Newbie
On 12/7/05, David Laakso [EMAIL PROTECTED] wrote: Mindy wrote: Hi I have an issue with IE 6 in this navigation, it's causing the first line of text to indent and I can't sort out how to solve it. I know that if I set text-indent in the style sheet to -23px the problem is resolved in IE 6, but it causes the text to be up against the left side of the page in Firefox, mozilla etc (that is there is no margin). So my question is, how do I serve instructions to IE to indent the text and not to Firefox etc.? http://www.testing.blueaardvark.com/YMA/index.html styles: http://www.testing.blueaardvark.com/YMA/styles_b.css Thanks for your help. Mindy My /guess fix/ has not been tested. Change this selector: #active { ... } to read: #navlist li#active { ... } aside: the content is kind of tiny at 1280 *and* up. this is a /start/ to correct it: body {font-size: /*small*/;} Hugging the left viewport w/ a fixed width layout is a little tough on ones sense of equilibrium(at least mine). Regards,~dL I'll give it a whirl. Just coding, design is out of my hands. I'll pass along your comments. Thanks for your help, David. Mindy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6.0 text indent issue -Newbie
On 12/7/05, David Laakso wrote: My /guess fix/ has not been tested. Change this selector: #active { ... } to read: #navlist li#active { ... } Didn't seem to do the trick, but thanks for the suggestion. Mindy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check
On 12/5/05, Virtuallee [EMAIL PROTECTED] wrote: however I can only guess something interesting is happening on mac IE5.2. http://www.brainnutrition.co.uk/index_test.html Hi, Looks fine in IE 5.2 Mac Mindy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 6.0 text indent issue -Newbie
Hi I have an issue with IE 6 in this navigation, it's causing the first line of text to indent and I can't sort out how to solve it. I know that if I set text-indent in the style sheet to -23px the problem is resolved in IE 6, but it causes the text to be up against the left side of the page in Firefox, mozilla etc (that is there is no margin). So my question is, how do I serve instructions to IE to indent the text and not to Firefox etc.? http://www.testing.blueaardvark.com/YMA/index.html styles: http://www.testing.blueaardvark.com/YMA/styles_b.css Thanks for your help. Mindy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 6 and list navigation weirdness
Hello, Below is a link to a page that previews fine in all app's but IE6. The navigation list seems to have extra padding added to it, and it forces the text in 20px. The most bothersome of these is the members button at the bottom of the navigation which has the background colour shifted over 20 pixels as well. Any insight as to why this might be happening? The other odd occurence is the background image (that repeats horizontally) appears to shift down a couple of pixels in IE. The link below provides a screen shot of the problem in IE 6. http://www.testing.blueaardvark.com/YMA/index_b.html http://www.testing.blueaardvark.com/YMA/screenshot.jpg Thanks for your help. Mindy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is this possible?
I have addressed all of your (Jesper's) comments below – the green bar now looks proper in all apps! However... when I close the birdseed div above the contents (before it closed after the contents div) it causes the sidebar to drop below the content div on the left hand side of the page. This doesn't happen in IE6 or Safari 1.2.4, it happens in Firefox,Mozilla. Here are the links to the html and css www.blueaardvark.ca/YMA/index_b.html www.blueaardvark.ca/YMA/styles_b.html I am still having problems with the background in Firefox 1.0.7 and Mozilla. [The background stretches as it should in Firefox 1.5(beta), Opera8.5, IE6, and Safari (1.2.4)] Any thoughts? Thank you for all of your help so far. Mindy I have an approximately 2px thick white line on top of the nav. in Mozilla 1.7.12 (bottom seems to be neat, 1px) and the same 2px top + about 4px bottom in MSIE Neat green background on them both, but in Mozilla there's a remarkable difference in the right column background right beside the end of the green local navigation bar. Looking into the code, I find it a little tricky to find out how that difference can get there in Mozilla. I've tried my Opera too, it has the same looks with a different bar cutting through the 3rd column. BUT that was not your specified problem :-). I suppose that you're aware that the green #birdseed image is 1px white-bordered on top and bottom? First of all, I would use a 10x10px green image, and the let browser repeat for full background effect. The border in top + bottom is easily taken care of with a css border. You use padding: 0 0 0 0; margin:0 0 0 0; a number of times, padding: 0; margin: 0; would do just as nicely :) You have declared #birdseed to be 28px high, but you have a 28px picture and a 92px (news.jpg) picture in the div, which, on top, you do not close until after the content div. Your HTML doesn't validate, but it's only a missing alt-tag on the fulllength_green. Much worse, your CSS has a number of errors. http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A//www.blueaardvark.ca/YMA/index.html I'm not confident that they are without influence in your troubles. Try closing your #birdseed div immediately after it's use, look into your validation errors, then let's see how it fares, we might be lucky :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is this possible?
Thanks for your help, Jesper. I did fiddle with it and have it sort it out. It still has problems (thick white line in IE 6; background disappears in Firefox 1.0, but not in the 1.5 beta!) I appreciate your comments about the navigation. Unfortunately, I have no control over the site's design, I'm just coding it. I'm new to CSS and I'm finding the workarounds for various browsers challenging. I don't know how you're previewing this, –here's the new link: www.blueaardvark.ca/YMA/index.html Thank you for your response, Jesper. All help is appreciated. I'm sorry I took so long to respond, I didn't see your comment. I thought my question had left the radar. Mindy On 11/20/05, Jesper Brunholm [EMAIL PROTECTED] wrote: Mindy wrote: I have included two links one is the page before adding a sub-nav, the other is a link after attempting to add the sub-nav. http://www.blueaardvark.ca/yma/2index.html http://www.blueaardvark.ca/yma/sub_nav.html I'm attempting to place a sub-nav in the green bar across the top, but when I place an additional div (in this case an unordered list) it breaks and I can't sort out how to fix it. Is this possible? If so, how. I don't see why it should not be possible, and actually neither that it breakes - have you fixed it? If you haven't fixed it, post again with a little more specs on what you expect/want and what you miss ;-) A tiny comment on your concept: I think (I'm not shure...) that the sub-navigation is more easily recognised as such if it's detached from the navigation. This furthermore makes it easy to repeat it (perhaps together with top links) further down on the page. Eg: A complete list of Hans Christian Andersens fairy tales translated into English by Jean Hersholt http://www.andersen.sdu.dk/vaerk/hersholt/index_e.html Kind regards Jesper Brunholm __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS float issues – first foray into CS S
Hi, I've posted a link here. I was trying to fix a problem in IE 6 and I broke the layout in Firefox / Safari etc. It looks as it should in IE 6 though. www.blueaardvark.ca/yma/2index.htmlhttp://www.blueaardvark.ca/yma/2index.html Things I'm trying to sort out are: 1. The sidebar is floating over where the content should start and forcing the content down. Is this float drop? I discovered the term earlier in this process and had everything working (thanks to Stephanie Sullivan), but some changes have been required. I thought if all the content was floated this would fix the problem. What can I do here? 2. The blue sidebar that contains the navigation extends below the members button. How can I get the sidebar to stop at the bottom of members? 3. Before I *really* broke it, I was trying to get the faux columns to stretch with the bottom of the browser, the irony is, now that appears as it should. Will I be able to maintain this and fix points one and two? I had a go at the archives, I don't think I know enough to know exactly what I'm looking for... Thanks in advance for your help. Mindy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS float issues – first foray into CSS
On 11/15/05, Justin Reid [EMAIL PROTECTED] wrote: Add a non breaking space (nbsp;) in your brclear div. Firefox and Safari ignore empty tags. www.blueaardvark.ca/yma/2index.html http://www.blueaardvark.ca/yma/2index.html I sorted out #1. I placed clear:both in the sidebar div and all is placed where it should be now. I'm still stuck on issue #2 the blue sidebar extending below the members button. and 3. thanks, Justin, but the nbsp; didn't seem to do the trick, unless I have implemented it incorrectly. This is how I placed it in the html code: div class=brclearnbsp;/div. Is that what you meant? thanks Mindy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Is this possible?
Hi, I have included two links one is the page before adding a sub-nav, the other is a link after attempting to add the sub-nav. http://www.blueaardvark.ca/yma/2index.html http://www.blueaardvark.ca/yma/sub_nav.html I'm attempting to place a sub-nav in the green bar across the top, but when I place an additional div (in this case an unordered list) it breaks and I can't sort out how to fix it. Is this possible? If so, how. (I haven't placed the background images in the sub_nav.html page —yet, I'm afraid to) Thanks in advance for your help. Mindy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/