Re: [css-d] Help needed for a brand new site (in costruction)
2009/1/5 Gabriele Romanato gabriele.roman...@gmail.com Dear all, as you can see, my english resources are scattered through 2 directories. I've realized that although Google seems to like these resources, this is not the best solution for my English-speaking readers. So I've created a 3d-level domain on www.css-zibaldone.com. Now I ask you: what features would you like to see here? Please choose among the following or propose new ones: 1. Tutorials on CSS: from beginner to pro 2. Projects: Sites or things I've worked on 3. Demos (clonings, prototypes, etc.) 4. CSS and: 4.1 JavaScript 4.2 DOM 4.3 SVG 4.4 XML ... other Help me to build a great new site. Thanks! G. ^.^/ Hi Gabriele (are you Italian like me?), I think that will be useful for you to make a Projects page with your work, both to make other know your competence and to inspire someone else viewing the solutions you applied. For the CSS point of view (and to avoid being OT...) I think that might be more useful to develop point 4 instead of point 1. There is a huge bunch of CSS basics material out there, more or less intuitive, simple and/or complete. Instead, there is little about CSS and particular integration with SVG and XML. Even Javascript and behaviour with the DOM are important subjects to analyse: there is some material about but the more is the better... Your examples about CSS/XML you pointed out some e-mail ago in this mailing list were very interesting. Bye. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ 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] footer not always sticking to bottom of window
I've tried footerstickalt and a few other sticky footer methods but am still having problems - this is FF only (not yet checked in other browsers until I get this working correctly). http://www.redkitecreative.com/projects/endorphin/index_footer.php The footer stays at the bottom of the window until you decrease the size of the window, then a gap appears below the footer. I just need to have the footer stay at the bottom without riding up over the content in #main and #sidebar. Thanks for your help. -- Debbie __ 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] footer not always sticking to bottom of window
The footer stays at the bottom of the window until you decrease the size of the window, then a gap appears below the footer. I was unable to recreate your problem, it worked fine in FF3 for me. __ 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] HELP! Hover Image Not Centered in IE on 1024 width screen
I am new to CSS and I've been toying with this for DAYS and am at my wit's end ... I hope someone can help! Page Link: http://www.ficarradesignassociates.com/portfolio3.htm Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Any suggestions Thank you!!! __ 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] footer not always sticking to bottom of window
Debbie Campbell wrote: http://www.redkitecreative.com/projects/endorphin/index_footer.php The footer stays at the bottom of the window until you decrease the size of the window, then a gap appears below the footer. I just need to have the footer stay at the bottom without riding up over the content in #main and #sidebar. Thanks for your help. I do not think you will be able to avoid the footer riding up in a narrower and/or shorter window in any browser short of reducing the depth of the content in the main or sidebar. With luck someone will prove me wrong :-) . -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.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] HELP! Hover Image Not Centered in IE on 1024 width screen
Which version of IE are you looking at? As best I know, IE6 does not support the hover ability and you have to write a javascript for it. I could be wrong and someone with a little bit more extensive knowledge may be able to aid you along, but this may shed a bit of light of what's going on in IE. -- S c o t t T h i g p e n Illustrative Designer art: http://www.sthig.com design: http://www.thigpendesigns.com Phone: 770.527.3958 On Mon, Jan 5, 2009 at 1:52 PM, S. Reets sreet...@yahoo.com wrote: I am new to CSS and I've been toying with this for DAYS and am at my wit's end ... I hope someone can help! Page Link: http://www.ficarradesignassociates.com/portfolio3.htm Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Any suggestions Thank you!!! __ 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] Help needed for a brand new site (in costruction)
Personally as a beginner css-er I would like to see #1 and #3.Thanks for the vote!, Paul We can't solve problems by using the same kind of thinking we used when we created them. ~Albert Einstein If you want the truth to stand clear before you, never be for or against. The struggle between for and against is the mind's worst disease. ~Sent-ts'an, c.700 C.E. On Mon, Jan 5, 2009 at 06:31, Cristian Palmas cristian.pal...@gmail.comwrote: 2009/1/5 Gabriele Romanato gabriele.roman...@gmail.com Dear all, as you can see, my english resources are scattered through 2 directories. I've realized that although Google seems to like these resources, this is not the best solution for my English-speaking readers. So I've created a 3d-level domain on www.css-zibaldone.com. Now I ask you: what features would you like to see here? Please choose among the following or propose new ones: 1. Tutorials on CSS: from beginner to pro 2. Projects: Sites or things I've worked on 3. Demos (clonings, prototypes, etc.) 4. CSS and: 4.1 JavaScript 4.2 DOM 4.3 SVG 4.4 XML ... other Help me to build a great new site. Thanks! G. ^.^/ Hi Gabriele (are you Italian like me?), I think that will be useful for you to make a Projects page with your work, both to make other know your competence and to inspire someone else viewing the solutions you applied. For the CSS point of view (and to avoid being OT...) I think that might be more useful to develop point 4 instead of point 1. There is a huge bunch of CSS basics material out there, more or less intuitive, simple and/or complete. Instead, there is little about CSS and particular integration with SVG and XML. Even Javascript and behaviour with the DOM are important subjects to analyse: there is some material about but the more is the better... Your examples about CSS/XML you pointed out some e-mail ago in this mailing list were very interesting. Bye. -- ~ Cristian Palmas ~ http://www.cristianpalmas.it __ 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/
[css-d] 100% height?
Hi there, html: http://aubreybenasa.com/height/ css: http://aubreybenasa.com/height/styles.css I can't figure out how to make the the full background-image appear on this page. When you open the page at a height less than the height of the background image (810px) and use the scrollbar to page down, the background image and background color is cut off. only if you maximize the browser window do you see the full background image and background color. I'm sure it's a problem with the way i've set the height in the css. any tips? thank you in advanced, aubrey __ 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] z-index problem with flash
I have a page with a flash movie that is covering up the CSS flyout navigation in IE. I've tried using z-index to move the flash down, but it's not working so far. Here is the page. Can you help? http://www.atlas-inspection.com/newsite/panoramo_video.html Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] 100% height?
Aubrey Benasa wrote:
Hi there,
html: http://aubreybenasa.com/height/
css: http://aubreybenasa.com/height/styles.css
I can't figure out how to make the the full background-image appear on this
page. When you open the page at a height less than the height of the
background image (810px) and use the scrollbar to page down, the background
image and background color is cut off. only if you maximize the browser
window do you see the full background image and background color. I'm sure
it's a problem with the way i've set the height in the css. any tips?
thank you in advance,
aubrey
Hi Aubrey,
Try this:
div.bg
{
/* Add this to avoid margin collapsing */
padding-top: 1px;
}
div.container
{
/* Remove this
top: 127px;*/
/* Change to margin-top; keeps the element in the document flow */
margin-top: 127px;
}
I only tested it in Firefox 3/Ubuntu Ibex, but it should work well in
other browsers, too, I think.
Hope it helps.
--Bill
__
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] z-index problem with flash
Add this parameter to your flash code: param name=wmode value=transparent That should take care of it. __ Paul C. Wampler College and University Professional Association for Human Resources (CUPA-HR) 1811 Commons Point Drive Knoxville, TN 37932 (865) 637-7673 ext. 102 http://www.cupahr.org -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody Levinson Sent: Monday, January 05, 2009 4:29 PM To: CSS-D Subject: [css-d] z-index problem with flash I have a page with a flash movie that is covering up the CSS flyout navigation in IE. I've tried using z-index to move the flash down, but it's not working so far. Here is the page. Can you help? http://www.atlas-inspection.com/newsite/panoramo_video.html Thank you so much! Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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/
[css-d] Fw: HELP! Hover Image Not Centered in IE 7.0 on 1024 width screen
IE Version 7.0 Thanks! - Forwarded Message From: S. Reets sreet...@yahoo.com To: css-d@lists.css-discuss.org Sent: Monday, January 5, 2009 1:52:05 PM Subject: HELP! Hover Image Not Centered in IE on 1024 width screen I am new to CSS and I've been toying with this for DAYS and am at my wit's end ... I hope someone can help! Page Link: http://www.ficarradesignassociates.com/portfolio3.htm Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Any suggestions Thank you!!! __ 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] How to expend inner Div???
This one is complicate...why the padding and margin so large. Gunlaug Sørtun wrote: shrimpy wrote: the problem is, how can i make the footer always stick to the bottom of the broswer, ...apply 'position: fixed' - and whatever solution you like to make IE6 play along... and how to expand the menu, always to be max height to fill up the broswer?? ...and equal height column stretch... http://www.positioniseverything.net/articles/onetruelayout/equalheight regards Georg -- http://www.gunlaug.no __ 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/ -- View this message in context: http://n2.nabble.com/How-to-expend-inner-Divtp242p2115168.html Sent from the css-discuss mailing list archive at Nabble.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] HELP! Hover Image Not Centered in IE on 1024 width screen
On Mon, 5 Jan 2009 10:52:05 -0800 (PST), S. Reets wrote: I am new to CSS and I've been toying with this for DAYS and am at my wit's end ... I hope someone can help! Page Link: http://www.ficarradesignassociates.com/portfolio3.htm Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Not sure exactly how to fix it, but I see you absolutely position the span that contains the larger image using left, right, *and width. That is likely confusing IE. Try taking out the width. Be aware that IE 5 and 6 will not stretch an A.P. box by using both left and right. You may need a different approach for those browsers. Cordially, David -- __ 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] HELP! Hover Image Not Centered in IE on 1024 width screen
S. Reets wrote: Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Any suggestions Thank you!!! This should get you moving in the right direction: You'll want to run your page through the W3C's page validator (you've misused the ID attribute a couple of times - each id=[value] must be unique to a given page): http://validator.w3.org/ Next, put a width [equal to your widest image + borders + padding = 612] on the div wrapping your full-sized-image-display-area (the first div with id=body) and delete [margin: 0 15px 0 15px;] and [left: 0px; top: 0px;]. From this: div style=margin-left: auto; margin-right: auto; margin: 0 15px 0 15px; position: relative; width: 96%; z-index: 2; left: 0px; top: 0px; background-color: #050505; margin-top: 15px; margin-bottom: 15px; id=body class=style11 To this: div style=position:relative; width:612; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px; z-index:2; background-color:#050505; id=body class=style11 http://validator.w3.org/ That should get you centered in IE7. -- // Shawn Lawler Institute on Community Integration University of Minnesota __ 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] How to expend inner Div???
2009/1/5 shrimpy imx...@gmail.com This one is complicate...why the padding and margin so large. ... In the OneTrueLayout method [Robinson], floating columns of unknown height are wrapped by a container element. All columns get more length by an excessive padding. This would let the containing element expand in height. But the same length is subtracted from the columns by a negative margin. The excessive padding area now hangs out of the container that did not change its height. Finally, overflow: hidden cuts the overhang on the bottom edge of the container. [http://www.satzansatz.de/cssd/companions.html] Maybe a faux columns technique plus Footer Stick Alt would be easier to implement. I know this is not what you were asking for, but frame-like pages with a fixed footer at the bottom of the window are not that simple. Ingo __ 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] footer not always sticking to bottom of window
2009/1/5 Debbie Campbell d...@redkitecreative.com I've tried footerstickalt and a few other sticky footer methods... http://www.redkitecreative.com/projects/endorphin/index_footer.php The footer stays at the bottom of the window until you decrease the size of the window, then a gap appears below the footer. I just need to have the footer stay at the bottom without riding up over the content in #main and #sidebar. Thanks for your help. This is not Footer Stick Alt. In the article by Cameron Adams, see the padding-bottom in the content area to make room for the footer that is offset upwards. You are offsetting #content downwards by positioning it relatively. Note CSS 2.1: 9.9.1: Offsetting a box (B1) in this way has no effect on the box (B2) that follows: B2 is given a position as if B1 were not offset and B2 is not re-positioned after B1's offset is applied. This implies that relative positioning may cause boxes to overlap. Apply a red test background to #content. See the #content is sliding under your footer. Again, this is not footer stick alt. Don't offset #content, offset footer instead by its own height. Ingo __ 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] SOLVED! Hover Image Not Centered in IE on 1024 width screen
That was it! Thank you so much! - Forwarded Message Sent: Monday, January 5, 2009 5:37:46 PM Subject: Re: [css-d] HELP! Hover Image Not Centered in IE on 1024 width screen S. Reets wrote: Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Any suggestions Thank you!!! --- This should get you moving in the right direction: You'll want to run your page through the W3C's page validator (you've misused the ID attribute a couple of times - each id=[value] must be unique to a given page): http://validator.w3.org/ Next, put a width [equal to your widest image + borders + padding = 612] on the div wrapping your full-sized-image-display-area (the first div with id=body) and delete [margin: 0 15px 0 15px;] and [left: 0px; top: 0px;]. From this: div style=margin-left: auto; margin-right: auto; margin: 0 15px 0 15px; position: relative; width: 96%; z-index: 2; left: 0px; top: 0px; background-color: #050505; margin-top: 15px; margin-bottom: 15px; id=body class=style11 To this: div style=position:relative; width:612; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px; z-index:2; background-color:#050505; id=body class=style11 http://validator.w3.org/ That should get you centered in IE7. -- // Shawn Lawler Institute on Community Integration University of Minnesota __ 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] 100% height?
From: Aubrey Benasa aubreyben...@gmail.com
html: http://aubreybenasa.com/height/
css: http://aubreybenasa.com/height/styles.css
I can't figure out how to make the the full background-image appear on this
page. When you open the page at a height less than the height of the
background image (810px) and use the scrollbar to page down, the background
image and background color is cut off.
See if the following changes to your CSS do what you want.
html {
height:100%;
/*overflow:scroll;*/ /* delete */
}
div.bg {
margin:0 auto;
width:1000px;
min-height:100%;
background:#22112d url(images/bg_purple.jpg) no-repeat;
padding-top: 127px; /* add */
}
div.container {
margin-left:auto;
margin-right:auto;
/* position:relative;
top:127px; */ /* delete these two, also */
width:830px;
}
~holly
__
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/
