Re: [WSG] header alignment working in everything but safari
Thanks Hugh, I didn't think to try resizing the browser window. As you mentioned it did jump back 1 pixel. I have to resort to the method you mentioned instead. Thanks for helping me understand the problem. Ian http://www.e-lusion.com Ian, You seem to be up against a rendering issue that you can probably not solve with your current method. When I resize the browser window in Firefox your header appears to move 1 px away from the left edge of your centred column and then back again. So it looks like Safari, and then aligns as you intend, alternately. When I take out your 1px left margin hack it works the other way. What this indicates to me is that Firefox cannot resolve a sub-pixel placement (remember, you're centring an image, so it will fall between pixels) except by moving it slightly left or slightly right. (I don't know why the body image and the header image don't always align, but I do think you're correct that Safari does it right.) Solution? Use a repeating background (repeat-y) for your header, including that stripy band down the bottom, and use a header with a graphic background (or an image, or image replacement) for your Beachhouse logo thingy. -Hugh Todd On 14/10/2004, at 2:50 PM, Ian Main wrote: I've spent too long trying to get my head around this. http://www.e-lusion.com/design/beachhouse/ http://www.e-lusion.com/design/beachhouse/screen.css Safari error http://e-lusion.com/design/beachhouse/13499.png I have placed a Faux Column image on the body which is centred. Than placed a repeated a centred header image with a width of 757px within a centred container. The problem is most browsers are rendering this correctly except for Safari 1.2. I don't want to put my background image on my container element as the floats are stopping it from repeating. It actually looks like Safari is the correct renderer (is that a word?) as the body, container and header all should be centred but I had to add margin-left: 1 on to both header images. Any suggestions are greatly appreciated. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Transparent Background on a list item
:) Right that makes sense now ... thanks... Hugh Todd wrote: Jackie, The height didn't change the transparency. It revealed more of your #nav1's background image. Remember, a float (unless cleared) will happily extend beyond the borders of its container. Except in IE PC, but that is a bug. So if you want your #nav1's background to resize in proportion to text as it resizes, you will have to give it a percentage or an em height measurement. :) Hugh Hugh.Why did that work? Why would the height of a div make something turn transparent? h. confusing that...doesnt seem logical somehow. (no point in just doing it if i dont understand is it!) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** . ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Form option selected is posible?
Thanks Bert and Natalie :) Bert wrote: G'day I try validate option selected but the validator says: the name and VI delimiter can be omitted from an attribute specification only if SHORTTAG YES is specified This form is posible to validate ? http://www.w3.org/TR/xhtml1/#h-4.5 XML does not support attribute minimization. Attribute-value pairs must be written in full. Attribute names such as compact and checked cannot occur in elements without their value being specified. To fix the problem, change your option as follows: option selected=selectedOption name/option Regards -- Bert Doorn, Web Developer Better Web Design www.bwdzine.com Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Legal numbering with li
there is provision for this in css 2 but I don't know if it is supported anywhere, except maybe opera http://www.w3.org/TR/REC-CSS2/generate.html s Amit Karmakar wrote: People, any good pointers on legal numbering using li's in xhtml I am looking for 3 levels of nesting as in: 1.0 1.1 1.1.1 TIA Regards, Amit Karmakar http://karmakars.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Form option selected is posible?
Diego You may find that using OPTGROUP eg: optgroup label=Option name is better still as: The optgroup tag groups options in a select box. It requires a label attribute, the value of which is displayed as a non-selectable pseudo-heading preceding that group in the drop-down list of visual browsers - http://www.htmldog.com/guides/htmladvanced/forms/ Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Diego Diaz wrote: Thanks Bert and Natalie :) Bert wrote: G'day I try validate option selected but the validator says: the name and VI delimiter can be omitted from an attribute specification only if SHORTTAG YES is specified This form is posible to validate ? http://www.w3.org/TR/xhtml1/#h-4.5 XML does not support attribute minimization. Attribute-value pairs must be written in full. Attribute names such as compact and checked cannot occur in elements without their value being specified. To fix the problem, change your option as follows: option selected=selectedOption name/option Regards -- Bert Doorn, Web Developer Better Web Design www.bwdzine.com Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Short way to change background colors on CSS sheet?
Russ Thank you very much - that makes it all very clear - have printed it out ! Lyn Lyn, Regarding id's and body elements... Here is a quick (and very rough) demo page showing how an id within the body element to affect various presentational aspects on three individual pages (click on the page links to check out each page): http://www.maxdesign.com.au/jobs/css/page-id/ The css file is here: http://www.maxdesign.com.au/jobs/css/page-id/page-id.css HTH Russ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help with fixed positioning in IE
Thanks, Grant. I'll give it a try. You mentioned that for you, it went almost to the top. For me, it doesn't budge an inch. I guess that means that the javascript-disabled won't be able to go to the top at all. I suppose I could always use a a name= tag, although I'd rather not. Thanks. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Focas, Grant wrote: John, the only solution I can offer is to use javascript with a gracefully degrading experience for the JavaScript disabled. If you are using this on more than one link it's probably worth putting it into a function. And it works on everything except Mac/IE (5.0,5.1 and 5.2) which still goes 'almost to the top': a href=#top onclick=if(navigator.userAgent.indexOf('MSIE') == -1){ window.scrollTo(0, 0); return false;}Back to top/a Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of john Sent: Wednesday, 13 October 2004 11:14 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE After applying this CSS hack to one of my sites, my back to top link doesn't do anything at all in Win/IE6 (I have an id=top in the BODY tag). Then there's the fact that part of the scrollbar is hidden beneath the header...but I think that was already mentioned. Any suggestions on the back to top link? ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Focas, Grant wrote: For me it goes to the top but not quite. Safari 1.02 does make it go higher than Netscape 7.2 or IE5.2 but it still doesn't go right to the top. For instance, in Netscape 7.2 on Mac the back to top takes me back to 'Adapted from fixed positioning' not to 'Fixed header and footer'. This isn't too bad when the header is only 60px but if it were 120 the difference would be quite a worry. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: Tuesday, 12 October 2004 3:22 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote: Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. Well, in that case I've misunderstood what you're trying to do with the link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox 0.9) the link 'resets' the page to the way it looks when it frist loads - which is what I always have my 'top' links do... - ? N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Print styles for IE - Document too wide
Sorry again... every column is as skinny as it can get. I've got about 80 columns in the table :( -- Mark Stanton Gruden Pty Ltd http://www.gruden.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Print styles for IE - Document too wide
I guess you've already set cellspacing, cellpadding, margin, padding etc to 0? Considering each column has a minimum of 1 character+padding+margins I cant see any possibility of all 80 columns fitting on 1 A4 page Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Mark Stanton wrote: Sorry again... every column is as skinny as it can get. I've got about 80 columns in the table :( ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [SPAM] Re: [WSG] A few problems with IE
Kim-- I believe it may be in your styling of your 'li's padding: .tabs li { float:left; background:url(tab_left.gif) no-repeat left top; margin:0; padding:0 0 0 6px; border-bottom:1px solid #666; white-space: nowrap;} You're assigning it a left padding of 6 pixels, which is preventing your 'a' from spanning the entire space of your 'li'. Could that be your culprit? HTH -- Pura Vida John D Wells http://www.jdwjr.com On Oct 13, 2004, at 1:02 PM, Kim Kruse wrote: OK... I get the problem with the fieldsets. Changing the tabs li:hover to tabs li a:hover solved half the problem :o) I just can't figure it out how to get the whole button to change in IE. I think I tried every possible combination I could think off. Maybe it's just not possible to get it to play in both IE/FF. So I just need to get everybody to use FF. Now that's a challenge Kim Jason Turnbull wrote: Kim Kruse wrote: 1. Why won't IE pick up the .tabs hover style? Change the style .tabs li:hover To .tabs li a:hover 3. On this http://www.mouseriders.dk/test/kontakt.php why is the background color flowing out of the fieldset (top) This happens in IE, as this page explains http://www.themaninblue.com/experiment/InForm/fieldset.htm Regards Jason ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] CSS TAB MENU - A new version with problems
Hello everybody, I developed a kind of tab menu navigation using li, that changes when mouse over occours. Im rebuilding this site using xhtml. (under construction), and i having some problems with this menu. http://www.meucarronovo.com.br/xhtml Note that IE browser, freezes when onmouseover event occours. In other browsers, the css menu tab, works fine. Can anyone explain me why this browser freezes, when the mouse sets over the css menu tab? I would appeciate some advice. kind regards, Genau Lopes JúniorWebDesigner¬¬¬http://www.meucarronovo.com.br Genau Lopes JúniorWebDesigner¬¬¬http://www.meucarronovo.com.br
[WSG] Positioning Quandry
In the following snippet, my thought on absolute positioning is div#disco is positioned absolutely with regards to div#containingbox. However my little experiment places this div in relation to the viewport. So absolute positioning takes a block level element out of its normal flow? What am I missing? style type=text/css media=screen !-- body{ margin: 0; padding: 0; background-color: #eee; background-image: url(images/base.jpg) color: 000; font: 80% Arial, Verdana, Geneva sans-serif; } #containingbox{ border: 1px solid #666; background-color: fff; color: 000; width: 500px; padding: 5px; margin: 0px auto; text-align: justify; } div#disco{ position: relative; top: 10px; left: 10px; } -- /style body div id=containingbox p Lorem.. /p div id=disco p Lorem .. /p /div p Lorem ... /p p Lorem ... /p /div /body Imagination is more important than knowledge. -Albert Einstein Chris http://ckimedia.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Positioning Quandry
Hi, Thanks, I get it now. Disco, Chris On Thursday, October 14, 2004, at 11:21 AM, Patrick H. Lauke wrote: Relative positioning is relative to the next positioned parent. In the absent of a positioned parent, the default origin is the viewport. To get it to work the way you intend it, you need to position #containingbox as well. Use position:relative with no other offset. All you're doing here is effectively providing an anchor, an origin, for #disco, and not actually moving #containingbox anywhere. #containingbox{ position:relative; /* to provide an origin for #disco */ border: 1px solid #666; background-color: fff; color: 000; width: 500px; padding: 5px; margin: 0px auto; text-align: justify; } Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Imagination is more important than knowledge. -Albert Einstein Chris http://ckimedia.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Positioning Quandry
Hi Chris, Absolute positioning places an element absolutely, with regard to its containing box. Also, when positioning within a container even though it is implicit, its good to also specify position: relative; to the container's selector. I'm not sure if this is in the spec or not, but browsers will position relative to the viewport if you don't. Also, you need a ; after you background image. On Thu, 14 Oct 2004 10:56:49 -0700, Chris Kennon [EMAIL PROTECTED] wrote: In the following snippet, my thought on absolute positioning is div#disco is positioned absolutely with regards to div#containingbox. However my little experiment places this div in relation to the viewport. So absolute positioning takes a block level element out of its normal flow? What am I missing? style type=text/css media=screen !-- body{ margin: 0; padding: 0; background-color: #eee; background-image: url(images/base.jpg) color: 000; font: 80% Arial, Verdana, Geneva sans-serif; } #containingbox{ border: 1px solid #666; background-color: fff; color: 000; width: 500px; padding: 5px; margin: 0px auto; text-align: justify; } div#disco{ position: relative; top: 10px; left: 10px; } -- /style body div id=containingbox p Lorem.. /p div id=disco p Lorem .. /p /div p Lorem ... /p p Lorem ... /p /div /body Imagination is more important than knowledge. -Albert Einstein Chris http://ckimedia.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Gmail invites - just ask nicely ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Positioning Quandry
Joseph Lindsay wrote: Also, when positioning within a container even though it is implicit, its good to also specify position: relative; to the container's selector. I'm not sure if this is in the spec or not Section 9.8.4. of the CSS2.1 spec http://www.w3.org/TR/CSS21/visuren.html#q28 The containing block for a positioned box is established by the nearest positioned ancestor (or, if none exists, the initial containing block, as in our example). Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Positioning Quandry
Hi, Thanks, the replies have been a little less clinical than the specification, proving more digestible. On Thursday, October 14, 2004, at 11:59 AM, Joseph Lindsay wrote: Hi Chris, Absolute positioning places an element absolutely, with regard to its containing box. Also, when positioning within a container even though it is implicit, its good to also specify position: relative; to the container's selector. I'm not sure if this is in the spec or not, but browsers will position relative to the viewport if you don't. Also, you need a ; after you background image. On Thu, 14 Oct 2004 10:56:49 -0700, Chris Kennon [EMAIL PROTECTED] wrote: In the following snippet, my thought on absolute positioning is div#disco is positioned absolutely with regards to div#containingbox. However my little experiment places this div in relation to the viewport. So absolute positioning takes a block level element out of its normal flow? What am I missing? style type=text/css media=screen !-- body{ margin: 0; padding: 0; background-color: #eee; background-image: url(images/base.jpg) color: 000; font: 80% Arial, Verdana, Geneva sans-serif; } #containingbox{ border: 1px solid #666; background-color: fff; color: 000; width: 500px; padding: 5px; margin: 0px auto; text-align: justify; } div#disco{ position: relative; top: 10px; left: 10px; } -- /style body div id=containingbox p Lorem.. /p div id=disco p Lorem .. /p /div p Lorem ... /p p Lorem ... /p /div /body Imagination is more important than knowledge. -Albert Einstein Chris http://ckimedia.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Gmail invites - just ask nicely ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Imagination is more important than knowledge. -Albert Einstein Chris http://ckimedia.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Accessibility : Turing/CAPTCHA test
A while ago I brought up the topic of the Turing/CAPTCHA test on forms and whether it restricted accessibility on forms. The general opinion was of course that it does. I just found this article: My article about Turing Protection generated lots of comments about how using image CAPTCHAs restricts access to the visually impaired. So, Ive played around a bit, and added an audio component. If you cant read the CAPTCHA image, you can listen to a .WAV file of our lovely server, spelling out the characters to you. http://viebrock.ca/code/16/turing-with-audio Clearly as the author says it has it's limitations but in spite of that I thought it may be interesting or useful to some. Nick ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Print styles for IE - Document too wide
Yeah everything is as low as it can go. Considering each column has a minimum of 1 character+padding+margins I cant see any possibility of all 80 columns fitting on 1 A4 page I don't expect it to, but it would be nice if IE would allow stuff that slips off the page horizontally to come out on a new page (like excel does), rather than just cutting it off. -- Mark Stanton Gruden Pty Ltd http://www.gruden.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Print styles for IE - Document too wide
On 15 Oct 2004, at 9:31 AM, Mark Stanton wrote: Yeah everything is as low as it can go. Considering each column has a minimum of 1 character+padding+margins I cant see any possibility of all 80 columns fitting on 1 A4 page I don't expect it to, but it would be nice if IE would allow stuff that slips off the page horizontally to come out on a new page (like excel does), rather than just cutting it off. Can't resist this, seeing as how it's normally one of the whipping boys of this list: IE5/Mac will do just that. N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] How do I find the document width in ie and mozilla?
x = self.innerWidth; y = self.innerHeight; I need to find the document width.. ie.. if the viewing screen is too small I need to know the document size.. not the viewing size. Document.body.clientWidth seems to work for internet explorer.. giving me the correct sizes.. But the same code for Mozilla/firefox seems to only give me the current window size.. and not that of the content/body. Thanks in advance. Gareth Edwards ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] web photo album
Umm, Don't know if this is what you guys are after, but you can check out and use the code here: http://www.grafx.com.au/dik All done in XHTML, CSS and JavaScript. No database, no PHP. All you need is to use Photoshop's Automate feature and do a bulk rename in Windows for the images and thumbnails. You can add captions via a caption.js file. Someone might find this fun... :o) Richard - Original Message - From: Neerav [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Friday, October 15, 2004 12:49 PM Subject: Re: [WSG] web photo album PS If you want to see it working in real life, im currently setting it up for some travel photos at http://www.bhatt.id.au/photos/ Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Neerav wrote: I have just found a great solution http://singapore.sourceforge.net/ singapore is yet another open source PHP based image gallery web application. What makes singapore different from the hundreds of other similar scripts is that it is specifically geared towards displaying photographic art and as such looks much nicer than most galleries. See it. It does NOT require MySQL or other database programs since all image information is stored in flat text CSV files (although an optional MySQL backend is planned for a future release). singapore also implements an info in filename system where artist and title information can be coded into the directory and file names meaning no database is required at all. More... Current features: * Flexible modes of operation: o Can store image info in CSV files on server (no database), or o Can store image info in directory and file names (no setup), or o Can function without any extra image info. * Multi language support * Support for unlimited depth of nested sub-galleries * Support for skins and templates * Very easy setup * Web based admin to add, delete edit images and galleries * Automatically generates thumbnails (requires GD or ImageMagick) * Generated thumbnails are cached for speed * Images may be stored on a different server * Image viewing statistics * User defined image information such as location taken, camera used etc. * XHTML 1.0 and CSS 2.0 compatible output only (no JavaScript and no cookies) Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav john wrote: Hello, WSG. In the process of getting some of my sites up to par with standards, I'm trying to find a clean alternative to the clunky photo albums I currently have. I could do it all by hand, but it would be extremely time-consuming (not to mention that I have a wife and kid that prevent me spending what time I have!), so can anybody please tell me if any software exists that can create clean thumbnailed albums using XHTML and CSS? Thanks a million. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] web photo album [ADMIN]
Hi folks, This isn't on topic at all. We don't talk about specific web applications on this list, just the concepts surrounding the output of any system. Please continue this discussion on the CMS list as that is far more appropriate (the content being the images in this case). See the resources section of the website for details of joining the CMS list. Regards, Peter -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Richard Czeiger Sent: Friday, October 15, 2004 1:00 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] web photo album Umm, Don't know if this is what you guys are after, but you can check out and use the code here: http://www.grafx.com.au/dik All done in XHTML, CSS and JavaScript. No database, no PHP. All you need is to use Photoshop's Automate feature and do a bulk rename in Windows for the images and thumbnails. You can add captions via a caption.js file. Someone might find this fun... :o) Richard - Original Message - From: Neerav [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Friday, October 15, 2004 12:49 PM Subject: Re: [WSG] web photo album PS If you want to see it working in real life, im currently setting it up for some travel photos at http://www.bhatt.id.au/photos/ Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Neerav wrote: I have just found a great solution http://singapore.sourceforge.net/ singapore is yet another open source PHP based image gallery web application. What makes singapore different from the hundreds of other similar scripts is that it is specifically geared towards displaying photographic art and as such looks much nicer than most galleries. See it. It does NOT require MySQL or other database programs since all image information is stored in flat text CSV files (although an optional MySQL backend is planned for a future release). singapore also implements an info in filename system where artist and title information can be coded into the directory and file names meaning no database is required at all. More... Current features: * Flexible modes of operation: o Can store image info in CSV files on server (no database), or o Can store image info in directory and file names (no setup), or o Can function without any extra image info. * Multi language support * Support for unlimited depth of nested sub-galleries * Support for skins and templates * Very easy setup * Web based admin to add, delete edit images and galleries * Automatically generates thumbnails (requires GD or ImageMagick) * Generated thumbnails are cached for speed * Images may be stored on a different server * Image viewing statistics * User defined image information such as location taken, camera used etc. * XHTML 1.0 and CSS 2.0 compatible output only (no JavaScript and no cookies) Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav john wrote: Hello, WSG. In the process of getting some of my sites up to par with standards, I'm trying to find a clean alternative to the clunky photo albums I currently have. I could do it all by hand, but it would be extremely time-consuming (not to mention that I have a wife and kid that prevent me spending what time I have!), so can anybody please tell me if any software exists that can create clean thumbnailed albums using XHTML and CSS? Thanks a million. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Text Escaping from Floats
to quote from Pulp Fiction.. example...? On Fri, 15 Oct 2004 15:35:14 +1000, Natalie Buxton [EMAIL PROTECTED] wrote: Hi All I'm wrestling with a float that just wont behave. I'm trying to stop the content from escaping from the float itself. The floats are a fluid % width and a fluid height. The content of the float will change all the time. I'd like to do two things: 1. make sure content doesn't escape 2. Force the floats to all be the same height, regardles of content without scrolling. So if Float A has 20 lines of text, I want float B to be the same height (for borders and aesthetics). I think point 2 is acheivable with javascript, but point one is elluding me! Thanks Natalie -- Freelance Website Designer/Developer www.pixelkitty.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Text Escaping from Floats
I forget to mention: example is at http://www.pixelkitty.net/devel/wsg/broken_float.php On Fri, 15 Oct 2004 15:40:09 +1000, Todd Baker [EMAIL PROTECTED] wrote: to quote from Pulp Fiction.. example...? On Fri, 15 Oct 2004 15:35:14 +1000, Natalie Buxton [EMAIL PROTECTED] wrote: Hi All I'm wrestling with a float that just wont behave. I'm trying to stop the content from escaping from the float itself. The floats are a fluid % width and a fluid height. The content of the float will change all the time. I'd like to do two things: 1. make sure content doesn't escape 2. Force the floats to all be the same height, regardles of content without scrolling. So if Float A has 20 lines of text, I want float B to be the same height (for borders and aesthetics). I think point 2 is acheivable with javascript, but point one is elluding me! Thanks Natalie -- Freelance Website Designer/Developer www.pixelkitty.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- -- Freelance Website Designer/Developer www.pixelkitty.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **