[css-d] Getting back into css...
Hi, I have a decent level of understanding of how style sheets work, but I would like to get to the point where I can design something along the lines of css zen garden. By that I mean that I would like to have a deep enough understanding of both xhtml and css so that I could design a web page with multiple designs (like zen garden). I find that when I look at layout templates that I don't always understand some of the concepts applied. Can anyone recommend a good book for me? Thanks in advance, Michael Beauchamp IT Developer 1 Amica Mutual Insurance Company 25 Amica Way Lincoln, RI 02865-1155 1-800-992-6422 ext. 23224 [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] - ** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify [EMAIL PROTECTED] and the sender of the message. Thank you. ** __ 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] Getting back into css...
I don't know what snarky means, but thanks for the tip. :) Michael Beauchamp IT Developer 1 Amica Mutual Insurance Company 25 Amica Way Lincoln, RI 02865-1155 1-800-992-6422 ext. 23224 [EMAIL PROTECTED] -Original Message- From: Ian Skinner [mailto:[EMAIL PROTECTED] Sent: Thursday, September 22, 2005 4:09 PM To: BEAUCHAMP, MICHAEL J. Cc: css-d@lists.css-discuss.org Subject: RE: [css-d] Getting back into css... Not to be too snarky, but how about the Zen Garden book. the Zen of CSS design by Dave Shea and Molly Holzschlag published by New Riders. I have my copy, but have yet had the chance to read it, so I can only comment that it exists and had decent review on Amazon. -- Ian Skinner Web Programmer BloodSource www.BloodSource.org Sacramento, CA C code. C code run. Run code run. Please! - Cynthia Dunning Confidentiality Notice: This message including any attachments is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender and delete any copies of this message. - ** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify [EMAIL PROTECTED] and the sender of the message. Thank you. ** __ 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] Vertical Scrollbar in IE ... Causes horizontal scrollbar
Hi, This is probably a FAQ but I can't find the answer... I have a problem in IE. I have body overflow set to auto. The width of the document is all percentage and never scrolls horizontally. However, there is usually a vertical scroll. The problem is that in IE, when the vertical scrollbar appears, the width of the page stays the same (in terms on actual screen width in pixels), creating a need for horizontal scrolling. It's as if IE doesn't notice that the scrollbars are using up some of the horizontal space so it never resizes to compensate. Can anyone tell me how to solve this? At the moment I have overflow-y:scroll set so the scrollbar is just always there. I guess it works... sort of. [unfortunately, I can't post or link to the code.] Thanks in advance for any help or pointers to help. __ 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] Vertical Scrollbar in IE ... Causes horizontal scroll bar
Hi Francky, Thanks for your help. Unfortunately, I'm blocked from seeing your website and have no public server myself to post to. However, knowing that this is not common and probably not a browser problem is a big help. Now I can assume that there is something in my code that is causing the problem. I'll take your advice and look for padding issues. Thanks again, Mike -Original Message- From: francky [mailto:[EMAIL PROTECTED] Sent: Friday, March 09, 2007 3:22 PM To: Beauchamp Michael J CONT NPRI Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Vertical Scrollbar in IE ... Causes horizontal scrollbar Beauchamp Michael J CONT NPRI wrote: Hi, This is probably a FAQ but I can't find the answer... I have a problem in IE. I have body overflow set to auto. The width of the document is all percentage and never scrolls horizontally. However, there is usually a vertical scroll. The problem is that in IE, when the vertical scrollbar appears, the width of the page stays the same (in terms on actual screen width in pixels), creating a need for horizontal scrolling. It's as if IE doesn't notice that the scrollbars are using up some of the horizontal space so it never resizes to compensate. Can anyone tell me how to solve this? At the moment I have overflow-y:scroll set so the scrollbar is just always there. I guess it works... sort of. [unfortunately, I can't post or link to the code.] Thanks in advance for any help or pointers to help. Hi Michael, Strange ... normally IE is *always* making space for the vertical scrollbar (up to IE6 under WinXP; in IE6 a transparent vertical scrollbar, if not needed). Is it IE7 and/or Vista which is giving your results? I made 2 testpages, a short and a long one, both with body { width: 100%; overflow: auto; }, and no horizontal scrollbar is appearing in IE. * Short page http://home.tiscali.nl/developerscorner/css-discuss/test-IEoverflow-scrollbars-short.htm * Long page http://home.tiscali.nl/developerscorner/css-discuss/test-IEoverflow-scrollbars-long.htm Is the long page showing the hor. scrollbar at your side? [1] If not, maybe there is in the css of the content of the longer page something like an element with a width in % and a padding-left and/or padding-right as well? Could be also some IE expanding bug - hard to say without code... Maybe you can isolate the problem in a minimal error page [2] [3], replace the remaining content with Lorem's and 1-color images, and send us a link to that? Greetings, francky [1] Not yet results of Browsershots at this moment http://browsershots.org/website/http://home.tiscali.nl/developerscorner/css-discuss/test-IEoverflow-scrollbars-long.htm#success [2] The D-Zero Method http://home.tiscali.nl/developerscorner/golden-rules-of-css.htm#r13 [3] PIE: Mystery Bug http://www.positioniseverything.net/articles/mys-bug.html __ 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] Tabs inside of containers
Thanks for your response. The problem I'm having is not the look of the links. I wanted to have a header section of the page that contained all of the things in that section. I finally gave up on that and used this html: div id=header div id=newnav ul lia href=#Link 1/a/li lia href=#Link 2/a/li lia href=#Link 3/a/li lia href=#Link 4/a/li lia href=#Link 5/a/li li class=searchFormSearch: input type=text size=20 / input type=image src=images/button-go.gif name=go //li /ul /div /div div id=topClassUNCLASSIFIED/div div id=decorate1/div I applied a background image to #header and another one to #decorate1 and used absolute positioning for #topClass to achieve the look I wanted. Everything flexes and it works fine. I'm just disappointed that I couldn't put everything in a container. Maybe that's not important. Thanks. __ 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] Tabs inside of containers
This solved my problem. I can't thank you enough! -Original Message- From: Flii [mailto:[EMAIL PROTECTED] Sent: Wednesday, October 26, 2005 9:32 AM To: [EMAIL PROTECTED] Subject: RE: [css-d] Tabs inside of containers Perhaps the easy clearing will work for you? I use it all the time and can't imagine life before this list showed it to me. :) /* either the UL or the containing div, depending on where your background is. It sounds like you want the UL */ .classname:after { clear: both; content: .; display: block; height: 0; visibility: hidden; } -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Beauchamp Michael J CONT NPRI BeauchampMJ-at-Npt.NUWC.Navy.Mil |d lists| Sent: Wednesday, October 26, 2005 6:56 AM To: CJ Larson Subject: [css-d] Tabs inside of containers Hi, I am trying to build a horizontal list menu (using an unordered list) and I want to place it inside of a container along with other things such as a header and a search form. Also, I'd like to make it flexible so that if a user increases the font size, the navigation tabs enlarge with the font. I've tried to do this from scratch and from a ton of other menus I've found in the Wiki, but I can't seem to get the horizontal list to display:block, float:left and stay inside of the container. If anyone can point me to an example of something like that I'd appreciate it. Thanks, Mike __ 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/