[css-d] Thanks for resizing my window -- NOT!
All the recent browsers I have let you open a page in a tab within the browser window. You can usually set an option that a page opens within a tab even as a result of code or whatever that tries to open a new page. And that's something we all need to watch. Sitepoint, our very favouritist web books publisher, has a number of forms and confirmation dialogues, etc. that open in a new window -- except in my set-up, it's tabs. These new pages thoughtfully resize to a very small size but, unfortunately, resize the entire window plus all the tabs. A recent transaction made me expand the window to its normal size 5 times (count 'em) as each new page shrunk the window. Sitepoint are aware of the irritation and are fixing it. But it is something we need to cater to by floating a small page within the canvas of the viewport, instead of attempting to resize the window. Wednesday's Words of Wisdom over Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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] What's an OP? and other stuff
My apologies for being off-topic and my thanks for the pointers. But what is an OP? Clearly, I am one but a look in the mirror confirmed general normality. Whenever someone replies to one of my threads, I receive two copies of each response but only one copy of responses to other new topics by other people. Different, interesting. Now off to follow those suggestions, especially specialised lists such as JQuery. Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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] Recommended lists for Javascript, PHP, MySQL, Apache?
Can anybody recommend any lists as good as css-d (sycophant! sycophant!) for lurking about JavaScript, PHP, MySQL, and Apache? Oh, just the whole damn AJAX thingy! Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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] Flexible/elastic/liquid -- what's the diff?
On various CSS websites and mailing lists, the terms 'flexible', 'elastic', and 'liquid' are frequently used about layouts. Trouble is, sometimes these seem to be applied to different things and at other times are used as synonyms for the same thing. Can anyone enlighten this newbie with a more or less accepted definition of each? Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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/
Re: [css-d] More than one background image to body?
Erik: On 9/30/2008 9:24 PM, Hedley Finger wrote: I would like to add a Gaussian blur drop-shadow to the right and bottom edges of the body element floating in the middle of the browser canvas. ... To avoid downloading a large albeit compressed image, is there any way to add a small, fast-downloading, repeating image to the right and left sides of an element with more than one background image? Yes, but not specifically on the body element. ... You can see the fixed (thanks to Georg) version on my work-in-progress site at http://www.kungfu-silat.com/wp/ - obviously, you're welcome to steal any CSS code you want to make your drop shadows work. I did it with five DIV elements for the shadow, and a sixth with the content. As you can see, the images used for my drop shadow are incredibly small (The largest of the five is 7x16 pixels, and I made it that large only because I recall that some browsers used to slow down quite a bit when massively repeating images. Otherwise, it could've been 7x1). I am using the YAML HTML/CSS framework on which to build my site. Amongst the examples I found http://www.yaml.de/fileadmin/examples/04_layouts_styling/3col_gfxborder.html which implements shading on all four sizes and also deals with the corners. Re the 1px deep repeating graphic, I thought that this would save download time -- the usual delayer -- and allow the browser to quickly render the page. If I use a larger graphic and it is not an exact submultiple of the page depth, what happens then? Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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/
Re: [css-d] More than one background image to body?
David: Yes, but not specifically on the body element. I actually just asked a question troubleshooting this very application. You can see the fixed (thanks to Georg) version on my work-in-progress site at http://www.kungfu-silat.com/wp/ Drop shadow? For those among us who are (nearly blind) or terribly naive, exactly where is the drop shadow? Left and bottom. Convention usually has it that the light source is coming over the left shoulder, so conventionally, the shadow is on the right and bottom.In the example at http://www.yaml.de/fileadmin/examples/04_layouts_styling/3col_gfxborder.html , the 'shadow' is on all four sides, really making a sort of bas-relief effect. Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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] More than one background image to body?
I would like to add a Gaussian blur drop-shadow to the right and bottom edges of the body element floating in the middle of the browser canvas. Most of the methods found suggest a massive background image displaced diagonally with negative margins. To avoid downloading a large albeit compressed image, is there any way to add a small, fast-downloading, repeating image to the right and left sides of an element with more than one background image? I am trying to get around cascading, where a later background-image in the CSS file over-rides the first. Any suggestions welcome! (Note: I am a beginner, so if there is an obvious remedy, please be gentle!) Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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/
Re: [css-d] css beginner in search of great books and courses
Josh: Try the A List Apart which not only is an example in itself of terrific elegant and restrained typography that caters for both screen and print, but it full of top-notch articles which you will find cited over and over or linked to from other sites. See http://www.alistapart.com/articles/elastic. Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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] Possible to install multiple versions of IE?
Currently, I was using IE 7 just for day-to-day browsing for years. Just recently I started to build my website and now have installed several browsers for testing. Is it possible to install IE 5.5.x, 6.x, and 7.x on the same box? I ask because when Microsoft was sued for anti-competitive behaviour they tried to claim that IE was part of the operating system, and buried the location of iexplore.exe in a unique location, i.e. not C:\Program Files\. So, I am worried that any attempt to install older versions will somehow wipe out 7 or otherwise disrupt it. Can anyone tell me if this is possible and point to where I can download old browsers? Microsoft appear to have only updaters available, no good if you don't have the original! Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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/
Re: [css-d] Safari on Windows has a nifty CSS debugger
Jack: Thanks for these tips. Firefox has its own DOM interpreter, but also has the Firebug extension, which will allow you to inspect/edit the DOM and stylesheets while viewing the page. I have used the DOM inspector but Firebug will not (yet) install in Firefox 3.x, although oddly enough, some of its plug-ins will! Opera has Dragonfly, I think, built in that lets you do the same. Thanks, will check it out. Google Chrome is built from Safari, and also includes helpful development tools. I can't get Chrome to install properly and *function* on Windows XP SP3. And for some weird reason it installs in my home directory, not in C:\\Program Files\, like every other app on the planet, including Google's other apps. Also, Chrome is built on a version of WebKit earlier than that in Safari, so I am afraid I will have to forego Chrome's tools. Internet Explorer has the Internet Development Toolbar which lets you inspect elements, and to see if they're being given layout. Ah, yes, the dreaded hasLayout bug. Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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] Safari on Windows has a nifty CSS debugger
All: You may not be aware that Apple now makes Safari available for Windows. It has a nifty Web Inspector that allows you to click on an HTML element and see all the CSS selectors and formats that affect that element, including inherited values. Nifft! Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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/
Re: [css-d] THANKS! AND SERVER SUMMARY [was Lightweight HTTP server for beginner's http://localhost/ ?]
All: Thanks to everybody who wrote, both on and off list. I found some useful notes on a basic Apache installation from a technofreaks site in Malaysia and downloaded that. I knew of Apache by repute and must say I was shocked to find that the server that powers 30 percent of web sites on all platforms is only about 6 Mb in size.Clearly the developers will have to load it with null bytes to get an install size of 40 Mb for street cred against all the bloat ware out there. 8^) For future reference I have summarised all the posts to aid anyone else who in the future might want a simple server for localhost testing. Regards, Hedley Glenn and Fred wrote: What operating system are you using? Windows XP SP3 Windows XP, Linux, Mac? Windows XP has a Web server integrated if I am not mistaken, maybe only the Pro version, maybe it's in XP home... I have tried Microsoft IIS (Internet Information Services) before but it hogs the CPU and makes using other apps simultaneously almost impossible. Christopher wrote: I don't really think this qualifies as lightweight, but I set up apache a couple of times and it was really easy. I only mention this because I feel like I have the same gaps in knowledge that you do. Well, you convinced me! David Jones wrote: Setting it up using Apache2Triad http://apache2triad.net makes it very lightweight. Lightweight enough that I used to run it on my old desktop Windows98 PC ... Apache2Triad is very easy for novices (and when it comes to configuring a web server, that's pretty much exactly where I am!) Jerod wrote: I'd also recommend checking out some from this list: http://en.wikipedia.org/wiki/Tiny_web_servers I've used shttpd before (although they're on a different version now) and had good luck with it. Michael wrote: Lighty http://www.lighttpd.net/ and nginx http://nginx.net/ have both been getting good press recently. http://news.netcraft.com/archives/web_server_survey.html David wrote: There was another one I've used - a command line only one, and the only way you could stop it was to use Task Manager to kill it. I think it was TinyWeb - yes, here it is: http://www.ritlabs.com/en/products/tinyweb/ Very lightweight (53KB!!!), supports CGI, configured only via command line parameters. Tim wrote: It may not count as lightweight, but I found XAMPP very easy to set up. http://www.apachefriends.org/en/xampp-windows.html David wrote: As you have seen, files served directly from the hard drive do not work when using root-relative addressing. ... The default install should work well for you-- it does for me, anyway. Other packages I tried needed tweaking, which takes time and learning. Hopefully you, too, can just load and go. Get it here-- it's free: http://www.apachefriends.org/en/xampp.html Allan wrote: Anyway, in response to Hedley Fingers post, I would suggest he looks at WAMP (http://www.wampserver.com/en/) ant the excellent guides to be found at http://guides.jlbn.net/ -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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] Lightweight HTTP server for beginner's http://localhost/ ?
CSS Discussers: I am building my first website and struggling with a very spotty and uneven knowledge of servers, HTML, and CSS. I do have some computer and internet knowledge but with big gaps where I most need expertise. Aptana is currently my development environment which lets you preview a file in either Firefox or IE. It supposedly launches its own preview server but, from the behaviour of Firefox described below, it rather looks as though Firefox is using file:///path-to-site-folder/index.html. Firefox won't load a CSS file referenced by a link ... / if it contains a path from site root, e.g. href=/css_stuff/my_neat.css (note leading root slash / ) but IE will. Firefox is only happy with href=css_stuff/my_neat.css (not the missing root / slash). I hope not to be lost in relative file referencing hell, i.e. href=../../../../css_stuff/my_neat.css, but need to check this in a tame local server environment. Can anybody recommend a suitable lightweight HTTP server that even a complete newbie from Mars could set up with the local site root specified, etc.? Then I can get Firefox to look at http://localhost/index.html, which latter contains link href=/css_stuff/my_neat.css (note root slash / restored again). I have Googled for a server but frankly as soon as I try to read the bumf I am lost ... Along with your many recommendations, I wonder if I can impose on you to ask how to install and configure site root? Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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] Google Chrome won't launch
I had never heard of Google Chrome until seeing it mentioned on this list. I downloaded it but when launching some sort of error message appears for 2.3 nanoseconds and it fails to run. Wish that dialogue would stay around long enough to read! Has anybody else had a similar experience? Windows XP SP3 Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. Hedley Finger [EMAIL PROTECTED] __ 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/