[css-d] [ADMIN - OFF TOPIC] Re: JavaScript Detection
but unfortunately it does not work. The variable is always set as 'true' :( is there any other way to detect this ? This has absolutely nothing to do with CSS. I suggest that you address your question to a list that deals with javascript or, even better probably, Cold Fusion. Alex Robinson css-d moderator __ 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] page review :: ~dL
Kevin Cannon wrote: On Wed, Dec 28, 2005 at 10:42:43PM -0500, David Laakso wrote: Comments and suggestions appreciated. It has changed a little :-P . The first person who saw it thought it was too weird. http://www.dlaakso.com/reservoir/v08/v08.html I don't understand that. What's the point? Is it one of those cases of experimenting for the sake of it? Technically I suppose it's somewhat interesting, but visually typographically it's quite poor. - Kevin _ Gosh, thanks Kevin...I needed that! Regards, ~davidLaakso __ 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] page review :: ~dL
On Wed, Dec 28, 2005 at 10:42:43PM -0500, David Laakso wrote: Comments and suggestions appreciated. It has changed a little :-P . The first person who saw it thought it was too weird. http://www.dlaakso.com/reservoir/v08/v08.html I don't understand that. What's the point? Is it one of those cases of experimenting for the sake of it? Technically I suppose it's somewhat interesting, but visually typographically it's quite poor. - Kevin You are free to do better, let's see it. tedd -- http://sperling.com/ __ 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] some css guru help needed
I've been struggling with this design off and on for a few days now: http://dev.gelatincube.com/pequod/pequodv402/ (HTML) http://dev.gelatincube.com/pequod/pequodv402/styles/main.css (CSS) The challenge was to build the navigation scheme keeping the links as text and not as graphics. The lines should be centered vertically relative to each respective text link and should remain so regardless of how the user resizes their browser's default font size. The links should also knockout the lines in a consistent fashion and the lines should extend right and be flush with the right side graphic element. The example I posted above was the closest I could get. The lines still misalign when the browser font size changes. I feel like I've made the solution too complicated, perhaps someone can think of a simpler way to achieve the same effect. Any help or advice would be appreciated. Thanks, Ben Liu pequod communications__ 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] page review :: ~dL
Comments and suggestions appreciated. It has changed a little :-P . The first person who saw it thought it was too weird. http://www.dlaakso.com/reservoir/v08/v08.html Thanks, ~davidLaakso david: That's more than a paper-bag you just programmed out of (private joke). I never saw -- meta http-equiv=refresh content=3; url=v08b.html / -- used before. If someone had asked me to produce the same effect, it would have taken me much more programming than just one line! And, you're treatment of visual and typographical elements is impressively splendid, as usual. tedd -- http://sperling.com/ __ 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] Drop-down menu doesn't work in IE
Thank you guys, the problem with these examples is that they work for one level only. My menu has an unlimited number of submenus... How could I fix it? On 12/29/05, tedd [EMAIL PROTECTED] wrote: I am creating an AJAX-powered Bookmark Manager. My drop-down menu is working great in Opera and Firefox, but not in IE on Windows... http://www.auriance.com/docs/css/bookmarks/ Any idea? Thanks, -- Freaking Crazy. You may find this useful: http://www.sperling.com/examples/menuh/ HTH's tedd -- http://sperling.com/ -- Freaking Crazy. __ 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] Not sure where to apply Holly hack to css?
Hi, I'm redesigning my web site and learning about css as I go with the help of Dan Cederholm's book. I thought I was doing well but I've run across a misalignment in IE 6 win and IE 5.2 mac which apparently is fairly typical. Having trawled various lists and forums and gleaned what information I can, it appears I probably need to apply the 'holly hack' to a float's container but I can't quite get my head round where it's placed and how I alter it to be relevant to my document. Site is here: http://www.fit-pixels.com/fit-pixels_css Problem is blue panel at top right of righthand column. Can anyone help? I also tried the 'box model' hack but that seemed to make no difference whatsoever. Many thanks Yan __ 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] page review :: ~dL
tedd wrote: Comments and suggestions appreciated. It has changed a little :-P . The first person who saw it thought it was too weird. http://www.dlaakso.com/reservoir/v08/v08.html Thanks, ~davidLaakso That's more than a paper-bag you just programmed out of (private joke). meta http-equiv=refresh content=3; url=v08b.html / -- used before. If someone had asked me to produce the same effect, it would have taken me much more programming than just one line! And, you're treatment of visual and typographical elements is impressively splendid, as usual. tedd Tedd, The meta attribute to automatically move the reader from one page to another is older than me. And I am older than God. August Rosenberger, a typecutter for the Stempel foundry, cut the early the early types of Hermann Zapf, including the original foundry version of Palatino [1]. ~davidLaakso [1] 'A Short History of the Printed Word' --Warren Chappell --Robert Bringhurst http://www.amazon.com/gp/reader/0881791547/ref=sib_dp_pt/002-5304380-7976003#reader-link __ 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] page review :: ~dL
On Thu, Dec 29, 2005 at 09:32:40AM -0500, David Laakso wrote: On Wed, Dec 28, 2005 at 10:42:43PM -0500, David Laakso wrote: Comments and suggestions appreciated. It has changed a little :-P . The first person who saw it thought it was too weird. http://www.dlaakso.com/reservoir/v08/v08.html I don't understand that. What's the point? Is it one of those cases of experimenting for the sake of it? Technically I suppose it's somewhat interesting, but visually typographically it's quite poor. Gosh, thanks Kevin...I needed that! No offence meant. You asked for feedback though, so I gave you my honest opinion. I'd hope you'd appreciate that. - Kevin __ 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] some css guru help needed
Thanks Kenny, I'm going to try your suggestions. I would prefer to eliminate the dual list structure also, anything to make it more semantic. - Ben On 12/29/05, kenny heaton [EMAIL PROTECTED] wrote: On 12/29/05, Ben Liu [EMAIL PROTECTED] wrote: I've been struggling with this design off and on for a few days now: http://dev.gelatincube.com/pequod/pequodv402/ (HTML) http://dev.gelatincube.com/pequod/pequodv402/styles/main.css (CSS) The challenge was to build the navigation scheme keeping the links as text and not as graphics. The lines should be centered vertically relative to each respective text link and should remain so regardless of how the user resizes their browser's default font size. The links should also knockout the lines in a consistent fashion and the lines should extend right and be flush with the right side graphic element. The example I posted above was the closest I could get. The lines still misalign when the browser font size changes. I feel like I've made the solution too complicated, perhaps someone can think of a simpler way to achieve the same effect. Any help or advice would be appreciated. Thanks, I tried removing the #navlines list and placing the line.gif in the background of #navbar li and adjusting the a's and the list to look right. #navbar {position: absolute; z-index: 100; padding-left:11px; width:267px;} #navbar a {font: 80% Futura, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; padding-left: 25px; margin-left: 0px; background-color: #fff; padding-right: 8px; } #navbar li { list-style: none; padding: 4px 0 4px 0px; background: url('http://dev.gelatincube.com/pequod/pequodv402/img/line.gif') center right repeat-X; width:256px; } In order to get your arrow back you can change the line.gif to the arrow.gif for the nav item that match the page similar to what your doing now, only in the navbar list. I hope this makes sense, but I think your best off just having one list for the navigation elements, not two. kenny __ 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] image replacement problem in Mac IE
I'm having a problem with Fahrner Image Replacement in Mac IE 5.2. I'm floating button links within paragraphs. When the floated button isn't followed by a paragraph, the image replacement works fine, but when a paragraph follows the floated div the button images are not clickable links. I've put up a test page with the CSS in the head at http://www.lowellallen.com/FIR_test.html. Can anyone advise how to get this working in Mac IE? -- Lowell Allen __ 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] Not sure where to apply Holly hack to css?
Yan Cowles wrote: [...I probably need to apply the 'holly hack' to a float's container but I can't quite get my head round where it's placed and how I alter it to be relevant to my document. Site is here: http://www.fit-pixels.com/fit-pixels_css Yan Dunno, Yan. Someone better qualified will be along to resolve the positioning problem. aside: Deleting the height on #content may prevent the text from shooting out the bottom of the container when zoomed in good browsers. And changing font-size on the body from em to percent will prevent the fonts from going goofy on text zoom in ie (it is just another ie bug). __ 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] page review :: ~dL
The meta attribute to automatically move the reader from one page to another is older than me. True, but your case, I think it should be one second longer ;-) http://en.wikipedia.org/wiki/Leap_second Happy New Year, and thank you all for welcoming me to the list. Tony __ 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] page review :: ~dL
I apologize, my post was not meant offensive in any sense. Happy new year Ingo -- http://www.satzansatz.de/css.html __ 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] position: absolute; width: 100%, IE width not 100%
Hi Franky, Thanks much for the great summary, and for your work on this! I actually didnt realize I had created invalid markup until you pointed it out. Im not entirely sure what you are suggesting for the work-around, but I would *really* love to see it, or maybe you could give a brief code example of what you are talking about? In order to make things as accessible as possible, wed really need to nest the menus, so its too bad that Opera doesnt like that. Here is an old version of our page without the nested menus: http://www.berkeley.edu/test/calendar-tabs/sports-tabs-1.html This of course works just fine in Opera, but doesnt give the context of each menu (e.g. they cant tell that the menu that includes All Intercollegiate Sports is a submenu of the Sports menu) to users of screen readers. I recently discovered that you can download 40 minute versions of JAWS and Window Eyes, the most popular screen readers out there. They work for 40 minutes each time you re-boot your computer. It is really enlightening to do testing with these versions, though it does take a bit of work to get up to speed on their commands and how to use them properly. Heres an article on this: http://www.webaim.org/techniques/articles/screenreader_testing/ Thanks! Allison _ From: francky [mailto:[EMAIL PROTECTED] Sent: Wednesday, December 28, 2005 6:32 PM To: Allison Bloodworth Cc: '{tonyFelice}' [EMAIL PROTECTED]; paul walker; css-d@lists.css-discuss.org Subject: Re: [css-d] position: absolute; width: 100%, IE width not 100% Hi all, Allison wrote (28-12-05 19:48), resumé: 1 ... Paul's code + Tony's fix breaks FF: horizontal scrollbar to much top div to short. and before (28-12-05 18:07): 2 ... [berkeley-site:] I got everything working in FF Opera without having to change the nesting of the lists (thus, keeping it more accessible). @1: When Tony's code is placed in a IE * html-hack, FF will react as before, I think. But for me the major problems stay: - Paul's model doesn't work in Opera! See screenshot http://home.tiscali.nl/developerscorner/css-discuss/images/paulwalker-sshot -Opera.png 1. - When a visitor likes or needs to enlarge the font in his/her browser, the layout is not resistant. See screenshot http://home.tiscali.nl/developerscorner/css-discuss/images/paulwalker-sshot -FF800x600-2fontsizesSmaller.png 2 and screenshot http://home.tiscali.nl/developerscorner/css-discuss/images/paulwalker-sshot -FF1280x1024-2fontsizesBigger.png 3. @2: It happened that the html-validator showed some errors in placing the ul's of the submenu's within the li's of the menu... I corrected this in a http://home.tiscali.nl/developerscorner/css-discuss/berkeley-francky.htm berkely-testpage, in order to see if I could manage to get Tony's fix to it (and to steal the code in order to get Paul's model working in Opera). But ... only with corrected html, nothing changed: if the ul's and li's are in the correct w3c-way, now Opera goes vertical in the Berkely-model (just as in Paul's case)... screenshot http://home.tiscali.nl/developerscorner/css-discuss/images/berkely-valid-in -Opera.png 4. My conclusion: it is extremely hard (if not impossible) to satisfy IE, FF and Opera together in a liquid horizontal nested menu-structure. And the next step: what about other browsers? - I agree with Allison: a working model stays welcome! As a work-around I fall back to my suggestion to split up the menu in equally ranked ul's for the (sub)submenus, which have visually the same layout and functionality. In order to get it as accessible as possible, I think that can be realised without to much trouble: by making a second navigation/menu-structure. I hope I can concretisize this in a testpage, over a few days. So long! francky __ 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] some css guru help needed
Thanks Roger Kenny, Got it to work using suggestions from both of you. I removed the padding from #navbar so that the li elements would begin far enough left to allow the arrow background graphic to show on the grey background, then extended both background graphics as suggested. I had to add a bit of transparency to the left side of the grey line graphic so that it would not knock-out the grey background. Everything works great (aside from massive ie5/5.5 box model issues, but that's another story...) Thanks again to both of you for your help! - Ben On 12/29/05, Roger Roelofs [EMAIL PROTECTED] wrote: Ben, On Dec 29, 2005, at 12:24 PM, Ben Liu wrote: Got it pretty close using your suggestions. I still can't get the arrow to appear. The left padding applied to #navbar causes all the child li items to appear too far right. I tried shifting the image using background-position but it can only shift it to the edge of the element. I also tried placing the arrow.gif image as a background image to the entire ul#navbar, however, that doesn't solve the problem of aligning the line to the link text when the font is resized. On 12/29/05, kenny heaton [EMAIL PROTECTED] wrote: On 12/29/05, Ben Liu [EMAIL PROTECTED] wrote: I've been struggling with this design off and on for a few days now: http://dev.gelatincube.com/pequod/pequodv402/ (HTML) http://dev.gelatincube.com/pequod/pequodv402/styles/main.css (CSS) In order to get the arrow, you need to change your line graphic. make a line that is long enough so you don't have to use repeat-x. Either position it an appropriate amount in from left, or add the empty space to the graphic. Assuming the graphic change I came up with this -- #navbar { margin: 0; padding: 0 0 0 11px; } #navbar li { list-style: none; padding: 2px 0 6px; background: url('img/line.gif') left center no-repeat; } #navbar a { font: 80% Futura, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; padding: 0 .5em 0 20px; margin: 0 0 0 15px; background-color: #fff; } body#home li#homelink, body#services li#serviceslink, body#aboutus li#aboutuslink {background: url('img/arrow.gif') left center no-repeat;} body#home li#homelink a, body#services li#serviceslink a, body#aboutus li#aboutuslink a {color: #982220;} __ 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] 3 same height columns layout problem
Hi Sue Yeh that's the problem - I believe it's because I am not setting height on #container (which I really don't want to do...) At http://www.samatason.co.uk/clients/tc4/index.php I have the background on the page - this works but causes the other problems I already mentioned particularly in IE. Thanks anyway! -Original Message- From: Sue Forrester [mailto:[EMAIL PROTECTED] Sent: 29 December 2005 19:10 To: [EMAIL PROTECTED] Subject: Re: [css-d] 3 same height columns layout problem Is there anyway I can get the background to show without setting a height? Page at http://www.samatason.co.uk/clients/tc3/ CSS at http://www.samatason.co.uk/clients/tc3/css/tc.css Any help appreciated... Chris - I can't answer your question, Chris, but were you aware that the below does not display (I'm just looking in FF) and that your links in the ul just show up as dashed lines until you hover? div id=centrecolh3just ask.../h3 pWe take the time to answer all your questions about buying in Turkey and guide you step by step.../p Oregon Sue __ 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-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] 3 same height columns layout problem
Samatason Ltd wrote: Is there anyway I can get the background to show without setting a height? Page at http://www.samatason.co.uk/clients/tc3/ CSS at http://www.samatason.co.uk/clients/tc3/css/tc.css Chris Yes. http://www.dlaakso.com/vacation.html. I can't fix anything-- easier to start with a clean sheet. The xml declaration above the doctype puts the 'evil one' in quirksmode. If you can use this, it is your call about quirksmode-- works either way, maybe. Best, ~davidLaakso __ 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] menu problem
Patrick Roane wrote: I'm creating a menu using a single image. ... using the 'off-set' technique. But, this time- for some reason the 'hover' does not look good. It is as if the bottom 1/4 of the 'green hover image' is cut off. http://www.pdrsolution.com/waters/index.html Patrick, I appended the style with line height, and it worked in IE6/win, and padded it a bit for FF/win: ul#menu li a { padding-bottom:6px; } * html body ul#menu li a { line-height:26px; } The fix described is demo'd here: http://www.tfelice.com/testcase/offsetHoverMenu.html Hope that helps. Anyone still see any mac/opera issues? Tony __ 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/