[css-d] Image alignment within div
I have a div with 3 images all floated left. In FF they show fine, but in IE6 the first image is shifted up for some reason. I cannot see why this is happening so any help would be appreciated. The page is at www.biofuels-maritime.com/n-index.asp and the css is at www.biofueld-maritime.com/bio.css Many thanks Pete __ 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] Can't find source of block-level error
http://blog.kim.thewei.com/ I could use some help with this. I've managed to totally confuse myself. My sidebar won't snap into place to the right of my narrowcolumn, and my page won't validate. I can't figure out what's going on. Thanks . . . -- Kimi Wei 201.475.1854 http://thewei.com __ 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] Can't find source of block-level error
Subject: [css-d] Can't find source of block-level error http://blog.kim.thewei.com/ I could use some help with this. I've managed to totally confuse myself. My sidebar won't snap into place to the right of my narrowcolumn, and my page won't validate. I can't figure out what's going on. Thanks . . . Kimi Wei 201.475.1854 http://thewei.com 03/18/2008 Kim: A couple of things. It appears that you have the nav sidebar nested within the .narrowcolumn. And you will also have to declare an explicit width on the .narrowcolumn, other wise it will expand and fill the entire width of #content, and not allow anything to float next to it. It has to be narrower than width of #content - .navigation. You are not validating because you appear to be missing a closing /div tag (or an extra one!). Which may also be why the nav and .narrowcontent float isn't working!!! Try sticking a /div tag either right before div class=navigation OR one right before the closing /body tag. Then revalidate. Your page may look wonky but it may get a green light by the validator. IMO, you should add a comment right before the nav div so it is easier to find. Best Regards, Peter www.fatpawdesign.com works in IE8! __ 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] Image alignment within div
Pete Harrison wrote: www.biofuels-maritime.com/n-index.asp I have a div with 3 images all floated left. In FF they show fine, but in IE6 the first image is shifted up for some reason. I cannot see why this is happening so any help would be appreciated. It happens because those images are not contained in the div, and not controlled by it. All browsers need containment of floats and more solid styling for line-up, and IE6 and 7 need 'hasLayout'[1] triggers. The entire layout has too many weaknesses for in-depth debugging - would require complete redo from scratch, but here's a copy with the relevant parts restyled in a way all browsers understand... http://www.gunlaug.no/tos/alien/pha/test_08_0318.html http://www.gunlaug.no/tos/alien/pha/test_08_0318_files/bio0.css ...so you at least can study *one way* to make it work. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ 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] Image alignment within div
The images are within the Branding Div. Regards Pete -Original Message- From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] Sent: 18 March 2008 13:52 To: Pete Harrison Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Image alignment within div Pete Harrison wrote: www.biofuels-maritime.com/n-index.asp I have a div with 3 images all floated left. In FF they show fine, but in IE6 the first image is shifted up for some reason. I cannot see why this is happening so any help would be appreciated. It happens because those images are not contained in the div, and not controlled by it. All browsers need containment of floats and more solid styling for line-up, and IE6 and 7 need 'hasLayout'[1] triggers. The entire layout has too many weaknesses for in-depth debugging - would require complete redo from scratch, but here's a copy with the relevant parts restyled in a way all browsers understand... http://www.gunlaug.no/tos/alien/pha/test_08_0318.html http://www.gunlaug.no/tos/alien/pha/test_08_0318_files/bio0.css ...so you at least can study *one way* to make it work. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ 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] Image alignment within div
Pete Harrison wrote: The images are within the Branding Div. As if I didn't know :-) That has *absolutely nothing* to do with containment of floats and control of line-up, I'm afraid. Georg -- http://www.gunlaug.no __ 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] Can't find source of block-level error
http://blog.kim.thewei.com/ At 7:49 AM -0500 3/18/08, Peter Hyde-Smith [ed: THANKS PETER!] wrote: you will also have to declare an explicit width on the .narrowcolumn You are not validating I've solved some problems and page now validates, but I still need to get the sidebar to the top of the content column. -- Kimi Wei 201.475.1854 http://thewei.com __ 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] IE8 conditional comment seen by IE multiple versions
Hi Everyone If you are allowed IE8 to overwrite IE7 and you have multiple versions of IE [1] by Yousif Al Saif on your PC then the conditional comments meant to target IE8 are seen. Testing in IE6 and IE5.5 I see this. [if lt IE 9][if IE 8] [if gt IE 7] [if gte IE 7] [if gt IE 6] [if gte IE 6] [if gt IE 5] [if gte IE 5] http://css-class.com/test/bugs/ie/8/ie8-cc-seen-by-ie6.htm Not that it really bothers me personally but for those who have multiple versions of IE, allowed IE8 to overwrite IE7 and use conditional comments will find they may not work anymore. Can anyone please confirm that IE8 installed of a virtual PC doesn't show this in any legacy IE version. I guess there maybe be a simple fix, maybe from Yousif's site. Amazing how the ones for IE7, IE6 and IE5 only are not pickup but if it's greater or equal to, they are shown. [1] http://tredosoft.com/Multiple_IE Alan http://css-class.com/test/ __ 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] Can't find source of block-level error
Get rid of the margin-right on the .narrowcolumn and the sidebar div should slide up next to it. Valerie On Tue, Mar 18, 2008 at 11:13 AM, Kim Brooks Wei [EMAIL PROTECTED] wrote: http://blog.kim.thewei.com/ At 7:49 AM -0500 3/18/08, Peter Hyde-Smith [ed: THANKS PETER!] wrote: you will also have to declare an explicit width on the .narrowcolumn You are not validating I've solved some problems and page now validates, but I still need to get the sidebar to the top of the content column. -- Kimi Wei 201.475.1854 http://thewei.com __ 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/ -- Valerie Wininger www.valeriewininger.com __ 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] IE8 breaks layout
http://www.hyperhappen.com/ is the site, can anyone see what the issue might be? I wrote the css a long time ago and IE7 was quite happy with it, but IE8 is cutting elements and backgrounds off. it seems to be not wrapping floated elements properly, but I can't be sure. is it worth trying to fix it up? Or should I wait for a newer IE8 release... TIA -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ __ 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] Can't find source of block-level error
Ah hah. And there it is, pretty as a picture! Thanks, Valerie Kimi At 11:28 AM -0400 3/18/08, Valerie Wininger wrote: Get rid of the margin-right on the .narrowcolumn and the sidebar div should slide up next to it. -- Kimi Wei 201.475.1854 http://thewei.com __ 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] IE8 breaks layout
Tony Crockford wrote: http://www.hyperhappen.com/ is the site, can anyone see what the issue might be? I wrote the css a long time ago and IE7 was quite happy with it, but IE8 is cutting elements and backgrounds off. it seems to be not wrapping floated elements properly, but I can't be sure. is it worth trying to fix it up? Or should I wait for a newer IE8 release... Personal opinion: Wait. Patience is the companion of wisdom. -- Saint Augustine (354 AD - 430 AD) -- http://chelseacreekstudio.com/ __ 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] IE8 breaks layout
Tony Crockford wrote: http://www.hyperhappen.com/ is the site, can anyone see what the issue might be? I wrote the css a long time ago and IE7 was quite happy with it, but IE8 is cutting elements and backgrounds off. it seems to be not wrapping floated elements properly, but I can't be sure. is it worth trying to fix it up? Or should I wait for a newer IE8 release... TIA No action needed. A clearing br does not clear in IE8. It's already reported, they will have to fix it. Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ 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] IE8 breaks layout
Ingo Chao wrote: Tony Crockford wrote: http://www.hyperhappen.com/ is the site, can anyone see what the issue might be? I wrote the css a long time ago and IE7 was quite happy with it, but IE8 is cutting elements and backgrounds off. it seems to be not wrapping floated elements properly, but I can't be sure. is it worth trying to fix it up? Or should I wait for a newer IE8 release... TIA No action needed. A clearing br does not clear in IE8. It's already reported, they will have to fix it. Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com I didn't notice the clearing br but I do see that the relatively positioned div#box1bot is covering the floated links at the bottom of div#containertop. Here a test case with divs and no clearing. http://css-class.com/test/css/floats/float-position-relative.htm Both IE8 and Safari 3 shows the floated red box covering the r.p. box which is later in the source. Safari 3 doesn't show the bug on the page in question. This is possibly since Safari is using the clearing br. Tony removing nbsp; from div#box1bot seems to fix it. Have anyone seen any bugs with relative:position? Alan http://css-class.com/test/ __ 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] Site Check Please
Greetings all. Need a site check: http://www.myrvspace.com/rv-dealers/rv-dealers.php Don't mind the CSS or layout. I know it needs a lot of work, and unfortunately it will never get done unless we're not given any more projects to add onto the site. Frankly, it's been patched together by numerous rush jobs. Anyway, I'm getting a single complaint about there being some weird line at the bottom. Now, I know in Firefox on widescreen monitors (it seems) the background somehow stops and shows the color below the image. I think it might just be my computer and add-ons. What I'm just hoping for is that the background looks like it's fading from a dark blue to a light blue and back. Thanks for your help. -Jack Timmons __ 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] IE8 breaks layout
Tony Crockford wrote: http://www.hyperhappen.com/ is it worth trying to fix it up? Or should I wait for a newer IE8 release... As David said you should wait before correcting what may not be broke when the final release of IE8 is out. If it truly is buggy in this beta you should first check if it has been reported and if not enter a report. The more seemingly insignificant bugs that can be squashed before the final release the easier it will be to adapt to the new IE. I seem to remember the same scrambling-to-fix when IE7 beta was released, a lot of which became unnecessary after the release. Dennis __ 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] Site Check Please
It looks right in IE7 and Firefox 2. In IE6 where the light blue starts to go back to dk blue there is a distinct line where the darker blue starts. If that makes sense. You might check out Browsershots too-- http://browsershots.org/ Valerie On Tue, Mar 18, 2008 at 1:11 PM, Jack Timmons [EMAIL PROTECTED] wrote: Greetings all. Need a site check: http://www.myrvspace.com/rv-dealers/rv-dealers.php Don't mind the CSS or layout. I know it needs a lot of work, and unfortunately it will never get done unless we're not given any more projects to add onto the site. Frankly, it's been patched together by numerous rush jobs. Anyway, I'm getting a single complaint about there being some weird line at the bottom. Now, I know in Firefox on widescreen monitors (it seems) the background somehow stops and shows the color below the image. I think it might just be my computer and add-ons. What I'm just hoping for is that the background looks like it's fading from a dark blue to a light blue and back. Thanks for your help. -Jack Timmons __ 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/ -- Valerie Wininger www.valeriewininger.com __ 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] IE8 breaks layout
Dennis Bixler wrote: Tony Crockford wrote: http://www.hyperhappen.com/ is it worth trying to fix it up? Or should I wait for a newer IE8 release... As David said you should wait before correcting what may not be broke when the final release of IE8 is out. Tony gave all browsers ambiguous markup and CSS and that does play a role in things. It was a minor stress test on browsers. :-) If it truly is buggy in this beta you should first check if it has been reported and if not enter a report. The more seemingly insignificant bugs that can be squashed before the final release the easier it will be to adapt to the new IE. What I have seen reported concerning layout issues is very little and how can Tony report something that he does not understand? I don't even know why browsers interpret this test case (has been added to) differently. http://css-class.com/test/css/floats/float-position-relative.htm Dennis, if MS is bombarded with such cases as fully coded pages how are they to work out what is going wrong? They would have to unpick the code just to find the bug (there are several operators present). This would be just like what happened with IE7 beta but differently. MS are looking for strong bare test cases. The bugs I see in IE8 are concerning float and stacking, position relative and display property bugs. Severe stress testing of IE8 does show many bugs but similar bugs are also present in other browsers. It's just that IE8 has the lion share. :-) I seem to remember the same scrambling-to-fix when IE7 beta was released, a lot of which became unnecessary after the release. Dennis Tony paste this into your CSS and see if it helps. a.comments, a.permalink { float: none !important; margin: auto !important; /* play around with vertical margins */ } and possibly #box1bot {position:absolute !important;left:0;bottom:0;} and change the bottom offset (0 ~ -20px) for correct positioning or wait and see if a later IE8 beta fixes it. Alan http://css-class.com/test/ __ 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] :: space above image ::
Stuck. The top of the image in the right column should butt the dashed page border. It does so in Safari, and win/IE 5.01 through 7.0. What is the culprit (s) causing the space above the image in Camino, Mac/Opera, and Mac/FF? http://www.chelseacreekstudio.com/ca/cssd/dl/dl.html -- http://chelseacreekstudio.com/ __ 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] :: space above image ::
David, It's the following: a { margin:0pt; padding:0pt 0pt 0pt *10px*; text-decoration:none; } I removed that 10px of padding and it fixed the problem. Valerie On Tue, Mar 18, 2008 at 3:21 PM, David Laakso [EMAIL PROTECTED] wrote: Stuck. The top of the image in the right column should butt the dashed page border. It does so in Safari, and win/IE 5.01 through 7.0. What is the culprit (s) causing the space above the image in Camino, Mac/Opera, and Mac/FF? http://www.chelseacreekstudio.com/ca/cssd/dl/dl.html -- http://chelseacreekstudio.com/ __ 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/ -- Valerie Wininger www.valeriewininger.com __ 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] Help with containers?
Hello; First post here... I am having trouble with setting up a container properly...it works for the most part. I need for the background colors contained by it to extend as wide as the browser window is — I know some folks have those nice 30-inchers! — and that seems to be working with the code that I've written, but when you make the browser window very narrow, it breaks in that you can scroll the page tot he right and see the background colors end, and it looks sloppy. Chances are the average person isn't going to do this, but they MIGHT do it and at any rate I'd like to make the little beasty behave right. I've been playing with this: #container { height:150px; width:100%; background:rgb(173,173,173); } 150px is the height of the jpg which is part of the area to be contained (containered?) and I assume 100% means 100% of the browser window, however wide or narrow a person has it on their computer. Another related thing to this, as I'm pretty green at coding, is how things affect each other, and I'm just not experienced enough to know this. Mainly, I take code from elsewhere which works, and put that into my style sheets. Mostly it works. Sometimes, as this instance shows, it doesn't. Thanks for taking a look/helping me out and sharing any advice.. John 3D Illustration+Graphic Design www.CoffeeOnMars.com __ 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] :: space above image ::
Valerie Wininger wrote: David, It's the following: a { margin:0; padding:0 0 0 *10px*; text-decoration:none; } Thanks, Valerie (and Cynthia, off-list). Ah, yes... the obvious is sometimes elusive. -- http://chelseacreekstudio.com/ __ 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] Help with containers?
On Tue, Mar 18, 2008 at 12:42 PM, John [EMAIL PROTECTED] wrote: Hello; First post here... I am having trouble with setting up a container properly...it works for the most part. I need for the background colors contained by it to extend as wide as the browser window is — I know some folks have those nice 30-inchers! — and that seems to be working with the code that I've written, but when you make the browser window very narrow, it breaks in that you can scroll the page tot he right and see the background colors end, and it looks sloppy. Chances are the average person isn't going to do this, but they MIGHT do it and at any rate I'd like to make the little beasty behave right. I've been playing with this: #container { height:150px; width:100%; background:rgb(173,173,173); } 150px is the height of the jpg which is part of the area to be contained (containered?) and I assume 100% means 100% of the browser window, however wide or narrow a person has it on their computer. A block level element without a width will expand all the way across the available area all on it's own, without the need to declare a width of 100%. It's impossible to imagine what the actual problem might be without looking at your page/code. j __ 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] make link non-clickable
this exists in content a href=www.somewhere.comlink/a if there any way to make that link non-clickable only with css one solution that I do not want to use is putting an absolutely positioned clear image over it. thansk Neal __ 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] make link non-clickable
[EMAIL PROTECTED] wrote: this exists in content a href=www.somewhere.comlink/a if there any way to make that link non-clickable only with css You could replace the entire page by a large PNG. Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ 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] make link non-clickable
[EMAIL PROTECTED] wrote: this exists in content a href=www.somewhere.comlink/a That's strange (and _quite_ different from a link with href=http://www.somewhere.com;), but anyway,... if there any way to make that link non-clickable only with css No, clickability in the general sense is an inherent property of a link: a link points at something in a manner that makes it possible to follow the link. Take that away, and it's not a link any more. In the specific concrete sense (a link can be followed by clicking on it), it's a browser feature. These things belong to functionality, not presentation. one solution that I do not want to use is putting an absolutely positioned clear image over it. It does not make the link non-clickable, even though it may make it more difficult to click on it. You can e.g. position a link 99 pixels to the right, and this will usually make it so difficult to even notice the existence of the link that it probably won't be clicked. But it won't really make it non-clickable, partly due to the CSS Caveats (reasons why your CSS might not do what you expect, see http://www.cs.tut.fi/~jkorpela/css-caveats.html ). So I think you need to clarify what you really want (and why is generally an essential part of such clarifications, because only then can others see what you mean). Why would you want to have a link and not have a link? This might not be a CSS issue at all, but there are ways to prevent links from _looking_ like links, thereby making it less probable that users click on them, if that's what you really want. Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ 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] make link non-clickable
Thanks all and Ingo - love the sarcasm - well deserved by me violating semantics so brazenly The reason is that's what the client wants I follow standards fairly well in my own little way - but the client and the cms are my nemeses there are ways to prevent links from _looking_ like links, thereby making it less probable that users click on them, This is proabbly the best to do in my situation thanks Neal [EMAIL PROTECTED] wrote: this exists in content a href=www.somewhere.comlink/a That's strange (and _quite_ different from a link with href=http://www.somewhere.com;), but anyway,... if there any way to make that link non-clickable only with css No, clickability in the general sense is an inherent property of a link: a link points at something in a manner that makes it possible to follow the link. Take that away, and it's not a link any more. In the specific concrete sense (a link can be followed by clicking on it), it's a browser feature. These things belong to functionality, not presentation. one solution that I do not want to use is putting an absolutely positioned clear image over it. It does not make the link non-clickable, even though it may make it more difficult to click on it. You can e.g. position a link 99 pixels to the right, and this will usually make it so difficult to even notice the existence of the link that it probably won't be clicked. But it won't really make it non-clickable, partly due to the CSS Caveats (reasons why your CSS might not do what you expect, see http://www.cs.tut.fi/~jkorpela/css-caveats.html ). So I think you need to clarify what you really want (and why is generally an essential part of such clarifications, because only then can others see what you mean). Why would you want to have a link and not have a link? This might not be a CSS issue at all, but there are ways to prevent links from _looking_ like links, thereby making it less probable that users click on them, if that's what you really want. __ 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] make link non-clickable
[EMAIL PROTECTED] wrote: The reason is that's what the client wants But you haven't told _what_ he wants. Just saying I want links that are not links is not a description. there are ways to prevent links from _looking_ like links, thereby making it less probable that users click on them, This is proabbly the best to do in my situation Then there's quite a lot you can do, such as :link, :visited { display: none; visibility: hidden; font-size: 1px; color: black; background: black; text-decoration: none; position: absolute; left: -999px; } but some of this may have effects that the client does not like. So what does he want? Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ 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] make link non-clickable
[EMAIL PROTECTED] wrote: The reason is that's what the client wants I follow standards fairly well in my own little way - but the client and the cms are my nemeses there are ways to prevent links from _looking_ like links, thereby making it less probable that users click on them, This is proabbly the best to do in my situation thanks Neal How about making something that is not a link look like a link? unot a link/u Frank __ 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] make link non-clickable
This is really a CMS issue. Even if you *COULD* do this, then you'd have to *UNDO* it once client want's the link clickable. From a professional perspective, I'd just tell the client they're suffering from a concussion! And, do you want someone else to look at your code and say, Cutting edge, but WTF! What was he smoking? Not knowing what the CMS is, I can't speak to specifics, but open source CMS' -- e.g., Joomla -- allow you to create menus that do not have live links, by virtue of the different menu entry types it provides. Within the CMS, why can't the client simply define the link as #, so that it just parks on the current page? This would seem like the most sensible way to do it, because as another mentioned, your trying to intervene on functionality, when CSS is meant for display. !-- BEGIN: Sarcasm -- If you do figure this out can you please come over to my house. I have this nice wooden picket fence, that I want to be maintenance-free vinyl. I don't want it to LOOK like vinyl, I like the rustic look of the wooden picket. What I want is that it ACT like vinyl and have the PROPERTIES of vinyl. !-- END: Sarcasm -- That's kind of what you're trying to achieve here! ...Rob __ 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] make link non-clickable
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of [EMAIL PROTECTED] Sent: Tuesday, March 18, 2008 3:27 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] make link non-clickable The cms module pulls a link from the xml - right now they dont want that link to be clickable (do not want linked page to be viewed)- but they want the link text to remain so they want the link text to remain - but actual link gone Then explain to the client that unless you *remove* the href value, that document will be indexed by bots and people will get to it via SE results. -- Regards, Thierry | http://www.TJKDesign.com __ 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 Zengarden Design #202
How well does CSS Zengarden Design #202, Retro Theater: http://www.csszengarden.com/?cssfile=/202/202.csspage=0 work in IE 6 lower? On my IE6.0 machine the frame doesn't wrap around the way it does in Firefox IE7. I would say it breaks gracefully, except page-down is painfully slow for me in IE6. I don't know if it's just that machine, or something about how putting position:relative on the body works (or doesn't) in IE6. Does it look OK in IE on the Mac? I'm asking because I'd like to use some of the tricks in this design for pseudo-framing, but I'm not going to get into it if it's going to be too painful in IE6. Mary Ellen Doctor Science, MA http://doctorscience.blogspot.com __ 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] CSS Zengarden Design #202
Mary Ellen Curtin wrote: How well does CSS Zengarden Design #202, Retro Theater: http://www.csszengarden.com/?cssfile=/202/202.csspage=0 work in IE 6 lower? Hmm. Is there a browser on the face of the earth it does work in? __ 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] CSS Zengarden Design #202
David Lasko asked: Is there a browser on the face of the earth it does work in? ha. Well, I'm looking at it with IE7 Firefox2.0 on Vista, and it seems to work OK -- in the sense that there's a big movie-theater marquee wrapped around the text, which scrolls down nicely when you scroll down. What are you using, and what kind of not working are you seeing? Mary Ellen Doctor Science, MA http://doctorscience.blogspot.com __ 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] CSS Zengarden Design #202
Mary Ellen Curtin wrote: How well does CSS Zengarden Design #202, Retro Theater: http://www.csszengarden.com/?cssfile=/202/202.csspage=0 work in IE 6 lower? IE6 and lower on windows don't support 'position: fixed'. IE/Mac supports 'position: fixed' pretty much all the way, but it looks like they've shut IE/Mac out from the relevant styles for that page. A pity, really. I'm asking because I'd like to use some of the tricks in this design for pseudo-framing, but I'm not going to get into it if it's going to be too painful in IE6. IE6 needs workarounds, but that doesn't pose much of a problem, IMO. Basic CSS frames are described and demonstrated here... http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ ...and the IE6 workaround is described here... http://www.gunlaug.no/contents/wd_additions_15.html regards Georg -- http://www.gunlaug.no __ 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] CSS Zengarden Design #202
Georg wrote: How well does CSS Zengarden Design #202, Retro Theater: http://www.csszengarden.com/?cssfile=/202/202.csspage=0 work in IE 6 lower? IE6 and lower on windows don't support 'position: fixed'. ... IE6 needs workarounds, but that doesn't pose much of a problem, IMO. What do you see in this Zengarden design in IE6? Is it scrolling very slowly for you, too, or is that just my machine? This design doesn't seem to include any of your workarounds. Mary Ellen Doctor Science, MA http://doctorscience.blogspot.com __ 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] IE8 conditional comment seen by IE multiple versions
From: Alan snips If you are allowed IE8 to overwrite IE7 and you have multiple versions of IE [1] by Yousif Al Saif on your PC then the conditional comments meant to target IE8 are seen. Testing in IE6 and IE5.5 I see this. [if lt IE 9][if IE 8] [if gt IE 7] [if gte IE 7] [if gt IE 6] [if gte IE 6] [if gt IE 5] [if gte IE 5] http://css-class.com/test/bugs/ie/8/ie8-cc-seen-by-ie6.htm I see that in the IE8 beta. Thank goodness the IE6 conditional comments aren't showing. Nancy Sosna __ 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] CSS Zengarden Design #202
Mary Ellen Curtin wrote: How well does CSS Zengarden Design #202, Retro Theater: http://www.csszengarden.com/?cssfile=/202/202.csspage=0 work in IE 6 lower? IE6 and lower on windows don't support 'position: fixed'. ... IE6 needs workarounds, but that doesn't pose much of a problem, IMO. What do you see in this Zengarden design in IE6? Is it scrolling very slowly for you, too, or is that just my machine? Full speed and no problems in IE6 on my machines. This design doesn't seem to include any of your workarounds. The IE-expressions that I use as workaround, are non-valid CSS - proprietary Microsoft scripting-in-CSS, so that design would probably not make it into the zengarden with any of those on board. If a machine is low on speed and resources, then IE-expressions can eat up resources and slow it noticeable down over time. Have only noticed such effects if I have a dozen or more IE6 windows open over longer periods - an hour or so, on one of my slower machines. It's a tradeoff. Either you want IE6 on board despite the potential problems, or you accept that it is to old. Anyway, it is better to leave IE6 behind if too many expressions are needed for _simulating_ proper CSS support in such an old browser. I want IE6 on board, so I add IE-expressions to simulate 'position: fixed' and a few other non-supported layout-details whenever I see the need - like for my home-pages... http://www.gunlaug.no/main-en.html regards Georg -- http://www.gunlaug.no __ 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] CSS Zengarden Design #202
Mary Ellen Curtin wrote: How well does CSS Zengarden Design #202, Retro Theater: http://www.csszengarden.com/?cssfile=/202/202.csspage=0 work in IE 6 lower? On my IE6.0 machine the frame doesn't wrap around the way it does in Firefox IE7. I would say it breaks gracefully, except page-down is painfully slow for me in IE6. I don't know if it's just that machine, or something about how putting position:relative on the body works (or doesn't) in IE6. Doesn't work in IE6 here, either. Don't know about Mac IE. -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] CSS Zengarden Design #202
Mary Ellen Curtin wrote: Georg wrote: How well does CSS Zengarden Design #202, Retro Theater: http://www.csszengarden.com/?cssfile=/202/202.csspage=0 work in IE 6 lower? IE6 and lower on windows don't support 'position: fixed'. ... IE6 needs workarounds, but that doesn't pose much of a problem, IMO. What do you see in this Zengarden design in IE6? Is it scrolling very slowly for you, too, or is that just my machine? This design doesn't seem to include any of your workarounds. It scrolls very very very slowly here, too. In both FF and IE. -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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/