Re: [WSG] Standards Compliant PHP Output
Hi, Revisiting this exercise with the hopes of completing a tutorial, the desired output is generated, but running into problems placing the proper standards table elements, theadtbody etc. Would you or someone assist with adding the needed elements required for passing validation with the table? http://bushidodeep.com/exercises/xmlphp/groceries/groceries.xml ?php //set the XML fike name as a php string $myGroceryList=groceries.xml; //load the XML file [EMAIL PROTECTED]($myGroceryList) or die (no file loaded); //assign the listName element to a string $nameOfMyShoppingList = $xml-listName; echo h1List: . $nameOfMyShoppingList . /h1; /*create a loop that will take each foodGroup element, display its name, and then list each of the items’ names and quantities.*/ foreach ($xml-foodGroup as $foodGroup){ echo h2Food group name is . $foodGroup-groupName . /h2; foreach ($foodGroup-item as $foodItem){ echo 'table border=1 cellpadding=0 cellspacing=0 thead tr tdItem:/tdtd' . $foodItem-name . '/td /tr tr tdQuantity:/tdtd' . $foodItem-howMuch . '/td /tr /tablep/p'; } } ? On Feb 7, 2007, at 10:52 AM, Patrick H. Lauke wrote: Quoting CK [EMAIL PROTECTED]: The following example of using simpleXML to output XML data is strong. However, would some standards savvy PHP maven guide in outputting the list in the proper format: Just having a cursory glance, I'd say that what you want in that central loop is actually a table, not a list ... it's tabular data. foreach ($xml-foodGroup as $foodGroup){ echo h2Food group name is . $foodGroup-groupName . /h2; echo table thead trth scope=colItem/thth scope=colQuantity/th/tr /thead tbody; foreach ($foodGroup-item as $foodItem){ echo trth scope=row . $foodItem-name . /th; echo td . $foodItem-howMuch . /td/tr; } echo /tbody; } P -- 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 __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Standards Compliant PHP Output
Hi, The following example of using simpleXML to output XML data is strong. However, would some standards savvy PHP maven guide in outputting the list in the proper format: http://bushidodeep.com/exercises/xmlphp/groceries/groceries.xml ?php //set the XML fike name as a php string $myGroceryList=groceries.xml; //load the XML file [EMAIL PROTECTED]($myGroceryList) or die (no file loaded); //assign the listName element to a string $nameOfMyShoppingList = $xml-listName; echo h1List: . $nameOfMyShoppingList . /h1; /*create a loop that will take each foodGroup element, display its name, and then list each of the items’ names and quantities.*/ foreach ($xml-foodGroup as $foodGroup){ echo h2Food group name is . $foodGroup-groupName . /h2; foreach ($foodGroup-item as $foodItem){ echo br / Item: . $foodItem-name; echo br / Quantity: . $foodItem-howMuch; echo br /; } echo br /; } ? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Standards Compliant PHP Output
Hi, This is the solution I was arriving at. Thanks for the confirmation. CK On Feb 7, 2007, at 10:52 AM, Patrick H. Lauke wrote: Quoting CK [EMAIL PROTECTED]: The following example of using simpleXML to output XML data is strong. However, would some standards savvy PHP maven guide in outputting the list in the proper format: Just having a cursory glance, I'd say that what you want in that central loop is actually a table, not a list ... it's tabular data. foreach ($xml-foodGroup as $foodGroup){ echo h2Food group name is . $foodGroup-groupName . /h2; echo table thead trth scope=colItem/thth scope=colQuantity/th/tr /thead tbody; foreach ($foodGroup-item as $foodItem){ echo trth scope=row . $foodItem-name . /th; echo td . $foodItem-howMuch . /td/tr; } echo /tbody; } P -- 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 __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Standards Compliant PHP Output
Hi, Getting some strange results: List: My Shopping List Food group name is Fruits and Vegetables Food group name is Grains Item Quantity Pomegranate 2 Carrots 1 pound Food group name is Candy Item Quantity Couscous 6 ounces Item Quantity Crunchie Bar 1 gross I'll keep working it, however your skill is invited. CK On Feb 7, 2007, at 10:52 AM, Patrick H. Lauke wrote: Quoting CK [EMAIL PROTECTED]: The following example of using simpleXML to output XML data is strong. However, would some standards savvy PHP maven guide in outputting the list in the proper format: Just having a cursory glance, I'd say that what you want in that central loop is actually a table, not a list ... it's tabular data. foreach ($xml-foodGroup as $foodGroup){ echo h2Food group name is . $foodGroup-groupName . /h2; echo table thead trth scope=colItem/thth scope=colQuantity/th/tr /thead tbody; foreach ($foodGroup-item as $foodItem){ echo trth scope=row . $foodItem-name . /th; echo td . $foodItem-howMuch . /td/tr; } echo /tbody; } P -- 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 __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] The Decline of Print Styles
Hi, After browsing some favored CSS sites, some by Standards Evangelist, there seems to be a decline in the use of print styles. Has some movement escaped my research? Freedom of speech, just watch what you say. Ice-T Censorship is in noway condoned by Bushidodeep. Thus, the reason for direction to the following comic. __ (http://villagevoice.com/news/0644,tomorrow,74912,9.html) __ Respectfully, CK *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Styling Dynamic Text Replacement h#
Hi, This technique is most useful, however how can styles override the hard-coded PHP? http://www.alistapart.com/articles/dynatext CK *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Styling Dynamic Text Replacement h#
Hi, So making multiple calls, to the PHP per header is the option? Time to consider sIFIR. Thanks, Ck On Nov 26, 2006, at 12:06 PM, James Crooke wrote: They can't, the php code is rendering an anti aliased font to a PNG image - that's all. On 11/26/06, CK [EMAIL PROTECTED] wrote: Hi, This technique is most useful, however how can styles override the hard-coded PHP? http://www.alistapart.com/articles/dynatext CK *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Header Image Alignment
Hi, Having issues getting the header BG to align as desired: http://working.bushidodeep.com/lotus/html/template.gif Here is the current rendering: http://working.bushidodeep.com/lotus/html/index.php It's probably simple, please scold if some basic rule has been forgotten. Freedom of speech, just watch what you say. Ice-T Censorship is in noway condoned by Bushidodeep. Thus, the reason for direction to the following comic. __ http://villagevoice.com/news/0644,tomorrow,74912,9.html __ Respectfully, CK *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Header Image Alignment[solved]
On Nov 25, 2006, at 8:18 AM, CK wrote: Hi, Having issues getting the header BG to align as desired: http://working.bushidodeep.com/lotus/html/template.gif Here is the current rendering: http://working.bushidodeep.com/lotus/html/index.php It's probably simple, please scold if some basic rule has been forgotten. Freedom of speech, just watch what you say. Ice-T Censorship is in noway condoned by Bushidodeep. Thus, the reason for direction to the following comic. __ http://villagevoice.com/news/0644,tomorrow,74912,9.html __ Respectfully, CK *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Forms in XHTML 1.1
Hi, I've googled without results for the following question why is necessary to place select elements in a div or other block level element in order to validate as XHMTL 1.1? Valid form: form action=# div select onchange=if(this.selectedIndex!=0) self.location=this.options [this.selectedIndex].value name=validation option value=# selected=selectedValidation/option option value=http://validator.w3.org/check?uri=referer;XHTML/option option value=http://jigsaw.w3.org/css-validator/check/referer;CSS/ option option value=http://www.cynthiasays.com/mynewtester/ cynthia.exe508/option /select /div /form *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Table Attributes and CSS
Hi, Designing with Web Standards, is saving some painful flash backs to the mercenary approach of web design days past. Although the first step backwards is minimal, it inspired understanding of clean use of tables. Thanks for the assistance. CK On Aug 2, 2006, at 9:20 PM, Rachel May wrote: Designing with Web Standards book by Jeffery Zeldman, then at least you will have a trim table layout and not crazily nested tables like we used to build back in the day!! ** 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] When to Nest TB
Hi, Still attempting to unlearn in the best possible manner. In the following code an attempt at setting the columns different heights, simply defaulted to the largest value. Would this be better solved with rowspan attribute or a nested table. This is an exercise. CK /*CODE*/ ?xml version=1.0 encoding=utf-8? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=content-type content=text/html; charset=utf-8 / title2Col_2/title style type=text/css media=screen body{font: 1em/1.5em Georgia,'Times New Roman',Times,'Bookman Old Style','Hoefler Text',Serif;} table#container{width: 750px; margin: 0 auto; border: 1px solid black;} table td{padding: 0; border-width: 0; vertical-align:top; border: 1px solid black;} table td#nav_col{height: 250px;} table td#content_col{height: 150px;} thead, tfoot{text-align: center;} /style /head body table summary=2column id=container theadtrtd colspan=2Header Info/td/tr/thead tfoottrtd colspan=2Footer Info/td/tr/tfoot tbody trtd id=nav_colCol_01/tdtd id=content_colCol_02/td/tr /tbody /table /body /html /*END CODE*/ ** 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] Using Tables w/CSS
Hi, My attempt at learning a step backwards has left me stumped: (http://working.bushidodeep.com/table_layout/2Col_layout.html) I've validation errors that I'm unable to debug. Would someone guide me to the correct solution? Return True, CK Principal/Designer/Programmer -Bushidodeep www.bushidodeep.com ___ An ideal is merely the projection, on an enormously enlarged scale, of some aspect of personality. -- Aldus Huxley ** 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] Using Tables w/CSS
Hi, The problem is solved, but the question lingers is this the most streamline solution? Return True, CK Principal/Designer/Programmer -Bushidodeep http://bushidodeep.com/ __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] Using Tables w/CSS
Hi, The more I attempt to unlearn for the sake of a project and temp agency, the more I'm forced to agree. CK On Aug 2, 2006, at 3:33 PM, Gunlaug Sørtun wrote: Table-designs are no more cross-browser reliable than CSS-layouts ;-) ** 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] Table Attributes and CSS
Hi, I've Googled with inconsistent results, what table attributes: valign colspan rowspan cellpadding cellspacing etc. Can CSS control, what others have to be applied to individual cells? I'm surprised how many US staffing agencies, still require freelancers to utilize tables for layout. Return True, CK Principal/Designer/Programmer -Bushidodeep http://bushidodeep.com/ __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] Standards Table Layout
Hi, The client does not have the time or resources for a strictly CSS solution. Ck On Jul 31, 2006, at 9:23 PM, Jude Robinson wrote: CK wrote: Greetings: A client who is clinging to the web of yore, is still insisting on tables being used for layout. It is the misconception tables provide greater browser compatibility, the client supports IE 5.X for MAC OS. Greetings CK - is there a specific IE 5.2 bug/problem that you know you will be unable to work around? Or will the client not pay you for the extra time it would take to get the CSS working for IE 5.2? ** 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] Standards Table Layout
Hi, I agree production time is lessened using standards. However, the time being lost is mine. Given the budget and the misconceptions of the client, I've not the time to educate and dispel CSS rumors and myths. Had the project been larger, with an allowance for education, it is assured that the decision could be swayed. In agreement with your other point I had decided to return to Food Service, before reading Designing With Web Standards. Having found the constant bullying of information with tables and quirky JS less desirable than burns and cuts. CK On Aug 1, 2006, at 6:45 AM, Dani Nordin | 401.787.5178 wrote: that it made me completely hate web design, and I didn't embrace it as a potential career path until I discovered Standards about a year and a half ago. Could you speak to what time is lost using standards? ** 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] Opera Bug? (Table-displayed, left-floated, min-width content)
Hi, Thanks for saving me a few key strokes :) On Aug 1, 2006, at 8:06 AM, Nick Gleitzman wrote: A bug? A feature? ... Markup: pa href=#1/a a href=#2/a ... a href=#8/a/p Style: p { display: table; } p a { float: left; min-width: 16px; } (Presume the float is cleared afterward.) Expected: One row of eight links. ... ...discussion most welcome! -- Joe D'Andrea www.joesapt.net Um - gotta ask this, because someone's bound to: it's a list of links. Why not mark it up as a list? What's the advantage of trying to get a paragraph to display like a table? (That's the discussion bit...) 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 ** ** 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] AJAX-The Buzz Word
Hi, I've been asked the AJAX buzzword several times, the frenzy has reached my doorstep. Would someone pass along some Standards steeped AJAX tutorials? CK ** 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] Standards Table Layout
Hi, Perhaps I was vague. I need examples of good CSS/Table designs. I've got the CSS layout sites bookmarked, and visited to the point of fraying the pages :) CK On Jul 30, 2006, at 5:44 PM, Paul Novitski wrote: At 06:15 AM 7/30/2006, CK wrote: A client who is clinging to the web of yore, is still insisting on tables being used for layout. It is the misconception tables provide greater browser compatibility, the client supports IE 5.X for MAC OS. Actually, I think table-based layout DOES provide cross-browser consistency as your client maintains. The argument against tables for layout isn't that they don't render consistently cross-browser but that they don't fit non-tabular data semantically, they can obfuscate content for non-visual readers, their layouts are rigid and unresizable, and, because they hard-wire presentation in the HTML markup, they create a site-maintenance boondoggle down the road. Even if your client doesn't care about semantics and is insensitive to the needs of the visually impaired, you might be able to persuade them that their long-term website expenses will be reduced significantly if they let you separate content from presentation today. Unfortunately for your argument, your client's short-term web development expenses might be less if you use tables, unless you've already become good enough at CSS layout that you can whip Mac IE 5.x into line without hours of trial error. There are many sites that feature CSS layout examples. To know which ones can replace tables effectively for this project you'll need to define your layout goals. Which aspects of table-based layout does your client consider important? A list of those attributes will help point you to the appropriate CSS layout techniques that will satisfy you both. Regards, Paul ** 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] Standards Table Layout
Hi,Very strong with CSS, but not with using tables improperly. So I thought it best to confer with the list. I've since found: http://i3forum.com/an example from "Designing With Web Standards." I'll be using this as my model.Respectfully,CKOn Jul 31, 2006, at 11:53 AM, Joseph R. B. Taylor wrote:Since I see your last request for clean table designs, is it an issue of your not being very strong with CSS? I mean, any big site out there, e.g. http://target.com will be made with tables and feature a nice layout. Your job is to simple copy the code, add a border to the tables, open in a GUI, remove the superfluous nested tables and use your CSS to fill in the gaps. **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] Standards Table Layout
Greetings: A client who is clinging to the web of yore, is still insisting on tables being used for layout. It is the misconception tables provide greater browser compatibility, the client supports IE 5.X for MAC OS. Wishing to bridge a gap of understanding through education, could someone provide examples of standards based retro-fitted table design? It is hoped seeing clean semantic code and CSS used with low- bandwidth tables, will inspire greater confidence in CSS being used solely for positioning and styling. Return True, CK Principal/Designer/Programmer -Bushidodeep www.bushidodeep.com ___ An ideal is merely the projection, on an enormously enlarged scale, of some aspect of personality. -- Aldus Huxley ** 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] Standards Table Layout
Hi, Good example, all the code groks, except this: _width : expression(document.body.clientWidth 748? 750px: auto ); Would you shed some site on this rule, is this part of CSS 3? Return True, CK Principal/Designer/Programmer -Bushidodeep www.bushidodeep.com ___ An ideal is merely the projection, on an enormously enlarged scale, of some aspect of personality. -- Aldus Huxley On Jul 30, 2006, at 1:31 PM, Designer wrote: CK wrote: Greetings: A client who is clinging to the web of yore, is still insisting on tables being used for layout. It is the misconception tables provide greater browser compatibility, the client supports IE 5.X for MAC OS. Wishing to bridge a gap of understanding through education, could someone provide examples of standards based retro-fitted table design? It is hoped seeing clean semantic code and CSS used with low-bandwidth tables, will inspire greater confidence in CSS being used solely for positioning and styling. Return True, CK Principal/Designer/Programmer -Bushidodeep www.bushidodeep.com In the course of some experimentation, I recently compared a 2-col table layout with an equivalent standards version. This was purely for 'fun', but the comparison is interesting and the code/markup is clean, simple and valid, and may help you show your client. (To be fair to your client, he's right in some respects :-) ) You can see it at : http://www.marscovista.fsnet.co.uk/template/template.html The standards version is reached via a link on the above page, and vice versa. -- Best Regards, Bob McClelland Cornwall (UK) www.gwelanmor-internet.co.uk ** 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] Opera 8 and 9 difference
Hi, This appears some nested CSS rule, which I'm unfamiliar. Would you elaborate, off-list if preferred, with an explanation of use and function? Respectfully, CK On Jul 5, 2006, at 6:12 AM, Keryx webb wrote: I used the following code to fix this in Opera 8 /* Opera */ @media all and (min-width: 0px) { div#meny ul { bottom: -5px; } } ** 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] Navigation placment
On May 1, 2006, at 5:09 PM, Paul Novitski wrote: At 02:56 PM 5/1/2006, CK wrote: At the following URI the navigation is in an unusual place, the footer. Does this pose an issue, as the text will be tamed, keeping the design above the fold. Also, the naming convention in the CSS, could it be more succinct? http://working.bushidodeep.com/spring_2006/ index_footerNav.phphttp://working.bushidodeep.com/spring_2006/ index_footerNav.php I like the overall layout graphic treatment. With content this spare, the bottom placement of the nav menu doesn't seem vital for usability. However, as I zoom larger in Firefox, the content cell grows vertically but not horizontally so the nav/footer sails downward and off the screen, and the nav menu text expands outside its fixed- width container. Why not size your containers in ems and allow the layout to grow with a more consistent aspect ratio? It would mean an expandable frame for your content, slicing it into pieces to enable it to grow horizontally and not just vertically, which would in turn mean a slightly more complicated markup. I think enlarging the over all design would prove advantageous Enlarging the font like that also makes it clear that the apparent centering of the nav menu in its box is spoofed; it only looks centered at a certain (normal) font size. I'd try for true centering so that it doesn't uglify. With everything else centered, your subcontent menu looks mistakenly off-center. Also, its text/background color contrast would probably fail WAI standards. If it's your intention to obscure it or minimize its importance, why put it first in the markup and layout? It was meant to be right aligned, and should switch places with the main_nav in the mark-up With regard to the succinctness of your markup CSS, do you really need the div#header around your h1? All you're doing with it is positioning it relative, which I'd think you could do with the h1 itself. Also I'd see if I could remove the divs from around the two menus. This was the concern Thanks, CK Regards, Paul ** 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] pinline
Hi,I've a little stumped why the (2) p elements are behaving as if inline, meaning no line break between the (2) elements in the UA.http://working.bushidodeep.com/spring_2006/index_footerNav.phpCK
Re: [WSG] Menu Out Of Place in IE 6
Hi, A much of pain as these pages have been, a reluctance to adding anything to the core stylesheet begs the question, would these rules be better served from a CSS conditional? Many Thanks, CK On Apr 9, 2006, at 6:27 PM, Gunlaug Sørtun wrote: CK wrote: First many thanks. The CSS rules have been included inline, specific to each page. Has this worked? Yes, they both render fine in my IE6 on win2K. The 'mailing list' page should also be given the styles created for the 'banner' page, as they'll then take care of the 'IE italic bug' in that page. You may as well add them all into the common stylesheet for that layout. Just test a bit. Also, no need to create a new style-element in the head for such page-specific styles. They can all follow the @import rule in one and the same style-element. Georg -- http://www.gunlaug.no ** 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] Is there a Javascript issue in Safari?
Safari does not like the JS psudo protocol. (javascript:newWindowMinorSwing()) Try This Method: http://www.alistapart.com/articles/popuplinks/ On Apr 10, 2006, at 12:37 PM, Fred Ehmann wrote: Hello All, I have this simple javascript in the head of a page: !-- function newWindowMinorSwing() { window.open ('minor_swing.html','jav','width=550,height=360,resizable=yes'); } //-- In the body, I have this: a href=javascript:newWindowMinorSwing()CLICK TO WATCH QUICKTIME (5.5 MB)/abr / The doc is XHTML Transitional. The function works fine in Firefox (on Mac) and IE 5.2 (Mac) but not Safari--no popups. (Popup blocker is not on) I must be overlooking something obvious...any ideas? Thanks, Fred ** 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] Interface Flexability
Hi, As close as possible. Many Thanks, CK On Apr 10, 2006, at 4:16 PM, Andreas Boehmer [Addictive Media] wrote: -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of CK Sent: Tuesday, 11 April 2006 9:12 AM To: wsg@webstandardsgroup.org Subject: [WSG] Interface Flexability Hi, I've concerns with how to best slice the content area, the center inner shadow box, to accommodate text resizing at the following: (http://working.bushidodeep.com/remix/spring_mock.png) Any suggestions would be appreciated. When you say text resizing, do you mean a liquid layout? So do you want the graphic to expand on all browser windows? ** 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] Safari Javascript prob?
2.0.3 Both Safari versions, for me, have failed various implementations of the pseudo-protocol used to pop-up windows. CK On Apr 10, 2006, at 6:05 PM, Geoff Pack wrote: CK wrote: Safari does not like the JS pseudo protocol. What version are you using? It works in Safari 1.3 and 2.0 cheers, Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Menu Out Of Place in IE 6
Hi, The client has said the following pages have the menu out of place in IE...6.029. Can someone offer a solution? The pages validate. http://working.bushidodeep.com/tacticalware/tos.html http://working.bushidodeep.com/tacticalware/privacy.html http://working.bushidodeep.com/tacticalware/banners.html Return True, CK Principal/Designer/Programmer -Bushidodeep http://bushidodeep.com/ __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] Menu Out Of Place in IE 6
Thanks, However the following rule caused the navigation on other pages to shift to the bottom of the column. I'm suspecting removing the news column such as found on: (http://working.bushidodeep.com/tacticalware/index.html) causes the problem on the pages without. What do you think? Return True, CK Principal/Designer/Programmer -Bushidodeep www.bushidodeep.com ___ An ideal is merely the projection, on an enormously enlarged scale, of some aspect of personality. -- Aldus Huxley On Apr 6, 2006, at 9:24 AM, Parker Torrence wrote: easy fix * html div#navigation { margin-left:-644px } ** 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] getting an a
Hi, Hope I don't have cooties (an imaginary bug that as children, we would avoid the person with) :) The following rule has failed to reach the desired a in the following dl#contact dt#email dd a {border: 1px solid black} h1Contact us/h1 dl id=contact dt id=techTech Support Issues:/dt dda href=./support.html title=Link To Support PageSupport Options/a/dd dt id=emailEmail:/dt dda href=#Chuck/a/dd dda href=#Ramblin'/a/dd dt id=teleTelephone:/dt ddCall Tacticalware:/dd dt id=snailSnail Mail:/dt ddaddressTacticalware Computer/address/dd /dl What have I missed in drilling down to the dda ** 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] getting an a
Hi, So given that fact to get to the desired a I should use: dl#contact dd.email a { margin: 0 0 -2em 0; border:1px solid black} ... dd class=emaila href=#Chuck/a/dd dd class=emaila href=#Ramblin'/a/dd . On Mar 29, 2006, at 4:07 PM, Lea de Groot wrote: CK wrote: dl#contact dt#email dd a {border: 1px solid black} I know that one! dd is a sibling of dt, not a child, so try: dl#contact dd a {border: 1px solid black} :) Lea -- Lea de Groot Brisbane Australia ** 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] Site Check[tacticalware.net]-mailto issue
Thanks, We share similar reservations. Is the following a more usable solution? dd class=emaila href=mailto:[EMAIL PROTECTED]Chuck at tacticalware.net/a/dd dd class=emaila href=mailto:[EMAIL PROTECTED]Ramblin at tacticalware.net/ a/dd Or should the mailto: go altogether? On Mar 29, 2006, at 5:39 PM, Christian Montoya wrote: On 3/29/06, CK [EMAIL PROTECTED] wrote: Hi, The following pages are up for review: ... (http://working.bushidodeep.com/tacticalware/contact.html) ... Any insight is appreciated. Maybe you are planning to change it, but I'll mention that contact forms are much better than mailto: links, and even just plain text e-mail addresses are better to. mailto: links are very annoying for us web-based-e-mail users. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.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] IE 6.0.2 Menu Issue
Hi, The padding and margins are consistent: div#navigation{float:left;width:150px; line-height: 2em; margin- left:-700px } div#navigation li a {font-weight: bold; height: 32px; voice-family: \}\; voice-family: inherit; height: 24px; text-decoration: none} div#navigation ul {list-style-type: none; margin: 0; padding: 0; text- transform:uppercase} div#navigation li a:link, #menu li a:visited {color: #330; display: block; background: url(i/menu1.gif); padding: 0 0 0 10px} div#navigation li a:hover, div#navigation a#current {color: #990; background: url(i/menu1.gif) 0 -24px; padding: 0 0 0 10px} div#navigation li a:active{color: #689} Any additional suggestions are appreciated. On Mar 28, 2006, at 11:41 AM, Joseph R. B. Taylor wrote: The anomaly is text moving all over the place on mouseover (all over the page) in IE 6.0. Start with getting your page to validate correctly firstly. I'll guess the issue is caused by mis-matching padding or margins between the link states. Joseph R. B. Taylor Sites by Joe, LLC http://sitesbyjoe.com (609)335-3076 [EMAIL PROTECTED] CK wrote: Hi, At the following url:(http://working.bushidodeep.com/tacticalware/ index.html) the client saw some anomaly, without mentioning specifics, in the navigation menu Would someone take a look and offer a solution? Return True, CK Principal/Designer/Programmer -Bushidodeep http://bushidodeep.com/ __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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 **