Re: [css-d] Site-Check - LAMeeraTrust.org
Rahul Gonsalves wrote Sun, 08 Jan 2006 19:10:25 +0530: http://lameeratrust.org/ 2. It's a fixed-width layout. ;-) Why? I see nothing that makes it necessary. http://mrmazda.no-ip.com/SS/rahulg3.jpg -- Blessed is the nation whose God is the Lord.Psalm 33:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/auth/ __ 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] Site-Check - LAMeeraTrust.org
Rahul Gonsalves wrote: The site: http://lameeratrust.org/ Problems that I am aware of: 1. Increasing Text-size in FF obscures text significantly. Does anybody have a fix? 2. It's a fixed-width layout. ;-) Rahul. It seems like a relatively simple layout problem. I would suggest: 1/ Increase the width of the wrapper from 760 to 776px. 2/ Put the logo image /above/ the nav bar, and increase the font-size of it. 3/ Let the the nav bar extend the entire 776px width, and reduce the font-size of the links. 4/ Code for good browsers. The 'evil one' can wait its turn. 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] Site-Check - LAMeeraTrust.org
From: Rahul Gonsalves [EMAIL PROTECTED] http://lameeratrust.org/ 1. Increasing Text-size in FF obscures text significantly. Does anybody have a fix? Changing the height to min-height in the .nav selector seems to keep the content below the expanded/wrapped navagition items. Due to their large initial font-size, any browser-level text adjustment (in the larger direction) will cause the LIs to wrap immediately. 2. It's a fixed-width layout. ;-) David has provided some other suggestions for you to consider. ~holly __ 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] Site-Check - LAMeeraTrust.org
Dear David, Holly: @Holly 1. Increasing Text-size in FF obscures text significantly. Does anybody have a fix? Changing the height to min-height in the .nav selector seems to keep the content below the expanded/wrapped navagition items. That fixed it very nicely, thank you :-) Due to their large initial font-size, any browser-level text adjustment (in the larger direction) will cause the LIs to wrap immediately. Well - actually, even in Firefox, resizing three steps above/below, keeps the LIs on the same line. A rule of thumb which I am not quite sure where I picked up, was to ensure that content stayed *mostly* in the same place, at three text-steps up, and down. @David: It seems like a relatively simple layout problem. I would suggest: 1/ Increase the width of the wrapper from 760 to 776px. Argh - I did that. Silly me - I'm not even sure why/where I pulled out 760px from. 2/ Put the logo image /above/ the nav bar, and increase the font-size of it. 3/ Let the the nav bar extend the entire 776px width, and reduce the font-size of the links. I'll redo the navigation bar soon - I sort of liked the effect of the hover area extending to the top. I've seen your other recommendations for listomatic lists, and I'll look to those for some pointers. 4/ Code for good browsers. The 'evil one' can wait its turn. Heh. As always. Here it seemed to be behaving not too badly. The pullout quote thingy from earlier was the only thing which had me _completely_ stumped. Personally, with client approval, I would use the colors you have as the a:link state with black(or some other solid color) on hover. I think so too - I'll probably fix this in the next iteration; the clients wanted something up, in their own words, at the beginning of the project, yesterday. --- David, Francky, Holly and Ingo. Thanks a ton for helping out. Warmly, Rahul. -- . . . . . . . . . . . . . . . . . . . . . . . . Rahul Gonsalves Make PNG, not War. . . . . . . . . . . . . . . . . . . . . . . . . __ 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] Site-Check - LAMeeraTrust.org
Hello Rahul and others, I've read all the good comments, and made an adapted zoom-proof testpage http://home.tiscali.nl/developerscorner/css-discuss/lameeraTrust2.htm. I didn't like myself that the first one wasn't liquid enough. - The nav-items above the logo makes things a lot easier. The connection with the top-line can be maintained, that was the interesting thing in your layout. - The whole nav-ul can float right, without a given width on forehand. At enlarging then the items can move to left as much as they want. In case the line is completely filled (when extreme enlarged) then one or more items just wrap to the next line, and the logo moves down also. - For the logo can just come in the next line, so no problems with counting the right height of the header anymore. - You can make the logo text-only, then it will enlarge in the same proportions as the navigation-items. - But then the logo is passing the width of the sidebar and coming above the main content - that is not a graphical beauty, I think. - Thefore I made an image of the logo just as width as the sidebar. - In the css I gave the logo this exact width in pixels. But giving the height of the logo a relative height in em's, then the logo will scale a bit vertically: together with enlarging of the font-size, so the logo is not a lot smaller in fontsize as the nav-items. And a bit off-topic: With the browsers I have onboard, I've done some browser-tests with Ingo's intriguing example. Everything turns out different with the interpretation of the browsers! - I made some screenshots http://home.tiscali.nl/developerscorner/css-discuss/ophoverlinebox-browsertests.htm: lots of fun again! 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/