Re: [css-d] problem: printable version of page
On 9/21/10 2:37 PM, Beth Lee wrote: http://chmackellar.ehclients.com/printable_catalog I am making a print version of the above web page. If you go to this page and click print, then view a preview of the page, you will see that there is a ton of space right under the "collection" header, making most of the first page blank. Does anyone know why this is? I'd like the photos to start right under the "collection" header just as it does in the browser. I get various results with various browsers using an Epson WorkForce printer on Vista OS. Chrome -- no extra space below "Collection". IE8 -- no extra space below "Collection". Safari -- no extra space below "Collection" except that the space for the images, which are missing. Firefox -- rest of 1st page below "Collection" is blank; images being on page 2. HTH. Beth A lot depends on the particular browser settings, and which country you are in-- paper sizes vary, along with margin settings that various printers need or that owners prefer. In your design, the image sizes are very tight for U.S. 8½ × 11 inch paper. Perhaps for A4 size, too? I needed to delete the preamble, "The printable catalog will have..." to make room for more than two images on the first page, for those browsers that showed any. All my Mac browsers gave less than perfect results, one way or another. You may like to try using inline-block instead of floats for your gallery. Browsers seem to have problems printing floats. Besides, I find inline-block has advantages over floats-- you can center them, for example. You might also try sizing elements in something other than pixels, which have no meaning on a piece of paper. FWIW I tried simply changing your floats to inline-block here: http://webwiz.robinshosting.com/temp/catalog/ The results are better, but still not perfect... Cordially, David -- P.S. I deleted all the scripting for this test. __ 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] property for aligning vertical text in a div
This works much better than fiddling with the top padding on the tag. However i don't understand positioning very well apart from floats. So just to clarify for me: Position relative on the footer div - what's it relative too? Why do we add a 0 on the absolute position. Does bottom not mean right at the bottom of the div? Thanks Lisa On Wed, Sep 22, 2010 at 3:44 AM, Tim White wrote: > Try this: > To your footer add: > position: relative; > > To the paragraph inside the footer add: > position: absolute; > bottom: 0; > > 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] problem: printable version of page
>> http://chmackellar.ehclients.com/printable_catalog >> I am making a print version of the above web page. >> If you go to this page and click print, then view a >> preview of the page, you will see that there is a >> ton of space right under the "collection" header, >> making most of the first page blank. Does anyone know >> why this is? I'd like the photos to start right under >> the "collection" header just as it does in the browser. I get various results with various browsers using an Epson WorkForce printer on Vista OS. Chrome -- no extra space below "Collection". IE8 -- no extra space below "Collection". Safari -- no extra space below "Collection" except that the space for the images, which are missing. Firefox -- rest of 1st page below "Collection" is blank; images being on page 2. HTH. Beth __ 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] IE problem navigation and other info moving over.
On Tue, 21 Sep 2010 20:33:52 +0100, Carol Swinehart wrote: http://www.bowenhouse.org/ This looks fine in the other browsers I need a fix for IE that doesn't break the other browsers. Thanks, Carol Try removing: position:absolute; margin-left:560px; from your #navigation rules. Duncan __ 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] problem: printable version of page
http://chmackellar.ehclients.com/printable_catalog I am making a print version of the above web page. If you go to this page and click print, then view a preview of the page, you will see that there is a ton of space right under the "collection" header, making most of the first page blank. Does anyone know why this is? I'd like the photos to start right under the "collection" header just as it does in the browser. Thanks, Rory -- Rory Bernstein : Web Developer r...@rorybernstein.com http://www.rorybernstein.com phone: 347-469-0414 __ 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] Styling form elements
On Tue, Sep 21, 2010 at 10:31 AM, Thierry Koblentz wrote: >> Hope this might be useful for beginners: >> >> http://onwebdev.blogspot.com/2010/09/css-styling-form-elements.html > > I don't think using a UL for this makes sense. > If you want to wrap every label/input pair then why not using DIVs? Isn't > what they are for? I use to style forms in a similar fashion, but now that all browsers support display: inline-block, I find that much easier to use for labels vs. floating them all. Has anyone else been using inline-block? Discovered any problems with it? 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] IE problem navigation and other info moving over.
http://www.bowenhouse.org/ This looks fine in the other browsers I need a fix for IE that doesn't break the other browsers. Thanks, Carol __ 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] Image scaling
Firefox in Linux does not implement bicubic resampling of scaled images. It instead uses nearest-neighbor resampling. This is a known issue and, unfortunately, there is no workaround. Here are two links where the issue is discussed: http://forums.mozillazine.org/viewtopic.php?f=38&t=1081435&start=0&st=0&sk=t&sd=a http://superuser.com/questions/51924/image-filtering-in-firefox-on-linux On Tue, Sep 21, 2010 at 10:09 PM, Francesco wrote: > On Tue, Sep 21, 2010 at 9:32 AM, Sandy Feldman > wrote: > > > ok, every now and then I laugh out loud at something on the list ... > > > > thanks! > > Sandy > > > > > Me too, Sandy! And now I have an irrepressible urge for a delicious > breakfast sandwich to accompany my fresh coffee. > > -- Francesco > __ > 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] Image scaling
On Tue, Sep 21, 2010 at 9:32 AM, Sandy Feldman wrote: > ok, every now and then I laugh out loud at something on the list ... > > thanks! > Sandy > Me too, Sandy! And now I have an irrepressible urge for a delicious breakfast sandwich to accompany my fresh coffee. -- Francesco __ 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] Image scaling
On Tue, Sep 21, 2010 at 5:25 AM, Philip Taylor (Webmaster, Ret'd) wrote: > > Sorry, an irrepressible urge to be pendatic forces me > to opine that ASP is a technology, not a language. I have an irrepressible urge to conclude you must have meant "pedantic." -- Francesco Sanfilippo, Microsoft ASP Insider Sr. Software Developer, RMI LLC, Las Vegas, NV C#, ASP.NET, MVC, SQL, HTML, CSS, JQuery mobile: 702.272.8912 | france...@blackcoil.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] Styling form elements
Hi Gabriele, > Hope this might be useful for beginners: > > http://onwebdev.blogspot.com/2010/09/css-styling-form-elements.html I don't think using a UL for this makes sense. If you want to wrap every label/input pair then why not using DIVs? Isn't what they are for? -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ 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] Image scaling
Tim Climis wrote: Using a server side language (eg php, perl, asp, etc) to shrink images, and save them to the server. That way you shrink the image once and use it over and over again, rather than sending everyone who visits your site a big image (slowing page load) and then making their computer work hard to shrink it (slowing page load even more). Sorry, an irrepressible urge to be pendatic forces me to opine that ASP is a technology, not a language. Under ASP I can program in any of a number of languages such as C-sharp, JavaScript, and even (spit) Visual Basic. Perl is undoubtedly a language, and I am somewhat ambivalent about PHP (being Unix/Linux/Apache illiterate). But I fully support your real argument :-) Philip Taylor __ 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] Image scaling
On Saturday, September 11, 2010 6:49:33 pm Cheryl Smith wrote: > You do know that you can use server-side processing to scale images, yes? > > Cordially, > David > - > > Server-side processing?? > Using a server side language (eg php, perl, asp, etc) to shrink images, and save them to the server. That way you shrink the image once and use it over and over again, rather than sending everyone who visits your site a big image (slowing page load) and then making their computer work hard to shrink it (slowing page load even more). ---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] Styling form elements
Hi! Hope this might be useful for beginners: http://onwebdev.blogspot.com/2010/09/css-styling-form-elements.html HTH ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ 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] Image scaling
Thank you all for your quick reply and my apologies for late answer. @David Laasko- Thank you for the pointer on working example. It works as expected and cross browser. @tedd- Thanks. I followed your and David's method and it helped me solve the problem. @David Hucklesby- This simple line takes care of IE 7 like a charm. I was not aware of this. Thank you. @Cheryl Smith- Yes, I am aware but I have never used it. is it too complicated? Regards, Yogesh On Sun, Sep 12, 2010 at 4:19 AM, Cheryl Smith wrote: > > You do know that you can use server-side processing to scale images, yes? > > Cordially, > David > - > > Server-side processing?? > > Cheryl > __ > 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/
