[css-d] ADMIN: list status
Hello, As Eric mentioned awhile back, we are experiencing some problems with the lists that evolt.org maintains. Specifically, we are being hit by spammers and/or slow remote connections to our MTA (mail transfer agent). Mail clients are connecting to the server and sending large files or simply not completing their mail session. This ties up a mail server process, of which there are a limited number. We've implemented shorter timeouts and are actively killing what appear to be hung processes. We hope that this has helped the situation. On another topic, we will be trying to move all of the lists to a new, faster server in the near future. We will be using a new MTA which is hopefully more efficient and better able to handle the load. Dean - on behalf of evolt.org __ css-discuss [cs...@lists.css-discuss.org] 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] Fit website appropriately in any browser
Hello all, I don't know if this is a CSS issue or perhaps I would have to use JavaScript or something for this, but could someone give me advice as to how to resize my website automatically to fit the browser window? In some browsers I notice that my site is very blown up and looks very unattractive - I don't want the user to have to zoom out (some users don't know how to do that). Thoughts? Here is the website: www.williamtobrien.com thanks! __ css-discuss [cs...@lists.css-discuss.org] 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] Fit website appropriately in any browser
could someone give me advice as to how to resize my website automatically to fit the browser window? Right now you're sizing all your divs in pixels. That means that they will always be that size, no matter how small the browser is. There are other options for sizing that will take this limitation away. Setting sizes in ems will set the size in relation to the font-size (1em = current font size). Setting sizes in percents will size something according to its parent container. So for example, you're the parent of #indexjacket is body (which is the window). You can set this rule: #indexjacket { width: 80%; max-width: 990px; min-width: 300px; } That means that it will be 80% of the window width, but if 80% is bigger than 990px, it'll stop growing, and if 80% is less than 300px, then it'll stop shrinking. ---Tim __ css-discuss [cs...@lists.css-discuss.org] 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] For those interested in @font-face
Hello all, Since I expect many of you are working with customized fonts, and many more of you are probably interested in doing so, I'd like to share an interesting article on bulletproof font-facing: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ It's interesting reading even if you aren't planning to immediately use @font-face, actually. There's a nice progression through various approaches and what's undesirable about them, as well as good tidbits about which browsers support what font formats. -- Eric A. Meyer (e...@meyerweb.com) http://meyerweb.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] apply float:left and links stop working
Greetings, http://www.stpeterswestfield.org/index.php http://www.stpeterswestfield.org/css/st_peters.css Both the page and the css validate. Bottom of the page, two clear (white background) div boxes side by side on the left side of page (one title says TO OUR VISITORS and the other Title is HOMEBOUND OR JUST ...). Float works fine except that when divs are floated, the links in the right hand of the two boxes do not work. Unfloat and voila', they work like a charm. Here is css for the 2 classes directly affecting the divs. div.box_clear_float_left { float: left; line-height: 1.2em; font-style: italic; color: #00; border-color: #00; border-width: 1px; border-style: solid; padding: 10px 10px 10px 10px; margin: 0px 3px 20px 0px; font-family: Californian FB, Times New Roman, serif; font-size: 12pt; font-weight: normal; width: 256px; } .sbar_link a:link { text-decoration: none; color: #4b0082; font-weight: bold; } .sbar_link a:visited { text-decoration: none; color: #800080; font-weight: bold; } .sbar_link a:hover { text-decoration: underline; color: #4b0082; border-bottom: none; font-size: 12pt; } Here is the html for the div boxes: div class=box_clear_float_left div class=sbar_link h3TO OUR VISITORS/h3 pWe welcome you to our worship and to our parish life. Please know that whoever you are and wherever you find yourself on your journey in faith there is a place for you here at St. Peter’s Episcopal Church./p pAll baptized persons are invited to receive the sacrament of Holy Communion. If you prefer not to receive communion, we invite you to come to the altar rail, cross your arms on your chest and receive the blessing of God. If you are unfamiliar with the Episcopal worship service, ask someone for help, or merely relax and enjoy the beauty and power of the service by observing what goes on. Come again . . . soon and often./p pPlease join us in Bailey Hall immediately following the service for food, fellowship and fun./p /div !--end link-- /div !-- end box/float -- div class=box_clear_float_left div class=sbar_link h3HOMEBOUND OR JUST UNABLE TO ATTEND SERVICE?/h3 pIf you were not able to join us this Sunday for Church, you can watch the service on Time Warner Cable - Westfield Channel 21 on Tuesdays at 1:00 p.m. (thank you Tom). You can a ref=../weekly_services/service.php title=Read This Week's Bulletin read this week's service bulletin here/a or use it to follow along with the service on Public Access. If you, or someone you know, is unable to come to church and would like a clergy visit, please let the a href=mailto:ad...@stpeterswestfield.org; title=E-Mail your Request to the Church Office church office know/a and the office will schedule a clergy visit and bring communion if you desire./p /div !--end link-- /div !-- end box/float -- Anyone know why this might be the case? Puzzled, -- Scott Brasted Brasted House Creative Ideas sc...@brastedhouse.com __ css-discuss [cs...@lists.css-discuss.org] 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] apply float:left and links stop working
I'm not certain, but try this. Your HTML code refers to div class=box_clear_float_left. In your CSS you named the class div.box_clear_float_left {}. Remove the div from the CSS code so that it reads, .box_clear_float_left { float: left; line-height: 1.2em; font-style: italic; color: #00; border-color: #00; border-width: 1px; border-style: solid; padding: 10px 10px 10px 10px; margin: 0px 3px 20px 0px; font-family: Californian FB, Times New Roman, serif; font-size: 12pt; font-weight: normal; width: 256px; } Regards, Bill B Scott Brasted wrote: Greetings, http://www.stpeterswestfield.org/index.php http://www.stpeterswestfield.org/css/st_peters.css Both the page and the css validate. Bottom of the page, two clear (white background) div boxes side by side on the left side of page (one title says TO OUR VISITORS and the other Title is HOMEBOUND OR JUST ...). Float works fine except that when divs are floated, the links in the right hand of the two boxes do not work. Unfloat and voila', they work like a charm. Here is css for the 2 classes directly affecting the divs. div.box_clear_float_left { float: left; line-height: 1.2em; font-style: italic; color: #00; border-color: #00; border-width: 1px; border-style: solid; padding: 10px 10px 10px 10px; margin: 0px 3px 20px 0px; font-family: Californian FB, Times New Roman, serif; font-size: 12pt; font-weight: normal; width: 256px; } .sbar_link a:link { text-decoration: none; color: #4b0082; font-weight: bold; } .sbar_link a:visited { text-decoration: none; color: #800080; font-weight: bold; } .sbar_link a:hover { text-decoration: underline; color: #4b0082; border-bottom: none; font-size: 12pt; } Here is the html for the div boxes: div class=box_clear_float_left div class=sbar_link h3TO OUR VISITORS/h3 pWe welcome you to our worship and to our parish life. Please know that whoever you are and wherever you find yourself on your journey in faith there is a place for you here at St. Peter’s Episcopal Church./p pAll baptized persons are invited to receive the sacrament of Holy Communion. If you prefer not to receive communion, we invite you to come to the altar rail, cross your arms on your chest and receive the blessing of God. If you are unfamiliar with the Episcopal worship service, ask someone for help, or merely relax and enjoy the beauty and power of the service by observing what goes on. Come again . . . soon and often./p pPlease join us in Bailey Hall immediately following the service for food, fellowship and fun./p /div !--end link-- /div !-- end box/float -- div class=box_clear_float_left div class=sbar_link h3HOMEBOUND OR JUST UNABLE TO ATTEND SERVICE?/h3 pIf you were not able to join us this Sunday for Church, you can watch the service on Time Warner Cable - Westfield Channel 21 on Tuesdays at 1:00 p.m. (thank you Tom). You can a ref=../weekly_services/service.php title=Read This Week's Bulletin read this week's service bulletin here/a or use it to follow along with the service on Public Access. If you, or someone you know, is unable to come to church and would like a clergy visit, please let the a href=mailto:ad...@stpeterswestfield.org; title=E-Mail your Request to the Church Office church office know/a and the office will schedule a clergy visit and bring communion if you desire./p /div !--end link-- /div !-- end box/float -- Anyone know why this might be the case? Puzzled, __ css-discuss [cs...@lists.css-discuss.org] 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] Rounded Corners
I would like to know what people are doing to create rounded corners on div borders in non-mozilla , non-safari browsers. I thought I found a solution, which at least included opera, but I tried it and it isn't working there, either. Thanks, Chick __ css-discuss [cs...@lists.css-discuss.org] 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] apply float:left and links stop working
Add: div.footer { clear:both; ... } This will push the footer underneath the two floated divs. Actually the footer is underneath div.box_clear masking the two divs bellow and making the links unclicable. Regards Maurício -Mensagem Original- De: Scott Brasted Para: css-d@lists.css-discuss.org Enviada em: quarta-feira, 2 de dezembro de 2009 17:03 Assunto: [css-d] apply float:left and links stop working Greetings, http://www.stpeterswestfield.org/index.php http://www.stpeterswestfield.org/css/st_peters.css Both the page and the css validate. Bottom of the page, two clear (white background) div boxes side by side on the left side of page (one title says TO OUR VISITORS and the other Title is HOMEBOUND OR JUST ...). Float works fine except that when divs are floated, the links in the right hand of the two boxes do not work. Unfloat and voila', they work like a charm. Here is css for the 2 classes directly affecting the divs. __ css-discuss [cs...@lists.css-discuss.org] 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] Rounded Corners
I would like to know what people are doing to create rounded corners on div borders in non-mozilla , non-safari browsers. AFAIK, the only way to accomplish it in IE and Opera is still with good old images. ---Tim __ css-discuss [cs...@lists.css-discuss.org] 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] Rounded Corners
Climis, Tim wrote: I would like to know what people are doing to create rounded corners on div borders in non-mozilla , non-safari browsers. AFAIK, the only way to accomplish it in IE and Opera is still with good old images. That's what I did on my own website (obones.com) following very good advice received on this list and it works just fine. __ css-discuss [cs...@lists.css-discuss.org] 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] Rounded Corners
Chick Newman wrote: I would like to know what people are doing to create rounded corners on div borders in non-mozilla , non-safari browsers. Still rely on shaped corners in all browsers, with javascript or editor generated source-code... http://www.gunlaug.no/tos/wd_demo_shapes_03.html ...with or without images. Pure CSS solutions will have to wait till all major browsers have caught up. regards Georg __ css-discuss [cs...@lists.css-discuss.org] 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] Rounded Corners
On Wed, 2009-12-02 at 13:01 -0800, Chick Newman wrote: I would like to know what people are doing to create rounded corners on div borders in non-mozilla , non-safari browsers. I thought I found a solution, which at least included opera, but I tried it and it isn't working there, either. My preferred method is to create a single image that contains all 4 corners. Then I set it as the background image for a 4 DIVs that are each only big enough for one of the corners. I relatively or absolutely position the element I want rounded corners on, then I absolutely position the DIVs containing the corner images, putting one in each corner of the parent. Using this method works wherever CSS works, but it requires you to change the image whenever you change background colors. It only requires one very small image. There are several ways to do it with JavaScript and no images. I've even seen one method that uses an absolutely positioned round-style bullet like the kind that's used in bulleted lists. Check these out: http://delicious.com/Ghodmode/roundedcorners There's also a script at curvycorners.net that should recognize when you use CSS3 rounded corners in your stylesheet and apply rounded corners using JavaScript when the browser doesn't support the CSS3. I've found it works quite well, but it has some conflicts with jQuery. Although the documentation says that it works in Opera if you put your style information into the page rather than in a separate stylesheet, I've found that it only works in Opera if I call it manually. Here's my preferred method: head style type=text/css body { background-color: gray; } div#roundme { background-color: white; position: relative; } div.corner { /* This would be an image containing 4 5px rounded corners with a transparent inside and a gray background */ background-image: url('images/corners.png'); width: 5px; height: 5px; position: absolute; font-size: 0px; } div.corner.tl { background-position: bottom right; top: 0; left: 0; } div.corner.tr { background-position: bottom left; top: 0; right: 0; } div.corner.bl { background-position: top right; bottom: 0; left: 0; } div.corner.br { background-position: top left; bottom: 0; right: 0; } /style /head body div id=roundme pThis is a paragraph!!/p div class=corner tlnbsp;/div div class=corner trnbsp;/div div class=corner blnbsp;/div div class=corner brnbsp;/div /div /body -- Ghodmode http://www.ghodmode.com Thanks, Chick __ css-discuss [cs...@lists.css-discuss.org] 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-discuss [cs...@lists.css-discuss.org] 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] apply float:left and links stop working
Mauricio (Maujor) Samy Silva wrote: Add: div.footer { clear:both; ... } This will push the footer underneath the two floated divs. Actually the footer is underneath div.box_clear masking the two divs bellow and making the links unclicable. Regards Maurício -Mensagem Original- *De:* Scott Brasted mailto:sc...@brastedhouse.com *Para:* css-d@lists.css-discuss.org mailto:css-d@lists.css-discuss.org *Enviada em:* quarta-feira, 2 de dezembro de 2009 17:03 *Assunto:* [css-d] apply float:left and links stop working Greetings, http://www.stpeterswestfield.org/index.php http://www.stpeterswestfield.org/css/st_peters.css Both the page and the css validate. Bottom of the page, two clear (white background) div boxes side by side on the left side of page (one title says TO OUR VISITORS and the other Title is HOMEBOUND OR JUST ...). Float works fine except that when divs are floated, the links in the right hand of the two boxes do not work. Unfloat and voila', they work like a charm. Here is css for the 2 classes directly affecting the divs. My thanks to Maurico, Bill, Theresa and Fizz. The clear:both worked a charm. Your ideas forced to look at some css I haven't looked at in a while. Found some mistakes and streamlined some. Thanks for the help. All works fine now. Best, -- Scott Brasted Brasted House Creative Ideas sc...@brastedhouse.com __ css-discuss [cs...@lists.css-discuss.org] 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/