RE: [WSG] positioning help, please
> the first problem i'm having is that bbedit, safari, firefox and opera (on > a mac) all position it in a different location (#pre-nex). Hi, Try 'position: relative' for #main (the containing div of #pre_nex). Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Is it possible to style an attribute?
> I was wondering if anyone could clarify whether it is possible to style > an attribute. Hi Grant, I use a jQuery plugin called cluetip for my CMS admin screens. It will do what you want. Here is the link: http://plugins.learningjquery.com/cluetip/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Content div sticking out the side of container div
> I have found a solution and that is to use display:table-cell. I don't think table-cell is supported in IE7 and below. You may want to try max-width *instead of* setting width on the inner container as was suggested earlier. This works even in IE7. The underscore version of width is the fallback for IE6: #contents { max-width: 800px; _width: 800px; background:#99F; border:2px solid yellow; } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE7 Issues - The Final Three
> Z-INDEX OF POSITIONED HR You could fix this by putting the gecko image after the and positioning the gecko absolutely: HTML: Welcome to Our World CSS: #wildlife.gekoLower { position: absolute; top: -30px; left: -250px; } > POSITIONED WRAPPER EFFECT, COPYRIGHT LINE AND FOOTER NAV To fix this, you could clear the main content before bottomEffect and have bottomEffect be position relative: HTML: CSS: #bottomEffect { width: 780px; position: relative; left: 0; bottom: -10px; height: 10px; background: #2A2B2D url(../image/public/.global/body_bottom.jpg) no-repeat 0 0; padding-bottom: 10px; } I'm not sure what is causing the two buttons not to line up. Could you switch them to both be either links or submit buttons? Hope that helps. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] image substitution
> Are we still using the trick of shifting the text off the side of the screen with negative positioning? Or is there a better, more accessible way? How about just using the alt attribute on the image? Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] advice on background images?
> Any tips on how to minimize or eliminate how obvious it is where the > "tiles" meet when you have the background image repeat? I'm not sure what this has to do with web standards, but you can check out http://tutorialblog.org/make-repeating-seamless-tile-backgrounds-with-photos hop/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] HTML5 - Marking up forms
There are a ton of ways to do this. At the moment I stick with one of two formulas: My Legend My Label I believe the “for” attribute should reference the “id” attribute of the input element. So the above example should be: My Legend My Label In the case of checkboxes, multiple inputs can have the same name (that’s how they are grouped together). Each input needs a unique id though, so each label will reference a unique checkbox within the group. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 _ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Joseph Taylor Sent: Wednesday, November 10, 2010 12:50 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] HTML5 - Marking up forms Eric, There are a ton of ways to do this. At the moment I stick with one of two formulas: My Legend My Label Or if its a bunch of checkboxes or something: My Legend Label for the checkbox Label for the checkbox Label for the checkbox Joseph R. B. Taylor Web Designer / Developer -- Sites by Joe, LLC "Clean, Simple and Elegant Web Design" Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email: j...@sitesbyjoe.com On 11/10/10 12:30 PM, Eric Taylor wrote: Understandable; however, with the change in HTML5 from Definition Lists to Description lists, would it not be more semantically valuable to mark forms up using and , for labels and inputs, providing the document with a more solid structure? As stated, my concern with this is the lack of grouping per item, when using Description Lists. I understand that paragraphs may be easier to handle when marking up forms and doing the CSS; however, is it a meaningful method of marking up forms that supports the forward progression of HTML5 and front-end development in general? This is the main reason I'm torn between Description lists and Unordered/Ordered lists. What makes most sense from a semantics view, and where is the balance between semantics and ease-of-use? Eric Taylor < Elements Aside /> http://www.elementsaside.com On Nov 10, 2010, at 11:41 AM, "Patrick H. Lauke" <mailto:re...@splintered.co.uk> wrote: On 10/11/2010 17:08, Eric Taylor wrote: >From my experience, the best practice, currently, is using Description lists; however, my concern with this method is the lack of semantic grouping when using this set of elements. Another method I have used is using an Unordered list to group each field inside of a list item. However, this doesn't seem like it makes as much sense, semantically, as the Description list. What do you all think, and how do you go about marking up your forms in HTML5? HTML5 does not add any new semantics or constructs to mark up the structure of forms, it only adds new types, a few features (autofocus for instance) and validation functionality. How you actually structure the lot is still as before (and there are still likely heated arguments over which way is good or not...personally, I just use paragraphs, as the extra structure of lists is just overkill in my opinion) P -- Patrick H. Lauke __ re\xAD\xF4dux (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 | http://flickr.com/photos/redux/ __ twitter: @patrick_h_lauke | skype: patrick_h_lauke __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guideline
RE: [WSG] EM bug in Safari 5?
> It's been quite a while I have to do a site using EM unit for the layout > width (with max/min-widths treatment), I am getting a shrunk page in > Safari. I see the same problem you mentioned in both safari on windows as well as safari on the mac. It appears that safari does not equate font-size: 100% == 16px; Set your font-size to 16px instead of 100.1% and the width will be fixed. Modern browsers will still be able to resize the font, but for IE you may want to have a conditional comment and change the font-size back to 100.1%. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] @import and IE7
> I agree that import doesnt perform too well. Separate the > files in whatever way will support the growth of your site > best, and make sure you use some sort of combine tool / > filter to reduce the number of requests Hi Cole, I have a free tool that will combine CSS files on the server using @include() instead of @import(). The CSS files are combined and compressed before being sent to the browser. You can then use as others have suggested to separate your print from screen stylesheets. The latest version also supports caching if you are concerned about performance. Just make sure you have a writable "cache" directory under your CSS folder(s). This all works dynamically by adding the files to your CSS directory(ies). One caveat, if you split your CSS files into subdirectories, make sure you copy the files to all folders that contain CSS. You can read/download it here: http://www.coolphptools.com/dynamic_css Best of luck to you. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Edward Lynn Sent: Saturday, July 24, 2010 4:44 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] @import and IE7 I agree that import doesnt perform too well. Separate the files in whatever way will support the growth of your site best, and make sure you use some sort of combine tool / filter to reduce the number of requests Ed On Sat, Jul 24, 2010 at 8:18 AM, Oliver Boermans wrote: Hi Cole On Saturday, July 24, 2010, Cole Kuryakin wrote: > Hello All - > > I've finally decided that I'd like to a single base style > sheet (base.css) into my projects. > > The base.css would then @import various other style sheets which would > define the dclarations for project layout, type, color, forms, etc. I would not recommend you separate your CSS files for purely organisational purposes. Do this _within_ your files. Less files loaded by the browser means faster pagel loading. @import is also bad for performance. Where you must separate your files it is better to have multiple link elements. The other advantage of avoiding @import is to see what CSS is being loaded into the page it is only necessary to look in the HTML. This can save someone else a lot of time troubleshooting your site later. Before Firebug l would separate my CSS into a bunch of files, just to reduce the time to navigate them. Now the inspector in Firebug makes this so easy there isn't really a lot of organisation advantage in doing so. I hope this is helpful, even if I didn't really answer your question... Cheers Ollie @ollicle *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Standards based Drupal WYSIWYG Editor
> Just spent a day with FCKEditor only to find that there appears to be > no way to have site CSS appear in the "Style" dropdown, w/o transforming the > CSS into XML. That is not entirely accurate. The fckstyles.xml tells the editor which styles the user can apply and how to apply them. The actual CSS definition is defined in your CSS file and can be modified without updating the fckstyles.xml again. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Update to site in progress - valid css and html -IE7 "issues"
> Then roll over the link to "top" or "booking cancelation policy", > it blanks out some of the page. Try the following: http://www.hotels-spain-accommodation.com/brochure-pages/";>Cancellatio n policy Top You may also want to make the style definitions classes instead of using inline styles. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Ie7 test?
> Add an extra div within left_column, and declare the position:fixed > in the new div instead. Or, since you already have an extra div, add this to screen.css: .left_column { width: 220px; float: left; } .left_column .column_cushion { width: 180px; position: fixed; } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] ie8 not rendering contact form in compatibility mode
> I am having trouble with a contact form not displaying on a clients > computer. It appears to happen in IE8 in "compatibility mode" or IE7. I get a javascript error: "Unexpected call to method or property access: swfobject.modified.js line 69 character 190" Try commenting this script out and see if the contact form stays put. If that keeps the form from disappearing, then my guess is you need to debug the javascript. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Site doesn't display correctly in IE - looking for some advice please
> A few people have said that they can only see the green nav bar and the picture of trees below it and nothing > else. They should be able to see more than that including a black footer with images and links. Try removing: overflow-x: hidden; from the body {} CSS block. Happy New Years to you as well. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] .box breaks up on feedback page.
> The filenames for the box parts are supposed to have an underscore Ah, sorry about that. I changed the filenames to test locally. You also need to add 'images/' before the filename as in your original as well. So it should be: /* --larger flexible rounded corner box--- */ .box_two { width: 400px; background: #da9c73 url(images/bottom_left.gif) no-repeat left bottom; padding: 0; margin: 0; } .box_outer { background: url(images/bottom_right.gif) no-repeat right bottom; padding: 0 0 5% 0; margin: 0; } .box_inner { background: url(images/top_left.gif) no-repeat left top; padding: 0; margin: 0; } .box_two ul { background: url(images/top_right.gif) no-repeat right top; padding: 5% 5% 0 5%; margin: 0; } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] .box breaks up on feedback page.
> Will someone help? I think the problem is related to the different default margin/padding values that different browsers default to. Try replacing this in your css file: /* --larger flexible rounded corner box--- */ .box_two { width: 400px; background: #da9c73 url(bottom-left.gif) no-repeat left bottom; padding: 0; margin: 0; } .box_outer { background: url(bottom-right.gif) no-repeat right bottom; padding: 0 0 5% 0; margin: 0; } .box_inner { background: url(top-left.gif) no-repeat left top; padding: 0; margin: 0; } .box_two ul { background: url(top-right.gif) no-repeat right top; padding: 5% 5% 0 5%; margin: 0; } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Including a DIV element inside an HREF tag
> No, it doesn't. The link is still accessible with mouse, keyboard and > any other input device - it just doesn't fill the entire box. I missed the link in Mike's example. You are correct. Thanks for the expanded explanation on what you meant when referring to semantics. Very informative. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Including a DIV element inside an HREF tag
>> Since links are inline elements, they shouldn't contain block >> elements, >> such as and . >> >> Why not use (native) inline elements? > Because it screws up the semantics. I thought and were semantically neutral (no inherent meaning). Also the javascript approach to apply the link is ignoring the group of users who don't have javascript or have it disabled. >From a practical perspective I would think that having a functional link would be more important than the wrapping tag used. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Extra space in menu in IE on hover
> Menu on left... on mouseover, the bg color should fill the entire height in between top and bottom borders and doesn't. There is about a 5 pixel gap. In FF, it looks fine. You could try this in eswmenu.css: .eswmenu li a { border-bottom: 1px solid #d6dad5; /* border: 0px solid blue; */ background-color: transparent; font: bold 13px "Palatino Linotype", Garamond, "Times New Roman", serif; color: #8a8989; display: block; height: 28px; line-height: 28px; margin: 0px auto 0 auto; padding: 1px 0 14px 0; text-decoration: none; vertical-align:top; } .eswmenu a:visited, .eswmenu a:active { border-bottom: 1px solid #d6dad5; color: #8a8989; } .eswmenu ul li a:hover { border-bottom: 1px solid #d6dad5; background: url(bullet-nav.png) no-repeat center 25px; background-color: #e6f0ed; } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE6 display issue
> Have tried both to no avail. You sound like you are on the right track, though. Thanks! The only other thing I can think of to try is to add this to your css file: .rotating_images {top: 0px; left: 0px; z-index: 3; position: absolute; opacity: 0; display: none;} And then add that class to all of your images in thes #pics div: Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE6 display issue
> In IE6, although the image fades and replaces etc, the #header is > enlarged to accommodate all 4 images though three remain hidden. Hi, I suspect that the javascript is executing before the page has fully loaded so the images are not able to be "stacked" by the javascript function. To make sure your page has fully loaded try using the document.ready function of jquery: $(document).ready(function() { $('#pics').cycle({ fx:'fade', speed: 2500, timeout: 5500, random: 1, pause: 1 }); }); If that still doesn't work, try moving the javascript after the . Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Strange Table Border Rendering in everything BUT FF and IE
Hi, What Chris wrote will take care of the border issue. I would suggest using a structure other than a table though for guestbook entries. You could use a definition list (other people on this list may disagree and have a more semantic structure you could use). For example, the CSS: dl.guestBook { font-size: 75%; border-top: 1px solid #9CA027; border-bottom: none; border-right: none; border-left: none; margin-bottom: 20px; padding-top: 15px; } dl.netherlands { background: url('nl.jpg') 0 15px no-repeat; } dl.australia { background: url('au.jpg') 0 15px no-repeat; } dl.guestBook dt, dl.guestBook dd { text-align: left; border: none; padding: 0 0 0 15px; margin: 0 0 10px 64px; } dl.guestBook dt { font-size: 1.4em; font-weight: bold; color: #2695c0; } dl.guestBook dd.loc_date, dl.guestBook dd.rating { color: #9CA027; } dl.guestBook dd.stars5 { background: url('5.jpg') 7em 0 no-repeat; } dl.guestBook dd.stars4 { background: url('4.jpg') 7em 0 no-repeat; } dl.guestBook dd.stars3 { background: url('3.jpg') 7em 0 no-repeat; } dl.guestBook dd.stars2 { background: url('2.jpg') 7em 0 no-repeat; } dl.guestBook dd.stars1 { background: url('1.jpg') 7em 0 no-repeat; } dl.guestBook dd.rating span { display: none; } And the HTML: Susanne de Letter Netherlands / September 23, 2009 Experience: 5 stars Just want to send a quick email that I had a lovely stay in the resort. Nice food, nice people and great diving. Even if you are a single lady traveller like me it's a great place to stay. Hope it stopped raining? That the dogs are ok and that you didn't have any exciting night dives with angry pearl fishers anymore. Say hi to Jo Jo and who knows maybe you see me back one day Thanks Susanne de Letter Amsterdam the Netherlands That's not perfect, but I can only imagine it is easier to view in a text browser than the table version. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Big Table inside Div. How can i extend Div?
> Is it possible to extend the container div till the end of table? > Because right now it "overflows" the container. Hi, I think this is what you are looking for: http://www.coolphptools.com/tests/wide-table.html The *float's are to support IE7 and IE6. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] a table layout issue
> Savl's suggestion also doesn't work. It's not ideal to add extra div > in each td cell, though I can live with it if client insists the > layout must be stayed as it is, the fact is, it doesn't quite work as > it adds a border on each td cell, and in the layout, it has 5 td > cells, using border-top (or bottom) on each td cell won't really give > me the result. Hi Tee, I made an example that looks the way you described and validates: http://www.coolphptools.com/tests/tr.html There is no escaping the inner div's because margin doesn't seem to apply to td's. At least this will get you the format you want. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Ordered List Best Practice
> In the following list I get the desired results in the browser but does > not validate,(The tag:"div" is not allowed within: "ol"): How about: First Subheading First First Subheading First First Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Fixed Sidebar Fluid Content - Source Order Limitations
- To put my content first in the markup, my content needs to be floated (for a following sidebar) - My content is fluid, so I can not assign a width You may want to try max-width on your main content. I'm not sure if that will work for you since you didn't post a link. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Installing More than one version of IE6
Hi - I hope this is on topic - I'm asking because I try to author to good standards... I need to install IE 6.0 alongside of IE 8. Running WIN XP SP 3. The multiple installer at TredoSoft which used to work wont install - are there any other options? Darrin I use IETester: http://www.my-debugbar.com/wiki/IETester/HomePage Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] CLARIFICATION: Print Preview Cut off after 1pg
> I implemented a style sheet and works fine, however all pages are being cut off after one page. Any idears? It is doing it in Mozilla but IE is fine. Hi, Have you tried removing the overflow:hidden from the rules? I would start with the container classes. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] Right div dropping below left floated div when browser resized
> The problem is that when the browser window is reduced in > size, to the point that the table can no longer shrink to fit > inside the available space, the table (but not the whole > right div) drops down so that the top of the table is in line > with the bottom of the left navigation div. This problem > occurs in IE6 but not IE7 or Firefox. Hi Stevio, I think the trick is to take the table out of the normal flow by floating it if it is in IE6. Then wrap the table with a positioned relative div that takes close to the full width of the right container. This keeps text below from creeping up the side. Here is a test page I created that seems to do what you want: http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en"> Example body { border: solid red 1px; } #navigation { float: left; width: 180px; margin-top: 20px; margin-bottom: 10px; margin-left: 9px; margin-right: 0px; padding-left: 1px; padding-right: 1px; background: #FF; border-top: 2px solid #336699; border-bottom: 2px solid #336699; } #mainbody { position: relative; margin-left: 210px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; padding: 0; border: solid black 1px; } #mainbody h2 { margin: 0; padding: 0; background-color: #0f0; } .tablelist { position: relative; overflow: hidden; width: 100%; _width: 95%; /* may have to play with this value */ } .tablelist table { _float: left; margin: 0; padding: 0; background-color: #ff0; } Home About News My List Col 1Col 2Col 3 123 Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] Div Img Overflow with Screen Resolution
> I want the div to extend till the end of image if the resolution is smaller than the image. Try making the container a float. For example: http://upload.wikimedia.org/wikipedia/commons/8/89/Kangaroo_and_joey05. jpg" /> Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] The weirdest IE bug I've ever encountered.
> I see I have still not conviced you of the weirdness of this bug. I've > updated my version to have a 1px border, and more items in the list, > which are NOT covered by the P element. None of them are clickable, > disconfirming your conclusions. Actually, I was agreeing with you that it is a bug. I still think I am correct. The aragraph is still on top of the even if it is not covering all the list elements. I created another version where all I did was add a "clear:both" to the paragraph and now all links are clickable. You can see it here: http://neighborwebmaster.com/tests/iefix.html Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] The weirdest IE bug I've ever encountered.
> On that page, you will see an italic letter v on the left hand side of > the screen, and a "view cart" link on the right hand side which is NOT > clickable, but which should be clickable. The issue does not seem to be related to standards. I cleaned up the code and the problem persists. The cause is that the right floated "View Cart" link does not get pushed below the aragraph. The paragraph has a width of 100% so it ends up covering the link which is why it is not clickable. To see it more clearly, I put a version of your page with different colored borders around each block at: http://neighborwebmaster.com/tests/iebug.html If you open it in IE8 and switch between IE7 compatibility mode and back, you will see the view cart link moving up and down. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Blockquote
> ... but, the quotes are being scraped from other sites so how would I cite them? I thought the cite attribute was the URL of the original page the quote came from. For example (from http://htmlhelp.com/reference/html40/block/blockquote.html): http://www.bibliomania.com/Fiction/joyce/ulysses/telemac.html";> He pointed his finger in friendly jest and went over to the parapet, laughing to himself. Stephen Dedalus stepped up, followed him wearily half way and sat down on the edge of the gunrest, watching him still as he propped his mirror on the parapet, dipped the brush in the bowl and lathered cheeks and neck. Buck Mulligan's gay voice went on. My name is absurd too: Malachi Mulligan, two dactyls. But it has a Hellenic ring, hasn't it? Tripping and sunny like the buck himself. We must go to Athens. Will you come if I can get the aunt to fork out twenty quid? Since you are scraping the site you should have the URL. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] Clearing issue and IE7 weirdness
> shows a page with no content in it yet but the left-hand menu pushes > down below the footer which has a clear:both on it. Can someone tell > what obvious bit I am missing? I only see that behavior in IE6, not in IE7. IE6 doesn't support min-height that is used for rh-col. Since rh-col is position: relative, the clear: both in footer has no effect. Clear works with floated elements. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte (kep...@neighborwebmaster.com) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:kep...@neighborwebmaster.com REV:20070415T052107Z END:VCARD
RE: [WSG] HTML/XHTML/XML - Question about the future of.
* Given that XHTML is not going to be supported by IE in the immediate future, if ever, serving XHTML strict * as text/html seems a little quixotic. If your document can't be served as application/xhtml+xml then what's the point? There is also another reason to use XHTML instead of HTML and it does not involve browsers. When representing your code (xHTML) as XML, it can also be viewed as data. A perfect example of this is screen scrapers which read your web pages to pull specific content out of them. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** 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] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Vanishing icon within a Span Element in IE7
> Can someone please tell me how to fix this so it'll show up in IE? Hi Cole, It does appear to be a bug in IE. The following CSS is turning off the display of the icon in c_project_help_error.css: span.smallHelpIcon span { display:none; } By commenting that section out, the icon displays (along with the text you were trying to replace with the icon). Instead of using the nested spans in your HTML: help icon maybe use an tag with the alt text = "help icon"? It is not display as nicely with images turned off but has the same effect as you seem to be trying to achieve. Use the following CSS instead: img.smallHelpIcon { display:inline; vertical-align:bottom; padding:0; margin:0; } Your spans could then be replaced with just an img: Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***<>
RE: [WSG] Is it a good practice to have 'Back to Top' link?
> I am always curious why so rarely people in this list ever mention > Dean Edwards' IE7. Maybe it is because it's a JavaScript solution. If you have JavaScript disabled, you are back to where you started. Of course, this may be a better solution than not trying to support IE6 at all which I read on this list some people are suggesting. I personally haven't tried his script yet myself. I have read many positive reviews about it though. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Learning Javascript properly
> I've been trying to convince people here at work to use JQuery for UI, but most are reluctant, because it's a framework. > Any good arguments of Why it is still OK to use JQuery? jQuery is not really a framework. jQuery is a library of javascript functions. The fact that they have a synonym to the main jquery function called '$' makes some people think that you are no longer coding in javascript. The reality is that you can code javascript and jQuery function calls together. It's just a library. A framework means you have some configuration file that the application constructs itself around. This is called "inversion of control". I have never seen this done in any javascript application. An example of inversion of control would be Struts or Spring in Java. Your co-workers have nothing to fear. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Copycat site
> This is the first time I've come across such an occurence naturally in > the online world. > I'm sure it happens all the time - this one seems just blatant to the > point of having the same tabs in the navigation I have to agree they look similar but certainly aren't copies of each other. A bigger issue (at least in my eyes) is that is you turn images off, navigation (on foryoung.com), links and headings disappear. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: Can I widen the question? Re: [WSG] Shopping cart - who does what
> If anybody is likely to "collect" a list of tools and software that can > (or can be made to) deliver standards based content, it should be us; any > idea how we could list and share? I would suggest using the forum. Someone created a thread there about this topic already: http://forum.webstandardsgroup.org/discussion/25/standardsaccessibilty-frien dly-shopping-cart-/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] clearing position:absolute
> I have a site with a navigation that when I resize the page in ie the navigation stays in the same place as a result is out of place when resized. > To get over this I can set the #nav to be position absolute but this causes the element below to move up behind the navigation. Hi Robin, Since your menu is created via javascript, you need to rerun the script on a window resize. Unfortunately the DOM has been modified by the javascript, so the only way to handle this is with a reload of the screen. Since most people don't resize their browsers much, this may only be a minor annoyance. Here is the code: function menu() { var samp = new DickerFisch('#nav',{ListType:'ul'}); } $(document).ready(function() { menu(); }); Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** 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] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] form from hell - difficult redesign
>> Hi I've been asked to redesign the gui on a hotel booking engine / >> room allocation web app. >> >> Its basically the busiest example of tabular data ive ever seen - >> most data in the cells is input. >> >> Any Advice on styling an overwhelming amount tabular data? On an app like this you may just think about outsourcing the project. Unless you are a masochist ;-) Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Book ideas for updating skills to modern html xhtml standards
Michael Horowitz wrote: > Is there a good book (something like Oreilly's nutsshell series) that > works as a good desk reference for (x)html standards people recommend? I bought the 1998 (version 1) of Dynamic HTML (http://www.amazon.com/Dynamic-HTML-Definitive-Reference-Html/dp/0596527403/ ref=sr_1_1?ie=UTF8&s=books&qid=1216006471&sr=1-1) by Danny Goodman. I see he is now up to version 3 (12/2007). I especially liked this book because it was comprehensive. It told you which tags/attributes work in which browser and it included a Javascript and CSS overview in different sections. I can't vouch for this version, but version 1 was a huge help to me back in 2000. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] To stretch an image within a div ??
Hi Matt, If you stretch the (you can't stretch a background-image as far as I know), you will definitely not be happy with the results. I am assuming you have a flexible design where the content expands to fit the width of the browser's window? If that is the case, create a very wide image and then use: div.header { background-image: url(images/large_logo.gif); background-repeat: no-repeat; height: 200px; width: 100%; overflow: hidden; } You can see an example of this technique I used on a web site I created a while back: http://www.freightturntables.com <http://www.freightturntables.com/> Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Structuring CSS
* I'm guessing this sort of structuring comes at a cost because a number of requests need to be made to the server. Hi James, If you want to separate your CSS files, I would suggest combining them on the server and sending a single CSS to the browser. There are many sites that describe how to do that on the web. I would suggest you take a look at my free download as well: http://coolphptools.com/dynamic_css Specifically the @include command in the documentation. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Margin or Float error?
Hi James, You may want to try this instead: /* Globals */ html * {margin: 0; padding: 0;} body { /* 62.5% works out to about 10px, which is good for sizing things up. 16px/100 x 62.5 = 10 */ font: normal normal 62.5%/1.5 Arial, sans-serif; width: 80em; margin: 0 auto; } ul {list-style: none;} /** Layout and Sizing **/ #main-navigation { height: 1%; margin: 4em 0; } #main-navigation li { position: relative; float: left; width: 13.3em; height: 2em; } #main-navigation li a { display: block; } #sub-navigation { position: absolute; top: 2em; left: 0; } #main-content { overflow: hidden; } #welcome { float: left; width: 40%; } #youtube-video-list { float: right; width: 60%; } ul#article-summary-list { clear: both; float: left; width: 100%; margin-top: 20px; } .article-summary { } /* When the menu isn't in use hide the sub menu's */ .sub-navigation { display: none; } /* When the user hovers over a superlink, display the list of sublinks. Note: Needs to be tested in older browsers. Not sure off hand if :hover works on list elements in IE5.5 and IE6. */ #main-navigation li:hover ul { display: block; } /** Style, color and text **/ #main-navigation li { text-align: center; } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] JS Image Slider
Hi James, I think Joe's suggestion is what you are looking for. To be a little more explicit, use a nested where the outermost is just wide enough to hold 3 images. This will be your viewport. The inner will hold all of the images: .viewport { width: 300px; /* wide enough to handle 3 images */ overflow: auto; border: solid #000 1px; } .images { white-space: nowrap; } .prev { display: none; } .next { display: none; } ... Then you could use a javascript window.onLoad function to set .viewport's overflow to hidden and enable the prev and/or next functionality as appropriate. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] linking multiple CSS files
Hi, I've coded a dynamic CSS filter that may be of interest to some of you. It allows for conditional logic, variable substitution, CSS compression, end-of-line comments, setting expires header, and server-side includes. You can download it at: http://www.coolphptools.com/dynamic_css (I just created this web site so it is still very sparse). There is a PDF document included with basic syntax and examples. There are scripts to handle the expires header for javascript and images as well. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] why
> Is this wrapper floating over the mast div in ie7 only? ahhh. Hi Kevin, I think your problem was caused by div#mast, which is contained in div#header, had a width of 955px and was float. div#header had a width of 900px. This caused the unexpected behavior in IE. Maybe someone has a more technical explanation of this issue. Try this change in boxes.css: #header { BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; WIDTH: 955px; BORDER-BOTTOM: white 0px solid; /* HEIGHT: 21px */ } #mast { BORDER-RIGHT: pink 1px solid; BACKGROUND-POSITION: left 50%; BORDER-TOP: pink 1px solid; /* FLOAT: left; */ BACKGROUND-IMAGE: url(../images/mast.jpg); BORDER-LEFT: pink 1px solid; /* WIDTH: 955px; */ BORDER-BOTTOM: pink 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 155px } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG]
> Anyone know about a tool that automate the process of testing > accessibility? any new good tool? One I like is: http://www.sidar.org/hera/index.php.en It is interactive and shows the area in question on your page. It has been around for a while though. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] :: Footer not resting at bottom of page ::
> I have problem with the footer of my website: www.awayback.com it is not staying at bottom of the page. Things are fine in case of low > resolution i.e. 1024x768 but in high resolution screens (1200x1024) footer is hanging mid way and not at bottom of the page. Hi Amrider, I would suggest adding another around ... with a min-height of 100%: div#wrapper { min-height: 100%; } This should keep the footer at the bottom of the page on short pages. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Floating model: FF counterintuitive
Hi Jens, I believe float rule 5) from http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#float-position may be the reason "div two" aligns next to "div one". A way around this (besides the easy reordering of the divs) is to use position:absolute to "float" div two right: heading div one div two The problem with this approach is that "div two" can overlay "heading" if the screen is shrunk too small. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Character Encoding Mismatch
> Can someone tell me how to fix this W3C warning - I'm new to understanding this part. > <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.beverlywilson.com%2F> Change this tag in your section: To: Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 Thanks! *** 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] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Why is deprecated?
Thanks for the explanation John. I think the standards group still should have deprecated and though. Seems a pretty weak argument to say that and will be misused because and already are. Bold and italics can be controlled through CSS as well, leaving HTML as clean and semantic as possible. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
[WSG] Why is deprecated?
Hi, I am just curious if anyone can explain why the tag has been deprecated while and are still allowed. Thanks in advance. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] floats and ie7
> i thought i had fixed this problem. i guess i didn't. Hi Dwain, Try adding "float: left" to your nav definition: #nav { FLOAT: left; FONT-SIZE: 90%; MARGIN: 0px 0px 0px 8.5em; COLOR: #039; TEXT-ALIGN: left } Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] Print stylesheet and long urls
> I am putting together a print stylesheet for an online newsletter that > contains quite a number of urls, some of which are very long. Hi Sarah, You could translate your long URLs to shorter ones using some code on your server or TinyURL: http://tinyurl.com/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] a a:hover
* I don´t know why is it happening but the hover is ok, working with all the links but the "link" is working only in one link. Here´s the style Make sure you are also setting :visited as well: li.launch a:link{ color:#CDEB8B; } li.launch a:visited{ color:#CDEB8B; } li.launch a:hover{ color:#CDEB8B; text-decoration:underline; } If that doesnt work, make sure you have the class=launch on all list elements that you want the color applied to. Hope that helps. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] a a:hover
Hi, When appending the class name to the element as you did in: a.launch:hover the class *must* be in the element tag that you specified. You put the class="launch" in the element, not the element. To solve it, either change your CSS to: li.launch a:hover *or* change your HTML to: http://www.bittencourtlopes.com.br/"; class="launch" target="_blank" title="Launch">Launch Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 <http://www.neighborwebmaster.com> www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD
RE: [WSG] strange css behavior
It will be a universal issue of a link appearing as visited when it is also referenced in a link tag in the head section in IE 7. This is not really an RSS issue (as far as I know). Regards, Kepler -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael Horowitz Sent: Wednesday, December 19, 2007 12:06 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] strange css behavior So this will be a universal issue RSS in IE 7? Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Kepler Gelotte wrote: > Hi Michael, > > The problem appears to be that Internet Explorer gets confused by the link > being also referenced in the section with the tag. I think it > is assuming it has read the contents of the link (which it doesn't because I > traced HTTP requests). A simple test shows that this is the case. Copy the > HTML below into a file and clear your history in IE. When you first open the > page all links are blue. Refreshing the page turns the RSS links red. > > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > http://www.w3.org/1999/xhtml"; dir="ltr"> > > > > > test page > >href="http://theatomicconservative.typepad.com/my_weblog/atom.xml"; /> >href="http://theatomicconservative.typepad.com/my_weblog/index.rdf"; /> >href="http://theatomicconservative.typepad.com/my_weblog/rss.xml"; /> > > > > a:link > { > color: #00F; > } > > a:visited > { > color: #F00; > } > > a:hover > { > color: #FF0; > } > > a:active > { > color: #0FF; > } > > > > > > Regular Link: href="http://www.google.com";>Google > RSS Link: href="http://theatomicconservative.typepad.com/my_weblog/index.rdf";>Atomic > Feed > XML RSS Link: href="http://theatomicconservative.typepad.com/my_weblog/atom.xml";>Atomic > XML Feed > > > > > > > If you comment out the for the feeds, they no longer show as visited > when you refresh the page. I suggest using an icon for the RSS feed instead > of the test link. > > Regards, > Kepler > > -Original Message- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On > Behalf Of Michael Horowitz > Sent: Tuesday, December 18, 2007 6:32 PM > To: wsg@webstandardsgroup.org > Subject: [WSG] strange css behavior > > People may remember I'm working on an issue where when I click on one > link on my site http://theatomicconservative.typepad.com/ other links > such as Subscribe to this blogs feed turn red as if they were visited. > > Doing more testing I started changing the page without clicking on the > link (ie putting the address directly in the browser) and the problem > still occurs. I'm wondering if this gives anyone an idea what I should > look at. > > *** 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] strange css behavior
Hi Michael, The problem appears to be that Internet Explorer gets confused by the link being also referenced in the section with the tag. I think it is assuming it has read the contents of the link (which it doesn't because I traced HTTP requests). A simple test shows that this is the case. Copy the HTML below into a file and clear your history in IE. When you first open the page all links are blue. Refreshing the page turns the RSS links red. http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml"; dir="ltr"> test page http://theatomicconservative.typepad.com/my_weblog/atom.xml"; /> http://theatomicconservative.typepad.com/my_weblog/index.rdf"; /> http://theatomicconservative.typepad.com/my_weblog/rss.xml"; /> a:link { color: #00F; } a:visited { color: #F00; } a:hover { color: #FF0; } a:active { color: #0FF; } Regular Link: http://www.google.com";>Google RSS Link: http://theatomicconservative.typepad.com/my_weblog/index.rdf";>Atomic Feed XML RSS Link: http://theatomicconservative.typepad.com/my_weblog/atom.xml";>Atomic XML Feed If you comment out the for the feeds, they no longer show as visited when you refresh the page. I suggest using an icon for the RSS feed instead of the test link. Regards, Kepler -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael Horowitz Sent: Tuesday, December 18, 2007 6:32 PM To: wsg@webstandardsgroup.org Subject: [WSG] strange css behavior People may remember I'm working on an issue where when I click on one link on my site http://theatomicconservative.typepad.com/ other links such as Subscribe to this blogs feed turn red as if they were visited. Doing more testing I started changing the page without clicking on the link (ie putting the address directly in the browser) and the problem still occurs. I'm wondering if this gives anyone an idea what I should look at. -- Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 *** 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] Comment mark
Hi Angus, The comment you use depends on the context. If you are in a PHP interpreted section, use /* ... */ (for a block comment), // or # (for commenting out the rest of a line). The syntax you are using works in (X)HTML and as John points out your syntax is incorrect. You also cannot have two dashes contained in the (X)HTML comment block. A correct example using both comment styles would be: http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> My title Your IP is: Hope that helps, Kepler -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Hayden's Harness Attachment Sent: Monday, December 10, 2007 12:41 AM To: WSG List Subject: [WSG] Comment mark I would like to appologize if I am off topic. I am not sure who to ask. I am using
RE: [WSG] Appropriate use of the ABBR tag and Roman Numerals
That's interesting. I had thought of the lang attribute as well but didn't think that Roman Numerals were attached to any language in particular (as Lars points out). I think maybe the HTML specification needs something like a num attribute that allows you to specify the numeric system (e.g. 10011). Maybe this is too much classification being added to HTML though. Regards, Kepler -Original Message- From: Keryx Web [mailto:[EMAIL PROTECTED] Sent: Saturday, December 01, 2007 2:27 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Appropriate use of the ABBR tag and Roman Numerals Geoff Pack skrev: > > Since they're Roman numerals, shouldn't there be a lang="la" in there > somewhere? > Roman numerals may be used in more languages than latin. They are simply put just another way to write a number. Lars Gunther Who BTW has read Latin... *** 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] Appropriate use of the ABBR tag and Roman Numerals
Hi Tate, I came across this article: http://www.alistapart.com/articles/hattrick Which recommends using the tag: Roman numerals Another good application for this trick is the Roman numeral. We want to make sure our Roman numerals are accessible to users who are unfamiliar or have difficulty with them, but also make sure JAWS speaks them naturally. King Henry VIII had many wives. ... Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] display issue in IE7
Hi Taco, Try getting rid of the "HEIGHT: 3em" from: FORM#search-main LI { CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; HEIGHT: 3em } In power.css Regards, Kepler -Original Message- From: Taco Fleur [mailto:[EMAIL PROTECTED] Sent: Thursday, November 29, 2007 2:21 AM To: wsg@webstandardsgroup.org Subject: [WSG] display issue in IE7 Hello all, Would anyone have any idea what causes the display issue with the line that start with "with..." right underneath PayPal? http://www.clickfind.com.au/power-search.cfm The page validates by the way. Thanks in advance. *** 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] Input tag - closing tag optional?
> Also, if I understand correctly, this will break in IE? Actually the original question was whether the element (which is defined as EMPTY in the DTD) requires a closing tag. It was not whether an empty element like a with no content could be written as a simple tag. According to the XML spec. it is valid XML to do so, however it recommends that only EMPTY elements be written using the simple tag syntax: http://www.w3.org/TR/2004/REC-xml-20040204/#dt-content "For interoperability, the empty-element tag SHOULD be used, and SHOULD only be used, for elements which are declared EMPTY" Using the start tag/end tag combination for tags defined as EMPTY works fine in most recent browsers: http://www.neighborwebmaster.com/tests/input.php Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Input tag - closing tag optional?
> I'm afraid browser don't agree with this, though. I'm not sure about > input but I'm > positive that is not the same as as far as browser > rendering goes. Hi Dusan, I was going by my knowledge of XML. According to the XHTML spec. both forms are equivalent: http://www.w3.org/TR/2002/REC-xhtml1-20020801/#h-4.6 As you pointed out though, not all browsers recognize strict XML: http://www.w3.org/TR/2002/REC-xhtml1-20020801/#guidelines Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Input tag - closing tag optional?
> there's no closing tag > is XHTML > is HTML Actually as far as XML (and consequently XHTML) is concerned: Is the same as: It's just that can't contain anything between the start and end tags. Both are valid though. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] cant stop IE 7 unnecessary vertical scrolling
Hi Samantha, I believe your issue is that you are using position: relative in combination with a negative top offset to align adjacent s. This leaves the original space where the div would have been. The extra space is shifted below the footer because you have height set on the html and body elements in your CSS. I would suggest: 1) remove all percentage heights from your CSS 2) use position: absolute to vertically align adjacent divs as this will take it out of the flow of the document and not leave extra space Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] javascript help
> Hi there, > I have some questions for an assignment that I can't figure out. If anyone could be of assistance that would be much appreciated. How many credits do we get for the correct answers? ;-) *** 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] Encoded mailto links
Thanks for that Nick, I changed the example domain. If you do want to test it though you would need to copy the code, change it to you own domain and email addresses, and put it on your own server. Best Regards, Kepler -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nick Fitzsimons Sent: Friday, October 19, 2007 9:06 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Encoded mailto links On 19 Oct 2007, at 04:59, Kepler Gelotte wrote: > I created a test page that demonstrates the technique. I tested it > with my > email but changed it to a dummy domain so I won't get flooded with > emails. Kepler, "mydomain.com" isn't a dummy domain: <http://www.whois.net/whois_new.cgi?d=mydomain&tld=com> If you need to use a dummy domain name, "example.com" and others have been reserved for exactly that purpose: "To reduce the likelihood of conflict and confusion, a few top level domain names are reserved for use in private testing, as examples in documentation, and the like. In addition, a few second level domain names reserved for use as examples are documented." <http://www.ietf.org/rfc/rfc2606.txt> Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** 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] Encoded mailto links
> I just got curious and went on to test that .htaccess trick in the real > world. I'd say that I'm less than happy with the results. I tried some tests with similar behavior. I think I found a technique that gets around the problem. By initiating the mailto: redirect from an object embedded on your page, you get around the problem of the browser waiting for HTML to display. This method doesn't work on all browsers (safari on windows for example) so a submission form is also required. I created a test page that demonstrates the technique. I tested it with my email but changed it to a dummy domain so I won't get flooded with emails. The link is: http://www.neighborwebmaster.com/tests/safe_email.php Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] IE 7 check please
Hi Tee, For http://spanish-portuguese.berkeley.edu/ - I'm not seeing a horizontal scrollbar in IE7 until you resize below around 770px (after the 3rd column drops below the 2nd). I suspect this is the behavior you wanted since FireFox behaves the same way. One thing I did note was the search heading remained at the right and didn't drop below the second column like the rest of the 3rd column. I suspect it is because it is contained in the second column's div: SEARCH THIS WEBSITE For http://www.thinkvitamin.com/ - This site has a scrollbar in IE7 around 884px. It appears that this is caused by the footer. In FireFox it just ignores that the right portion of the footer is being chopped off and doesn't give you a scrollbar but as soon as the footer content doesn't fit in IE7 the scroll bar appears. Regards, Kepler -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tee G. Peng Sent: Saturday, October 13, 2007 1:48 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE 7 check please On Oct 12, 2007, at 10:33 PM, Tee G. Peng wrote: > Can you please tell me if you see a horizontal scroll-bar in these > two sites in IE 7 (not standalone), in 800px wide screen. > > http://spanish-portuguese.berkeley.edu/ I forgot to mention, in the above site, it actually is about 776px before you see a horizontal bar, but that doesn't eliminate my suspicion that IE 7 has issue with elastic layout, becaus at IE 6, the scollbar appears when the sreen is smaller that 769px. thanks! tee *** 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] document.getElementById slow?
> When in doubt, test! All else is futile speculation: > <http://www.nickfitz.co.uk/tests/javascript/get-id-v-dot.html> Hi Nick, Thanks for the script. I suspected your results may be a bit skewed because: 1) The DOM structure was very small 2) There are different implementations of the JavaScript engine. I added some depth to the DOM tree and tested in 3 different browses all on a Vista PC. It appears both FireFox and Safari use an optimized searching algorithm (most likely hash tables). Internet Explorer seems to use a brute force method: FF 2.0.0.7 Overhead: 71 getElementById: 186 form.elements: 294 Safari 3.0.3 Overhead: 7 getElementById: 26 form.elements: 66 IE 7.0.6 Overhead: 54 getElementById: 5533 form.elements: 235 You can try for yourself here: http://www.neighborwebmaster.com/tests/get-id-v-dot.html Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] document.getElementById slow?
> So which is faster? > > document.forms.myform.elements.field1 > > or > > document.getElementById(field1) Hi Simon, First of all thanks for breaking the Target thread ;-) I haven't looked at the code of the Rhino javascript engine, but what your friend says makes sense. The browser creates a tree structure out of your HTML (DOM) so a function like getElementById() would have to traverse the tree to find the element. Using the first form you are giving the javascript engine a direct path to the element. There are ways the writers of the javascript engine could have optimized getElementById() using hash tables, etc. In reality most DOM structures aren't huge so traversing a tree shouldn't take that long. Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: A: [WSG] Target Lawsuit - Please Make Yourself Heard
> Not every website or even company is run by a large corporation ... not > everyone has lots of cash to spend on lawyers... You can be sued for lot's of reasons. Laws are in place to protect people. You break them, you run the risk of getting sued. >From Title III of the Americans with Disabilities Act of 1990: Under Title III, no individual may be discriminated against on the basis of disability with regards to the full and equal enjoyment of the goods, services, facilities, or accommodations of any place of public accommodation by any person who owns, leases (or leases to), or operates a place of public accommodation. "Public accommodations" include most places of lodging (such as inns and hotels), recreation, transportation, education, and dining, along with stores, care providers, and places of public displays, among other things. I suggest if you don't like the law write your congressman. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] IE7 resolution dependency query
Hi, If you get rid of " HEIGHT: 116px" in your .header definition in narrow.css that should fix your problem. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] IE7 resolution dependency query
Hi Sarah, Line 35 in resolution.js doesn't look right to me. Seems to be missing "small" for the setStylesheet function: function checkBrowserWidth() 6{ 7 var theWidth = getBrowserWidth(); 8 9 if (theWidth == 0) 10 { 11 var resolutionCookie = document.cookie.match(/(^|;)tmib_res_layout[^;]*(;|$)/); 12 13 if (resolutionCookie != null) 14 { 15 setStylesheet(unescape(resolutionCookie[0].split("=")[1])); 16 } 17 18 addLoadListener(checkBrowserWidth); 19 20 return false; 21 } 22 23 if (theWidth > 1000) 24 { 25 setStylesheet("wide"); 26 document.cookie = "tmib_res_layout=" + escape("wide"); 27 } 28 else if (theWidth > 690) 29 { 30 setStylesheet("medium"); 31 document.cookie = "tmib_res_layout=" + escape("medium"); 32 } 33 else 34 { 35 setStylesheet(""); 36 document.cookie = "tmib_res_layout="; 37 } 38 39 return true; 40}; 41 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: Betr.: Re: [WSG] IE bug?
Hi, I noticed your images are pretty large. Are you on a slow bandwidth connection like dial up? I know IE gives up if something doesn't download within a specific time period (I believe it is 60 seconds by default - could be wrong about the default). You could try bringing your images into PhotoShop or similar package and "save for web". I took one image and reduced it to less 1/10th it's original size with no loss in quality. Best Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] lack of 'lang' attribute fails WAI
> Wow!! Powered by Zencart! I know it's not ready for production > environment, but did you check the Magento? Yes, I did look at Magneto briefly. I like their checkout screen much better than ZenCart's checkout process, but when I saw it was still Beta I decided I needed something more stable. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] lack of 'lang' attribute fails WAI
> Some pages contain two languages and that was the reason I thought > 'lang=en' isn't quite appropriate. ... > Up till this point, the whole purpose of lang > attribute is at fault. Will WCAG2 amend this or perhaps introduce a > new attribute for bilingual site? Hi Tee, Personally I think it is an accessibility issue to mix two languages on the same page. I am just curious why you did that. If it is a requirement, you can identify a particular block as being in a different language by using the lang attribute on that one block. Then use the lang attribute on the html tag to identify the main language of the page ( http://www.w3.org/TR/WCAG10-HTML-TECHS/#changes-in-lang ) . I currently am working on a multilingual site myself. It is not live but you can see it at ( http://lafermerie.neighborwebmaster.com ). The links on the lower right allow you to switch between languages. I am using UTF-8 and setting the lang attribute based on the currently selected language. Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Firefox bug on CSS white-space property
> And if the link text were to long for the space allowed by the table > (e.g. a very very long word), the table should expand, unless the > table has 'table-layout: fixed' specified. The table should expand even though he specified width="175"? I learn something new every day. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Firefox bug on CSS white-space property
Hi, I dont think it is a bug. First of all you are not overriding the white-space property buy assigning it to child elements or parent elements. You just create a conflict. Then precedence takes affect. According to the CSS2 spec: 'white-space' Value: normal | pre | nowrap | inherit Initial: normal Applies to: block-level elements Inherited: yes Percentages: N/A Media: visual Since you applied the white-space: normal to a element which is not a block-level element it is ignored. By changing the to a *or* adding display:block to the spans style, you will get the effect you were expecting. Regards, Kepler From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Julián Landerreche Sent: Tuesday, August 28, 2007 9:10 PM To: [EMAIL PROTECTED]; wsg@webstandardsgroup.org Subject: [WSG] Firefox bug on CSS white-space property Hi all. First: sorry, I'm double posting this on two lists so anyone can confirm this (before reporting to Mozilla). The issue is simple (you will "see it better" by just creating a testing html with the snippet below): - there is a "white-space:nowrap" property (in the stylesheet) applied to the element . - then, that rule is override with some inline styling applied ("white-space:normal") on two elements: one that wraps the elements and one that is wrapped by the element (that also contains the text). - the text inside the elements is a very very very long link. - and the link is inside a table with a fixed with. - every tested browser (but FF) honors both the width of the table and the "white-space:normal" applied to both the parent and children of the elements. - but Firefox just expands the table width and doesn't break the link in multiple lines as expected. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi Joyce, Try defaulting all the element margin and padding settings to zero. You can do this by adding the following to your CSS file: * { MARGIN: 0; PADDING: 0; } This should take care of the Mozilla problem. Also, I noticed you have white text over a grey background image for your navigation menu. For people who have their images turned off, this will end up as white text on a white background. Try setting the BACKGROUND-COLOR: #999; in #nav to fix this. Regards, Kepler Gelotte _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Joyce Evans Sent: Friday, August 10, 2007 1:22 PM To: wsg@webstandardsgroup.org Subject: [WSG] CSS Problem in Mozilla and IE6 Here is the link to a website, and I've only gotten this far: http://www.nichemktghouston.com/mneiman/physician.html So far, It looks proper in IE7, but in Mozilla, the horizontal navigation links do not center but rather move to the right so that I don't see the full "Contact" link. In IE 6, the pageHeader div is not stacked directly above the nav div. There is some additional white space (from the background color). Could anyone please help. I seem to do fine with CSS when the navigation is vertical in a column, but I always run into problems when the navigation is horizontal. Thank you, Joyce *** 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] CSS/IE Link Color Problem - SOLVED
> now I replace the link with the navigation text wrapped in a span > (programatically) and style the span to match my active/hover needs. > e.g. > ul#navTopSimpleUL li a:focus, > ul#navTopSimpleUL li a:hover, > ul#navTopSimpleUL li.active span > { > color: #CC0033; > cursor: default; > text-decoration: none; > } - Hi, Sorry I didn't look at your issue close enough the first time. An alternative to Tony's solution that I use is to add an id to the body tag and ids to each of the list items. So you can style: ul#navTopSimpleUL li a:focus, ul#navTopSimpleUL li a:hover, body#section1 ul#navTopSimpleUL li#nav-section1 { color: #CC0033; cursor: default; text-decoration: none; } With the HTML snippet: ... Section 1 Section 2 Section 3 ... The menu HTML stays the same page to page but the body id changes. I don't know which solution is programmatically easier for you. Good luck, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Please help! CSS/IE Link Color Problem
When the chosen page loads, the chosen link turns deep red. The declaration for this is as follows: /*ACTIVE LINKS ONLY*/ ul#navTopSimpleUL li a.active { color: #CC0033; cursor: default; text-decoration: none; } Hi Cole,, You may want to also set focus on the element and declare a "ul#navTopSimpleUL li a.focus" definition mimicking the active definition. I believe I read somewhere that IE6 treats active and focus states the same, or confuses them. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***<>
RE: [WSG] Footer taking width from form
> Good morning > > http://www.colouru.com.au/contactus.html > > On this particular page in IE only, the #footer seems to be taking its > width from the form. I have cleared everything I can think of but > cannot find the problem. Hi Lyn You have a typo in your clearfooter div: See if fixing that helps. -- Hi, Another thing I find odd is that you are using an empty tag for your form instead of wrapping the form fields with a start and end tag. Instead of: Maybe try: ... Please note I left the DOCTYPE and other W3C standard structural elements out of my description for brevity. Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Auto scaling within a table's background image
> No. Positioned element, not block element. Ah, thanks for clarifying. Type attribute? > this was just a stripped down example to show the concept. 50 what? > It's what he was asking for help on. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Auto scaling within a table's background image
>Could you show me how to correctly position the image & overlay in > the content-reserved portion in my example. Hi Matt, I'm not sure what you are asking me. One thing to remember is that absolute positioning is from the next higher block element. If you want to absolutely position within a portion of a table, try surrounding the table with a and position within that container: img.stretch { width: 250px; /* 300 - 50 */ height: 250px; /* 300 - 50 */ z-index: -1; position: absolute; top: 50; left: 50; } div.overlay { width: 100%; height: 100%; z-index: 1; } div.container { width: 300px; height: 300px; z-index: 1; position: absolute; border: solid red 1px; top: 150; left: 150; } Here is some text *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Auto scaling within a table's background image
> My dilemna was and still is to autofit an image of any size (entire image should be viewable) within the table's background image property using the style attribute. This "table" is currently no more than roughly 100 pixels on either side. Hi Matt, Here is a sample mockup I created using an overlay technique. Substitute the table for the div in your case. A better approach may be to resize the image on the server when the user uploads it using the GD2 library. I used the image resizing and cropping facilities for my home grown CMS. img.stretch { width: 500px; height: 300px; z-index: -1; position: absolute; top: 50; left: 50; } div.overlay { width: 500px; height: 300px; z-index: 1; position: absolute; top: 50; left: 50; } Here is some text Best of luck, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Floats Drifting
CK, I also see that you have fixed width header definitions within your percentage width floated divs. I think earlier versions of IE would widen the container to accommodate the inner widths, so your 40% width container would widen to 500px even if 500px was 90% of your browser screen. div#bd_secondary { background-color:#CC; float:right; width:40%; } div.innercontainers h3 { background-color:#FF; color:#66; padding:4px 0pt; text-align:left; width:500px; /* try 100% instead */ } About *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Floats Drifting
Would someone assist in containing the floats? Hi, Seems to be a number of issues with your layout. The 2 main ones would be the footer should use "clear: both" instead of absolute positioning: div#bd_footer { background-color:#FF; padding:10px; clear:both; width:75%; } The floated divs should not used fixed padding and percentage widths as you run the risk of wrapping (also you only specified 3 values in padding.): div#bd_primary { background-color:#FF; float:left; padding:2% 2% 5% 2%; width:50%; } IE interprets min-height/min-width differently than you may expect. I see some hacks in your CSS so maybe you were trying to address that already. I think there are other issues maybe someone else will spot. Regards *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] margin problem in Firefox
Hi Tee, The indentation appears to be coming from #comments li { margin-left:96px; } Not #comments li.msg_left as you assumed. Adding a margin-left: 5px; to your #comments li.poster and #comments li.myresponse definitions will fix the problem: #comments li.poster { background:#2E2F30 url(images/curve-top.jpg) no-repeat scroll right top; padding:5px 0pt 5px 25px; width:auto; margin-left:5px; } #comments li.myresponse { background:#CC8C0B url(images/myresponse_ctop.jpg) no-repeat scroll right top; padding:5px 5px 5px 18px; width:auto; margin-left:5px; } Regards, Kepler Gelotte -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tee G. Peng Sent: Thursday, July 19, 2007 2:04 PM To: wsg@webstandardsgroup.org Subject: [WSG] margin problem in Firefox Hi, I don't seem able to solve this very simple position problem for the comment area. First I wasn't sure whether I should use OL or UL or P or DT for the comment (my first question), after looking at some blogs I decided to go with OL (with a question mark hanging in my head), everything seemed working as expected until I started adding pretty background colors/images and Firefox doesn't obey my rule. Been spending last 4 hours trying to figure what I did wrong with Firefox but I am unable to see the error. Pleaseee lend me your crystal clear eyes. There shouldn't be a gap for the mustard background (#1, #2...) and the 'john doe on july 15, 11:34am' gray background http://zhujili.com/index-new.html codes in question: #comments li {margin-left:96px; /* because the gray background image is 96px wide} #comments li.msg_left {font-size:1em; background:#cc8c0b; padding:5px; float:left; width:30px; margin-left:51px; /* this one is causing the problem in Firefox but I need this declared because I wanted the the box stay 51px away from the left */ color:#ddd;font-weight:bold;} It appears that in Firefox, the li.poster inherits the "margin-left: 51px" from the li.msg_left which I can't make sense of it. #comments li.poster {width:auto;padding:5px 0 5px 15px;background:#2E2F30 url(images/curve-top.jpg) no-repeat right top;} thanks! tee *** 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] H1 font not set in IE
I'm om FF 2.0.0.4 as well - can you confirm that tou see the ampersand character styled in 'Gates & Railings' the same way on both the heading and the menus ? I see different - with the menu being more stylised. Hi Nick, I think the issue may be that the tag is defaulting to different font weights on different browsers. I added the FONT-WEIGHT: normal; below to the H1 CSS definition and it appears now in Garamond (at least on IE7 on my computer). I suspect I don't have the Garamond bold font set loaded on my computer. As other people have mentioned, a comma separated list of fallback fonts would be a good idea. H1 { FONT-WEIGHT: normal; FONT-SIZE: 2.5em; COLOR: #051779; FONT-STYLE: italic; FONT-FAMILY: Garamond; } Regards, Kepler Gelotte http://www.neighborwebmaster.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Re: Microformats was [ Is this a good use of dl ]
> Perhaps I'm being dumb here, but I've looked at Microformats (briefly) > and I can't see the advantage over what any decent webby would knock up > on his own. The hcard example makes every line a div and just seems, > frankly, daft. > So what's it all about? What microformats do is create a common syntax for representing information. This allows software which reads your HTML (Google spiders, Firefox plugins, etc.) to know for certain what is the contact information on the page. If every designer created their own syntax, you couldn't build a Firefox plugin to make a clickable "add to contacts" type of plugin for example. Microformats are a step in the direction of the semantic web. Regards, Kepler Gelotte *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Font-size 62.5% problem
> I seem to be having trouble assigning the font-size:62.5%; property to > the body of my document. Basically, it doesn't seem to be working and > I can't figure out why. The font stays slightly larger than 11px, when > I set it to 1.1em. this has worked fine on other sites, so not sure > why it isn't working here. Any ideas? I took your CSS and added it to a
RE: [WSG] Navigation link not working in some browsers
> There is a very strange instance of a navigation link not working on one particular page - the products.html page link back to HOME. All other > pages seem to be OK. Your is being overlaid by your . I don't think z-index will help in this case, but you still may want to try it. You may want to try putting the nav in the container div and let the other divs flow naturally instead of forcing top:0; Regatds, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Content not appearing in IE
> Peekaboo bug? Since it is not showing up in IE7 either I'm not sure it is the Peekaboo bug. I have seen this behavior before when mixing floated divs with positioned divs and then clearing the floats underneath. You could try switching to a floated content_info section like: DIV#content_info { FLOAT: left; WIDTH: 55%; MARGIN-LEFT: 18%; } Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Problem getting IE to behave
Hi, The problem is in the javascript function TJK_tipMenu() in external.js. Add the following line: z_IMG.style.top="0"; after the line: z_IMG.style.left="0"; Regards, Kepler Gelotte -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Thierry Koblentz Sent: Friday, June 15, 2007 11:47 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Problem getting IE to behave > On Behalf Of Kim Kruse > On this page http://www.geekministry.com/index1.php I've a problem > getting the navbar to sit where I want it. If you look in FF/Opera > you'll see how it should look. I just can't figure out what is causing > the drop in IE and would really appreciate if someone could point me in > the right direction. Hi Kim, In IE, the As cut-off the bottom of the images. You could go with "overflow:visible", but I think giving them a specific height will work better for you, so try "height:39px" Make sure to set enough specificity --- Regards, Thierry | www.TJKDesign.com *** 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] Tiling image problem
Hi Cole, I think the problem is the repeat-y will fill the image vertically over the entire contents no matter where you position it initially. You may try a vertical 1px by 1000px (or taller than your page will ever be) image. And use the following: background: url(/resources/5661/assets/images_medical/wrapper_vertical_tile.jpg) repeat-x 0 300px; Regards, Kepler Gelotte _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin Sent: Monday, May 21, 2007 1:18 AM To: wsg@webstandardsgroup.org Subject: [WSG] Tiling image problem Hello All - I'm setting a 1px by 770px image to repeat vertically within a wrapper div. Difference is that I need this repeat to START 300px from the top of the wrapper. So far, no luck. Here's the code: #wrapper { position: relative; width: 770px; margin: 0 auto; text-align: left; background: url(/resources/5661/assets/images_medical/wrapper_tile.jpg) repeat-y 0 300px; } Reason I'm starting off at 300px from the top is because I need the top of the wrapper to be transparent so the tiling body background can be seen above and below the header, but the area behind the nav and content areas NEED to be white. So, is it possible to start a tile a certain distance from the top of a containing div? If so, can someone tell me what I'm doing wrong? If you'd like to see this live, look here: http://teratest.terapad.com Thanks to all in advance! Cole *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***<>