Thank you for allowing me to join your list today. I am a novice when it comes to CSS, and am thankful that this list exists for people like me who don't have a great deal of experience. My knowledge of CSS is limited, especially if trying to code by hand, so I have the best luck modifying existing .css files that have been released under Creative Commons stating it is okay to use/modify. I use it as a basis or starting point, but most of the time by the time I'm finished, there is hardly any of the original code remaining. I tinker around a lot, changing this and that, and observing the effect. I am hoping with practice in this way, I will learn and better understand, through trial and error. I realize by doing this, the code is not always written in the best or most concise manner. I too hope to improve on this as I understand it better.
I have to admit I have trouble wrapping my brain around the box model and really thinking in abstract terms as far as how to layout my page, the flow, etc. It is the positioning piece of CSS that gives me the most difficulty. I have a CSS book that I refer to occasionally, but it doesn't address problems such as the one I'm currently experiencing, which I think may be an IE7 quirk, although not sure. I have the page pretty much how I want it right now, except for 3 problems. Two are "minor", but one is HUGE (to me anyway) and has me stumped! I'll start with that one first: I have some thumbnail images on the page, and when you hover on them, they jump/shift left so they are touching the navigation bar. And, if you keep refreshing the page, they will do some pretty weird things. Different thumbnails will shift to that same position at left, some won't, and different ones are affected with each refresh of the browser. They seem to move in groups of 2-4 when you hover on them. Where there are two columns of thumbnails, the ones on the left make a bigger shift than those on the right, so they don't move in equal amounts. It only happens in IE7, but not in Netscape Navigator or Mozilla Firefox. I'm using the following versions, if it helps: IE - 7.0.6000.16609 Netscape - 9.0.0.6 FF - 2.0.0.12 You can view the page at: http://rscott259.home.mchsi.com/test.html The .css file is here: http://rscott259.home.mchsi.com/mbbstyle.css I hope someone here has some idea of what is causing these images to jump left (not all the images on the page do this, ie: the rotating image above the thumbnails stays put). I hope someone knows how to fix the affected images so they maintain the margins that have been set. Being pretty much a novice, I apologize in advance that you will most likely need to spell it out exactly, as far as what portion of code needs to added, removed, or edited in order to fix it. I am just hoping it CAN be fixed. I sort of promised early on that I would have this page ready by March 3 (nothing like pressure!). The two smaller problems I mentioned are probably obvious and show up in any browser... My H3's are misaligned. I had them centered initially, but upon validating the code, I corrected an error, and it was after that I noticed my H3's were no longer centered. Oh yes...btw, the XHTML and CSS *do* validate. Yea me! That is an accomplishment in and of itself! The other minor problem is that I've tried to set a 2px solid blue border around the rotating/random image (generated by JavaScript), but it seems to be ignoring that in my CSS, and is missing. I think I may eventually be able to figure out how to fix the H3's and missing border, but right now my brain is fried from working around the clock on this page for the last week, and trying to figure out this image jump thing. I appreciate any help with any of these issues, but these minor problems are secondary to the main problem, which I'd like to address first if possible (I wish upon getting that fixed, the other two things would also magically be fixed, but I am probably dreaming). Sorry this is long. Thank you in advance for any help/advice. ~Deanna ______________________________________________________________________ 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/
