Re: [css-d] Using an Image as Home (index) page
Consider using the picture as a background image. I did a similar thing when building this site: http://staff.reynolds.edu/mcline/index.html Two significant considerations: 1. I had to make the image about 22" wide so that it wouldn't repeat on the larger monitors, and had to construct the content of the image so that it looked good with either a large or small monitor. 2. Some browsers load the bg image last, and indicate in the status bar that the page is fully loaded while the bg image is still loading and unseen. HTH Kimberly On 4/20/07, Jukka K. Korpela <[EMAIL PROTECTED]> wrote: > On Fri, 20 Apr 2007, bo wrote: > > > Hi I am trying to design a site for a friend who owns a music store. He > > insists on having the store front picture he has as the home page. I can do > > that but my problem is how to do it so it looks fine at different > > resolutions with out having to make to different pages and using Java-script > > to send them to the correct page it takes so much to manage two different > > sites. > > Please explain more. Do you mean that the main page consists of one image > that is defined as a (client-side?) image map? Or is it just one image > that acts as link to the real main page - a doormat page? In the latter > case (which is a bad idea), the CSS issue is simple in the sense that you > can define the width of the image as 100%, so it will be scaled > automatically (though perhaps not in a high-quality manner) by browsets. > > > I don't have a URL to post yet as I am still trying to design it > > locally. Can this be done? Thanks much for any help. > > Try to set up a simple demo of the idea. > > -- > Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ > > __ > 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/ > -- Kimberly Batteau http://www.kimberlybatteau.com/ Ever striving for perfetcion. __ 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] Page Check
OS X 10.4.10; Safari 3.0.3; Camino 1.5: Just basic poking around on the site … everything looks good with 1 exception: On the home page in Safari, there is no white space between the portrait and the body of text, i.e. "This web site is designed serve the Districts …" is flush left against the portrait. And … not related to CSS, but the portrait on the home page is not very crisp (but that may be intentional). HTH Kimberly On 10/5/07, Jim Nannery <[EMAIL PROTECTED]> wrote: > > Morning List > > I'd appreciate it if some of you would look at > > www.sylvesterneal.com/index2.html > > especially with Mac / Safari browsers. I have (and test in) Safari Win > 3.0 > and all seems fine but I don't have enough faith in it for final > production. > Should be good to go in all other major browsers including IE 6 and 7, > Opera > 9 and Firefox 2.0. > > CSS is in the head for now but will be moved to an external link later. > > All links on the page are live to an existing site. Once we have client > approval for this page as a template we will re-skin the inner pages to > match. > > If you do see a problem, let me know what browser and O/S you are using. > Constructive comments always appreciated > > Thanks for your time. Hope you all enjoy your weekend. > > Jim Nannery > www.redfernenterprises.com > > > __ > 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/ > -- Kimberly Batteau http://www.kimberlybatteau.com/ Ever striving for perfetcion. __ 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/
[css-d] Is there a CSS solution for a wide screen monitor?
This may be OT; I hope not; I hope there is a CSS solution. I built this site http://staff.reynolds.edu/mcline/index.html and tested it using "standard-sized" monitors, perhaps 16 or 17 inch. My client recently bought a 19" flat screen monitor & everything on this new monitor is stretched horizontally to make it fit into the full width (which is actually about 16"). This stretching occurs in IE7, Opera9 Surprisingly, not all of the background image ( http://staff.reynolds.edu/mcline/bgs/trial10.jpg) for the home page is used. Even though the image is over 16.5 inches wide, the browsers use about 14.3inches of the width and stretch it out to 16". The best example of the stretching at the bottom of this page http://staff.reynolds.edu/mcline/pages/myart.html , where the disk should be circular, but appears to be quite ovate on the wide monitor. Admittedly, I am not a CSS guru and this site is not a stellar example of CSS, but is there some to use CSS to compensate for this? TIA, Kimberly -- Kimberly Batteau http://www.kimberlybatteau.com/ Ever striving for perfetcion. __ 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] site check -- kiu-art.com redesign
Hi Jennifer, This is my environment/browser mix: Macintosh OS X 10.3.7 Camino 2005033112 (v0.8.3), Firefox 1.0.2, iCab 2.9.8, IE 5.2.3 (5815.1), Mozilla 1.7.5, Netscape 7.2 , OmniWeb 5.1.1 Beta 1 (v563.42), Opera 8.0 Build 1945, Safari 1.2.4 (v125.12) The one page I looked at had no problems except in iCab, which is to be expected, because iCab usually stumbles on anything more than the basic CSS rules. One curious thing: The fish in the lower-right corner - It did not display in Opera, but everything else in Opera seemed fine. If you request it, I'll send you screenprints separately. Kimberly -- Kimberly Batteau http://www.kimberlybatteau.com/ Erring on the side of grace. __ 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 -- kiu-art.com redesign
My bad - I neglected to test it in IE. I experienced the same feather issue as Jono. Also, depending on the window width, as many as 5 fishes appear on the right, and under certain circumstances there are two fishes aligned horizontally. Again, screenprints if you request them. Kimberly -- Kimberly Batteau http://www.kimberlybatteau.com/ Erring on the side of grace. __ 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] safari showing a background image
Kevin, I won't speculate why you have the BG image problem, but you have a larger problem than that. That page consistently crashes NS 7.2 on the Macintosh. A few other petty things, but here's what I found: NS Consistently crashes the browser Safari, Omniweb BG extends to right Camino, Firefox Extraneous clutter over the rightmost cyclist in the heading Screenprints upon request. Kimberly -- Kimberly Batteau http://www.kimberlybatteau.com/ Erring on the side of grace. __ 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] Background Image Printing
I haven't documented experiences with printing the bg images, but I suspect it's being handled the same as when you Save the page in a browser. As a rule, when the bg is specified within the CSS, it is not saved. When it is secified in the HTML it is saved. The only exception I know of is the iCab browser on the Macintosh. Kimberly -- Kimberly Batteau http://www.kimberlybatteau.com/ Erring on the side of grace. __ 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/
