[WSG] [Off-topic] AngularJS
Has anyone done much with AngularJS[1]? I'm currently evaluating it as a potential successor to a huge bespoke framework I wrote. The syntax feels a little convoluted at times, but my god does it absolutely blaze through DOM updates! [1]: http://www.angularjs.org/ -- *James Ducker* james.duc...@gmail.com +61 404 838 470 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] how to force a cache bypass?
Append some junk querystring to the end of the URL, like example.com/index.html?20120803132400. Every time it changes, stuff will be refreshed. Wouldn't really recommend doing it for regular pages because it makes the URLs look messy, but if you're trying to refresh scripts or images, go nuts. James On 21 July 2012 03:22, Rob Crowther robe...@boogdesign.com wrote: On 20/07/2012 17:47, coder wrote: How can I make a web page appear as the latest version in all browsers, i.e., perform a cache bypass? And I don't mean for me - I mean for all visitors to the page? Is it possible? ?? Once it's cached in the browser there's not much you can do about it, the browser will store the cache settings at the time when it cached the page and if those settings say don't check again for a month then, generally, it won't. If you want the page to never be cached then you need to set the expiry header. With Apache servers this is quite straightforward and can usually be done in the directory's .htaccess file: ExpiresByType text/html access plus 0 seconds This is example was take from HTML5 BoilerPlate: https://github.com/h5bp/html5-**boilerplate/blob/** 83f4f281866be1cf7f391738c53c44**8a5ac658e9/.htaccess#L233https://github.com/h5bp/html5-boilerplate/blob/83f4f281866be1cf7f391738c53c448a5ac658e9/.htaccess#L233 Rob *** List Guidelines: http://webstandardsgroup.org/**mail/guidelines.cfmhttp://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/**join/unsubscribe.cfmhttp://webstandardsgroup.org/join/unsubscribe.cfm Help: memberhelp@webstandardsgroup.**orgmemberh...@webstandardsgroup.org *** -- *James Ducker* james.duc...@gmail.com +61 404 838 470 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] how to force a cache bypass?
Second that. If you can version the filenames that's definitely the most sure-fire way to make sure users don't cache old copies. James On 3 August 2012 14:39, Emmanuel Negri nna...@gmail.com wrote: Sometimes a random query string does not work. Changing the filename itself works 100% of the time. Eg. style-scm-revision-number.css Manu On 03/08/2012, at 1:25 PM, James Ducker james.duc...@gmail.com wrote: Append some junk querystring to the end of the URL, like example.com/index.html?20120803132400. Every time it changes, stuff will be refreshed. Wouldn't really recommend doing it for regular pages because it makes the URLs look messy, but if you're trying to refresh scripts or images, go nuts. James On 21 July 2012 03:22, Rob Crowther robe...@boogdesign.com wrote: On 20/07/2012 17:47, coder wrote: How can I make a web page appear as the latest version in all browsers, i.e., perform a cache bypass? And I don't mean for me - I mean for all visitors to the page? Is it possible? ?? Once it's cached in the browser there's not much you can do about it, the browser will store the cache settings at the time when it cached the page and if those settings say don't check again for a month then, generally, it won't. If you want the page to never be cached then you need to set the expiry header. With Apache servers this is quite straightforward and can usually be done in the directory's .htaccess file: ExpiresByType text/html access plus 0 seconds This is example was take from HTML5 BoilerPlate: https://github.com/h5bp/html5-**boilerplate/blob/** 83f4f281866be1cf7f391738c53c44**8a5ac658e9/.htaccess#L233https://github.com/h5bp/html5-boilerplate/blob/83f4f281866be1cf7f391738c53c448a5ac658e9/.htaccess#L233 Rob *** List Guidelines: http://webstandardsgroup.org/**mail/guidelines.cfmhttp://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/**join/unsubscribe.cfmhttp://webstandardsgroup.org/join/unsubscribe.cfm Help: memberhelp@webstandardsgroup.**orgmemberh...@webstandardsgroup.org *** -- *James Ducker* james.duc...@gmail.com +61 404 838 470 *** 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 *** -- *James Ducker* james.duc...@gmail.com +61 404 838 470 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] HTML5 input type=date / and you
Hi all,
I just got a little burned by Chrome's new date popup for HTML date-type
inputs!
*Why?*
- Because when I wrote the original code, I hadn't read up on the new
properties being added to HTML5 input types
- Because I was using a js-based datepicker plugin to implement the same
functionality and wasn't feature-detecting native date handling (except for
mobile devices)
- Because my JS expects a particular date format, and could only handle
Australian dd/mm/ or ISO8601-compliant date strings. This wasn't an
issue before, because my JS datepicker controlled the format.
*How do I avoid making the same mistake?*
HTML5 implements a new property for input types that deal with date or time
values:
element.valueAsDate
This property is designed to solve your locale woes, and it is also an easy
way to feature-detect a browser's native support for the date input type. I
haven't gone through all current browsers yet, so if you do use this
method, make sure to check that none of your browsers support the property
without implementing a date picker.
.valueAsDate, as you might have guessed, returns the input's value as
a Dateobject. Here's a super-simple feature detect:
if ( !myElement.valueAsDate ) {
// Implement my JavaScript datepicker
}
*The result*
Better usability! (and more robust date handling).
*For your convenience*
I have created a jsFiddle you can run on any browser to test the feature
detection: http://jsfiddle.net/h9jYB/5/
- Opera 12: *Pass *(valueAsDate handling, datepicker present)
- Chrome 20: *Pass *(valueAsDate handling, datepicker present)
- Firefox 12: *Pass *(no valueAsDate handling, no datepicker)
- IE8, IE9: *Pass *(no valueAsDate handling, no datepicker)
- James
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] HTML5 input type=date / and you
The only issue I've found so far is that Safari's implementation of the
date type sucks. It gives you little up/down chevrons which add or subtract
one day at a time. So my working code also treats Safari as
datepicker-not-implemented.
For me, as I make use of the valueAsDate property when it's available, it
made more sense to check its existence directly.
Also, Chrome's date picker is pretty annoying when you're trying to enter
DOBs. As far as I can see there's no quick way to jump forward/backward by
decades at a time.
On 2 July 2012 11:11, Patrick H. Lauke re...@splintered.co.uk wrote:
On 02/07/2012 01:55, James Ducker wrote:
element.valueAsDate
This property is designed to solve your locale woes, and it is also an
easy way to feature-detect a browser's native support for the date input
type. I haven't gone through all current browsers yet, so if you do use
this method, make sure to check that none of your browsers support the
property without implementing a date picker.
.valueAsDate, as you might have guessed, returns the input's value as a
Date object. Here's a super-simple feature detect:
if ( !myElement.valueAsDate ) {
// Implement my JavaScript datepicker
}
You can also simply test if the type of your input is reported as
date. Older browsers that don't implement the new HTML5 types simply fall
back to changing them - in the DOM itself - to type=text
if (!myElement.type === text) {
// fallback
}
--
Patrick H. Lauke
__**__**__
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com |
http://flickr.com/photos/**redux/http://flickr.com/photos/redux/
__**__**__
twitter: @patrick_h_lauke | skype: patrick_h_lauke
__**__**__
***
List Guidelines:
http://webstandardsgroup.org/**mail/guidelines.cfmhttp://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe:
http://webstandardsgroup.org/**join/unsubscribe.cfmhttp://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberhelp@webstandardsgroup.**orgmemberh...@webstandardsgroup.org
***
--
*James Ducker*
james.duc...@gmail.com
+61 404 838 470
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Re: WSG Digest (On leave - 12 months)
12 months of leave! I need to switch to the public sector... 2011/2/21 Sam Lawry s...@vla.vic.gov.au Thank you for your email. I am on leave from Victoria Legal Aid until March 2012. If you need help, please try: *Online Services (for publishing content or other online queries) – onlineservi...@vla.vic.gov.au *Community Legal Education (for publications, legal information and CLE sessions and projects) – c...@vla.vic.gov.au or call 03 9269 0223. Regards, Sam This e-mail and any attachments are confidential, and may contain legally privileged information. They are intended solely for the use of the individual or entity to whom it is addressed and must not be copied, forwarded or disclosed to anyone without the sender's consent. If you are not the intended recipient, any use, dissemination, forwarding, printing, or copying of this e-mail and any attachments is strictly prohibited. If you have received this e-mail in error, please advise via reply e-mail to the sender. Please destroy the original transmission and its contents. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] disallow IE6 to load the main style sheet
Imho, we should take care of any layout issue, but not try to get fancy effects via extra markup, images, filters, and other hacks. In short, IE6 should get layout fixes and miss on properties like border-radius, opacity, etc. So no need for a specific styles sheet imo. The reason for this is twofold though: firstly, you want to coax people off of IE6. Secondly, you want to keep their user experience sane. IE6's rendering engine was not designed with many of today's more modern layouts and techniques in mind, and the average IE6 user will have an average XP box that will chug like hell on large or JS-or-DOM-complicated pages. - James -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Where are we with Frames?
How do people here feel about frames? Sometimes (not often) you might need an iframe, hidden or otherwise, to get around certain technical limitations, but there's no good reason to use framesets for layout, in my opinion. - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 Finally Nearing Extinction [STATS]
Here are some stats I collected from a collection of large, high-traffic Australian sports/news websites I am involved with: IE8: 45% IE7: 30% IE6: 10% Firefox 3.x: 9% Everything else: 6% This is off the top of my head, but IE6 definitely accounts for 10-11% (and is higher than FF3). These stats are likely to be skewed toward people who browse the Internet from work, hence the low Firefox usage. -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[Spam] :Re: [WSG] Converting CSS / Design into Pre-Set HTML widget code
What's a widget in this context?
2009/10/12 Kristine Cummins des...@kristinecummins.com
I am unsuccessfully able to convert my CSS/design into *pre-set HTML
widget code* (see widget code below).
Current List design (see Events on right):
http://www.elizabethspencerwines.com/development/v9/index.shtml
div id=sidebar
ul
li id=events-calendar class=widget EC_Widget_display
h2 class=widgettitleEvents Calendar/h2
ul
li id=no-events-in-liststrongtext goes here/strong/li
/ul
/li
/ul
/div!-- end sidebar --
=
My original CSS to make my un-widgetized design work:
.iconlist {
background-color: inherit;
color: #000;
font: normal .7em/1.2em Trebuchet MS, verdana, helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 0;
}
li.bullet {
background: url(images/bullet.gif) no-repeat 0 8%;
padding: 3px 0 3px 20px;
margin: .7em 0;
}
.smtxt {
background-color: transparent;
color: #999;
font: 11px/13px Arial, Verdana, sans-serif;
text-align: center;
}
A MILLION THANKS!
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
--
James Ducker
Web Developer
http://www.studioj.net.au
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Is page-break-before broken in Webkit?
Hi there, As a test, try using that style on an element that isn't floated or inside a floated element. - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[Spam] :Re: [WSG] IE6 display issue
Hi,
Generated source:
DIV id=header style=FILTER:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='
http://www.westernwebdesign.com.au/keynorthcontractors/images/logo.png',sizingMethod='crop');
BACKGROUND-IMAGE: none; POSITION: static; *HEIGHT: 816px*
It looks like a JS bug. There's two easy things you could try.
1. Just put overflow: hidden; on the #pics div.
2. Add a line to your script:
$('#header').height(200);
Try it before your $('#pics').cycle() statement, and if that fails, try it
after.
At a guess, jQuery for whatever reason isn't aware that the height of the
element has changed (during DOM loading it would be 816px high). I only
briefly looked at jQuery's source, but it looks as if it sets a height on
any element that a DX filter gets applied to (in order to trigger hasLayout,
I presume). Setting the height from jQuery should solve the problem, though
I still recommend sticking overflow:hidden on the #pics div.
Let me know how it goes.
- James
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] styling a select box
You could just use a regular select, and then use javascript to find it, strip it out, and replace it with your own uber-select. Here's something along those lines: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ - James 2009/10/8 Сергей Кириченко tt.s...@gmail.com abandon all hopes, brother )) 2009/10/8 Bas V basby...@hotmail.com Regularly I run into problems with styling the select box... I like to change the look of the select box button and put the button (and the option text) on the left-hand side and have it showing exactly the same in all modern browsers but I have not much luck with that... Applying more advanced css to the select box that works with all modern browsers in the same way appears to be impossible. Not much pretty styling can be done with the select box's button without the use of often long and complicated scripts or alternatively to replace the box with Flash.. Are there any examples of simple to apply css for customizing the select box button? Is it really that hard or am I overlooking something and am I maybe looking in the wrong places? I can use some help with this.. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- С уважением Кириченко Сергей верстальщик тел. +7 (904) 333-46-25 starhack.ru *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Local W3C CSS Validator for Windows
Yeah I have it running on Windows. The easiest way is to install a server that can autodeploy war files, like Tomcat. - James 2009/10/8 David Dorward da...@dorward.me.uk On 8 Oct 2009, at 12:48, Daniel Anderson wrote: Can anyone help me with a good W3C CSS Validator that will run on Windows? The W3C only provide one CSS validator. It is written in Java though, so it should run on Windows. http://jigsaw.w3.org/css-validator/DOWNLOAD.html -- David Dorward http://dorward.me.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] internet explorer 8 problems using a screen reader
Your table is missing its opening tag, table, which is *probably* causing your problems. There are also some other markup errors. Please, always validate[1] your web pages before posting questions. - James [1]: http://validator.w3.org/check?uri=http://startrekcafe.alacorncomputer.com/charset=(detect+automatically)doctype=Inlinegroup=0 -- James Ducker Web Developer http://studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] web hosting
A free host that supports multi-tiered .NET applications... Best of luck! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Website Development Training Programs In Wellington
compliant practices (in fact, having CSS on the syllabus at all seems fairly unusual). That said, look very carefully at the courses you're planning to do and possibly collar an existing student and see what they have to say. Just make sure you aren't going to be developing for IE6 only and ignoring real browsers. --James *** 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 *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] OT: Dominos Pizza - Looking for someone who's worked there
For any web service developers out there, here's a link to Dominos Australia's SOAP API: https://internetorder.dominos.com.au/InternetOrderingUIService/UIService.asmx I'm currently writing a command line port of the online ordering system (hobby project). It's almost done :) - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] returning to scroll position in a table inside a fixed hight div
exposing all the key functionality via basic semi-RESTful html Listen to this guy! - James -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] What to do with buttons when a user copies text from a page.
Hi list, Something I've been pondering - how best to handle buttons and other purely functional content residing within a block of selected text? Often a user will select a bunch of text and get something like: Some Headingminimiseclose Some text etc etc. I was thinking about adding JS mouse drag detection to hide minimise and close (let's say they're a elements) when the user is mouse-selecting text, but it would fail if a user used the text cursor to select. That aside, I'm iffy about the usability implications of this. Another idea I had would be to simply wrap the buttons in something that is meaningful to most text editors (like a p or suffixing them with a br /). I'm curious how others might approach this problem. The goal is elegant text selection. - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] What to do with buttons when a user copies text from a page.
For all you know, their purpose in copying text from the page is to illustrate in a document that aspect of the page layout that includes the controls. That's very true. A more elegant bulletproof solution might be to rethink the page layout and visually place the controls above or to the left of the heading to allow the natural text flow to exclude them from selection. If the controls look like they're in the middle of the copyable text, a user with browsing experience will naturally worry that the controls will get copied along with the text, diminishing very slightly their sense of trust in the intuitiveness of the design. Also very true - this is what I think I would prefer to do given the opportunity. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] valid meta tags
Rule: 13.2.2 - Documents are required to use META elements, that are defined as required, in Head section. Failure - Document does not contain a META element with the required name: language or language does not have a 'content' value. I always use lowercase for primary languages and uppercase for dialects. That appears to be the standard. At the same time, I don't think it would break validation, but it's worth testing. Example: Australian English is en-AU - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] SEO vs. Accessibility
I tend to use a class name like class=accessabilityonly for these fields, in the hopes of giving a reviewer at least a clue as to what I I'm the same, I use class=wai - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE7 CSS fix
Can you not use a conditional? It's far more reliable than CSS hacks, which may cause problems in future browsers. !--[if IE 7] link rel=stylesheet type=text/css href=iehax.css / ![endif]-- - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE8: Extensions to CSS
Why do Microsoft always feel the need to include their own properties. Back in the day Microsoft utterly dominated the browser market, and as a byproduct of this were the main force of innovation in browsers and the web experience in general. IE was often released with non-standard features that were later incorporated into new standards. They still do this today, but their market share has decreased somewhat. Very simple. - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Tiny Buggy IE thing
Kristine,
Try removing overflow: hidden; *(styles.css, circa line 523)*
(or change it to overflow: auto, but I really don't see the need for an
overflow - you already have overflow:hidden applied to uber-container. I
think a -5000 pixel margin on your wai text is enough to push it beyond
uber-container's boundary eh :-P )
*Explanation:*
I don't have any debugging tools handy, but I ran this through the address
bar:
javascript:for(i=0; i document.getElementsByTagName(a).length; i++)
{document.getElementsByTagName(a)[i].style.overflow = ; }; void(0);
...and it seemed to work fine.
Also, this mailing list isn't for debugging help, etc, etc.
Finally, @Krystian: http://www.getfirebug.com/ - will reveal all the info
you need fairly easily.
- James
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] macpro and softwares..
Is there any IE installers available for mac? No. The easiest solution is to install Windows XP onto a virtual machine (VMWare Fusion, Sun xVM VirtualBox, or Parallels). I've used VMWare Fusion, and it's quite nice, but Sun xVM VirtualBox is also very nice, and has the added bonus of being free. Helpful links: http://www.vmware.com/products/fusion/ http://www.sun.com/software/products/virtualbox/index.jsp http://www.parallels.com/ - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Chrome now higher traffic than IE
How big is the sample? On Tue, Mar 3, 2009 at 12:03 PM, Mike Kear w...@afpwebworks.com wrote: For the first time since I started building web sites, IE is not the most prominent server on my two highest traffic sites. Google Chrome now amounts to over half the traffic on these sites. Not sure what that means for us as web developers, but it would certainly be significant for Microsoft people if it was translated across the web. Of course other sites will have a different pattern, depending on the audience. On these two sites, the breakdown is like this: Unknown: 1.86% IE: 38.85% Bots,Spiders: 1.47% Firefox: 4.91% Google Chrome: 51.35% Opera: 0.72% Safari: 0.46% Netscape: 0.22% Other: 0.15% - Cheers Mike Kear Windsor, NSW, Australia 0422 985 585 Adobe Certified Advanced ColdFusion Developer AFP Webworks Pty Ltd http://afpwebworks.com Full Scale ColdFusion hosting from A$15/month *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Safari 4 and 3.2 Running Simultaneously
I got fed up trying to deal with multiple browser issues. First you have the issues with IE6 in MultipleIE, now this. Anyway, I just use VMs. Very pain-free. - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Implication of empty divs
On a side note, there is a Firefox addon that reproduces JAWS-like output (in text), called Fangs. Link: http://www.standards-schmandards.com/projects/fangs/ - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Starting with HTML and CSS
That tutorial seems pretty detailed. Why not have them follow that tutorial, then introduce them to the float property and point them to a tutorial like: http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ - James On Tue, Feb 3, 2009 at 7:32 PM, Katrina k...@t-tec.com.au wrote: Gday WSGers! I am lucky enough to be a tutor for a web course at the local uni, and I love to point students towards Starting with HTML + CSS http://www.w3.org/Style/Examples/011/firstcss However, it uses absolute positioning. I would like to use a *huge* favour. Anyone want to write a simple blog post on how to take the HTML file already present in the link and convert it a 2-column design with a footer (most likely using floats OR even display:table!!)) That'd be excellent :) Sort of a Starting with HTML + CSS the sequel :) Many many thanks Kat *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Clearing a row with floated list li
I fixed it in IE7, though that caused the problem that was occuring in IE7 to occur in Firefox. If you don't mind a conditional, problem solved! See it at: http://studioj.net.au/wsg/pcl.html - James On Fri, Jan 30, 2009 at 10:42 PM, Paul Collins p.coll...@twentyfirst.comwrote: Thanks for your replies everyone. I'm not explaining the problem well, so I've created a demo page: http://paulcollinslondon.com/temporary/test.html If you take a look at it in IE7 and Firefox, you should be able to see the difference. The first li is taller than the second one, causing the fourth one to float up higher than the third, (in IE only). If I clear the left, it works in Firefox, but in IE the fourth one still floats up. I know I've solved this a while back and I've seen solutions on the internet, but for the life of me I cannot find them again! Any ideas would be most appreciated. Cheers Paul -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Gunlaug Sørtun Sent: Thursday, January 29, 2009 5:54 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Clearing a row with floated list li Paul Collins wrote: I can add a class of clear to every third list item, which is great, but I'm still having troubles in getting them to behave in IE. Has anyone got a solution, or seen on online lately?! Didn't check for the actual case, but it's usually safer to declare 'clear: left' than 'clear: both' when trying to clear left-floats in IE. IE has quite a few 'clear' related bugs, and I think this is one of them. regards Georg -- http://www.gunlaug.no *** 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 *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] JavaScript and Accessibility
after all it's impossible to tell those users using an accessibility aid like a screen reader from those who do not, and hey, the growing number of users who purposefully disable JavaScript won't see the glitzy JavaScript injected errors anyway. Agreed, and any decent validation is going to be done server-side validation anyway, so you're going to have to (or at least you should) implement the server-side responses in any case. - James -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] JavaScript and Accessibility
Hmm, I made a typo. Coffee time. On 1/20/09, james.duc...@gmail.com james.duc...@gmail.com wrote: after all it's impossible to tell those users using an accessibility aid like a screen reader from those who do not, and hey, the growing number of users who purposefully disable JavaScript won't see the glitzy JavaScript injected errors anyway. Agreed, and any decent validation is going to be done server-side validation anyway, so you're going to have to (or at least you should) implement the server-side responses in any case. - James -- James Ducker Web Developer http://www.studioj.net.au -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] JavaScript and Accessibility
Sorry, I was a bit vague. I'm saying do all validation server-side. If you're looking for a quick and dirty solution to the element injection issues when screen readers are being used, you can try setting focus back to the new element's parent, though shifting focus is a practice often frowned upon. On 1/20/09, Anthony Ziebell anth...@fatpublisher.com.au wrote: Server side validation is of course a must... however, if the visually impaired visitor has JavaScript turned on and these error elements are created, they won't exactly get to the server side validation now, will they? ARIA looks good, looking forward to it getting out of draft status. Thanks, Anthony. james.duc...@gmail.com wrote: Hmm, I made a typo. Coffee time. On 1/20/09, james.duc...@gmail.com james.duc...@gmail.com wrote: after all it's impossible to tell those users using an accessibility aid like a screen reader from those who do not, and hey, the growing number of users who purposefully disable JavaScript won't see the glitzy JavaScript injected errors anyway. Agreed, and any decent validation is going to be done server-side validation anyway, so you're going to have to (or at least you should) implement the server-side responses in any case. - James -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: # Re: [WSG] Beta Testers Needed for BCAT
Hi WSG, This entire argument is getting a bit much. Nothing on the web is in and of itself particularly accessible. Accessibility in HTML is a joke unless you have been taught the right practices. Flash was, is, and will continue to be, primarily, a tool for delivery of rich, interactive media. To that end accessibility in flash is almost a moot point, as you're never going to be able to enable a blind person to watch a video. If the issue is text, you shouldn't be using Flash, and if you are you should be implementing it in a manner that allows for graceful degradation. I know I'm glossing the issue, but bear with me. Plenty of teachers, trainers, training providers, universities, TAFEs, schools, HR areas, etc are essentially lazy and can't be bothered to actually understand learning theory. This is why they 'continue to be committed to linear, push methodologies', it's easy to understand and cheep to develop. Vendor just give the market what they want. TAFEs and other para-tertiary institutions do this because that is what they are there to do. Their purpose is to give students the skills necessary to get a job and then self-perpetuate their skills. My experience of universities is that they don't do this at all. Even the less technical I.T. degrees will throw a smorgasbord of programming languages (no one goes to university to write HTML) and development methodologies at you and let you figure out which one works best for you. The result of being a good programmer is that it becomes easy to pick up ActionScript and use it well. Virtually no one writes good ActionScript. I've never taught flash to a class, so I won't speculate on its usefulness. It is in my opinion something that should be taught to I.T. students because of the ubiquity of Flash on the web. I think the argument against Flash in eLearning is flawed. It sounds more like an argument of how Flash is being used in eLearning. The issue doesn't lie with Flash itself, but with how eLearning software producers are using it. Teacher/trainer decision makers don't love the web, possibly because they can't control it. This is mostly untrue, teachers do love the web. Occasionally you will find a teacher whose methods are out of date, but most commonly the issues lie with course curricula. I have hope that the tide is turning. Teachers/trainers have experienced the difficulties in creating and maintaining their content in Flash (just try changing one image used in multiple Flash files and the difficulties become clear) Again, this boils down to being a bad Flash developer. It took me a few seconds to think of a way to modify an image in multiple Flash files at once (without interrupting their availability to users either). the web generation is beginning to pierce/influence decision making levels, students/employees that love the web push to learn from formal resources the way they informally learn from the web, plus content changes in ever decreasing time cycles which leaves little time to build and rebuild Flash delivered content. I am a student. Formal resources are about the best damn thing that university has provided me. Unfortunately it's (arguably) not fun or cool to read a programming book cover to cover, so I can see why people complain. Stop using the term 'love the web'. Lots of people love the web, I'm sure, but it doesn't mean they have the first clue what's good for it. The few times I have seen Flash used well and written well it's beautiful. It's amazing. It's like having sunshine flowing through your vains. So, do you blame HTML for every poorly coded website? Do you blame Flash for every bad use of Flash? Anyway, it seems like this entire argument would be better stated as People who hate Flash because it doesn't behave in a manner identical to HTML, and also because it isn't HTML. - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Re: Browser / OS Test on website.
Under Skills you have Search Engine Optimisation and a few lines below that SEO (Search Engine Optimisation). ... or is this a SEO technique? ;o) On Thu, Jan 15, 2009 at 8:18 AM, Danny Croft static...@gmail.com wrote: Thank you for your suggestions and pointers everyone! I promise you it is really appreciated. I think i will make some changes soon and maybe email you all again just to see what you think. Once again thank you! Danny - Original Email - Danny Croft wrote: Hi All, I was wondering if any of you get a spare minute, could you cast your professional eyes over a site I just put online. Its only a small online resume type site. But I'd be interested to see if anyone could find any issues with it or had any suggestions for items that I may have missed. I have done some testing and it passed the online W3C Validation Service for both the markup and CSS. Also if anyone is running an OS other than OSX (v 10.5.6) then I'd be interested in your results on any of the current browers. Like I said, only if you get a minute. Link: http://dannythewebdev.com (almost forgot to add the link) Cheers, Danny *** 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 *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: # Re: [WSG] Beta Testers Needed for BCAT
. Flash on the web is like cooking with garlic. A little adds depth, a lot is inedible. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** --- Simon Pascal Klein Concept designer (w) http://klepas.org (e) kle...@klepas.org *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] re: Firefox v3 and opacity on opacity
Perhaps try it with Firefox in safe mode, just to be sure it isn't an
add-on?
On Sat, Dec 20, 2008 at 12:39 AM, Johan Douma johando...@gmail.com wrote:
It's working fine for me on Windows XP, FF3.1b2
No issues at all.
Cheers,
Johan
2008/12/19 Foskett, Mike mike.fosk...@uk.tesco.com
Hi Nick,
The issue shown occurred on two different PCs and one Mac running windows.
It doesn't occur on the Mac version of Firefox 3.
My PC is using version 3.05.
Here's a cropped screen grab of the supplied code, showing the effect
after the mouse hover.
http://websemantics.co.uk/temp/example_firefox_3_opacity_issue.jpg
mike
*From:* li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
*On Behalf Of *Nick Cowie
*Sent:* 19 December 2008 11:56
*To:* wsg@webstandardsgroup.org
*Subject:* Re: [WSG] re: Firefox v3 and opacity on opacity
Mike
I did not have any of that problem or any other issues with Firefox 3.04,
3.05 or 3.1b2 on Mac OS X 10.5.6
Nick
2008/12/19 Foskett, Mike mike.fosk...@uk.tesco.com
Hi all,
After finally upgrading Firefox to version 3.05, I encountered a rather
unusual bug.
When opacity is set to more than one level of container, contained links
render badly on hover.
Hovered link text turns white on white, which doesn't return to the
natural state on mouse out.
Scrolling the link off screen restores the link colour.
Here's a demo which only causes issues in Firefox v3.
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=content-type content=text/html; charset=utf-8 /
titleopacity/title
style type=text/css
html * {border:0 solid; padding:0; margin:0; list-style:none}
a,
a:visited {color:#5E6277}
a:active,
a:focus{color:#c60}
a:hover{color:#000}
#wrapper{border:1px solid #ccc; width:200px; padding:20px;}
#panel{border:1px solid #f00; margin:0 auto; background:#eee;
padding:10px}
/style
/head
body
div id=wrapper style=opacity:0.9
div id=panel style=opacity:0.9
ul
lia href=#Gzip content: Speed up your
site/a/li
lia href=#Accessible AJAX glossary/a/li
lia href=#Displaying code in web pages/a/li
/ul
/div
/div
/body
/html
Does anyone out there now of a solution?
Mike Foskett
http://websemantics.co.uk/
Disclaimer
This is a confidential email. Tesco may monitor and record all emails. The
views expressed in this email are those of the sender and not Tesco.
Tesco Stores Limited
Company Number: 519500
Registered in England
Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8
9SL
VAT Registration Number: GB 220 4302 31
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
---Warning
This e-mail is from outside Tesco - check that it is genuine. Tesco may
monitor and record all e-mails.
***
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
***
--
James Ducker
Web Developer (C#, VB, JS, HTML/CSS)
http://www.studioj.net.au
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Fighting with IE
Hi Laert,
I don't have IE6 on this machine, but looking at your CSS I can see that you
are attempting to apply the :hover pseudo-class to a a DIV (div.project).
Normally this would be fine, But IE6 does not support :hover on any element
other than an a anchor. My recommendation would be to change those DIVs to
anchors, give them display: block; float: left; or however you want to do
it. With regard to div.hr, I would recommend instead using an actual hr
element and applying some CSS to it. HR styling can be a bit fiddly at
times, but this article seems to cover it all nicely:
http://www.sovavsiti.cz/css/hr.html
- James
PS: Hi WSG, I'm new :)
On Wed, Dec 3, 2008 at 1:03 PM, Laert Jansen [EMAIL PROTECTED]wrote:
Hello everyone,
I´m looking for some help cause I´ve been fighting with IE here.
I´m bulding a new lightbox portfolio and it looks good on FF but terrible
on IE 6.
The over state of the squares is not working(IE6). Also I built some lines
with *div class=hr/div* but don´t think that´s correct since it´s
looking different
in IE6. The last problem I got is the space between the lines on the top´s
text. It´s different from IE6 and IE 7 to FF.
My portfolio is : http://www.laertjansen.com/version02/
The CSS is:
body{margin:0; padding:0; background:#000 url(../images/bg2.gif) repeat
scroll; font-family:Georgia, Times New Roman, Times, serif; /*width:100%;
/*display: table;*/ font-size:small;}
#wrapper{background:#000 url(../images/background.jpg) no-repeat scroll
center top; margin:5px 5px 5px 5px; padding-top:5px;}
#logo{margin:30px 0 10px 35px;}
#bio{margin:15px 0 18px 35px;}
#info p{font-size:92%; line-height:0.44; color:#696969;}
#info p span{background:#000; border-bottom:1px solid #00ADF7;}
#title{margin:15px 0 15px 35px;}
a{color:#fff; text-decoration:none;}
a:hover{color:#00ADF7; text-decoration:none;}
img{border:0;}
#portfolio{margin:15px 0 15px 35px;}
.cleaner{height:1px; font-size:1px; line-height:1px; clear:both;}
.square{width:190px; float:left; /*display:inline;*/ margin:0 5px 5px 0;}
.project{padding:5px 5px 5px 5px; background-color:#1E1D23;}
.project2{padding:5px 5px 5px 5px; background-color:#1E1D23; display:none;}
.project:hover{background-color:#D1D1D1;}
.text span{display:block; color:#696969; font-weight:bold;}
.text{padding:6px; background-color:#0c0c0c; margin-top:0; font-size:11px;
color:#424242; line-height:135%;}
#footer{font-size:11px; color:#696969; margin-top:15px; padding-left:35px;
padding-bottom:15px;}
.hr{color:#252525; background-color:#252525; height:1px; /*width:auto;*/
margin-left:35px; margin-right:4.2%;}
I really appreciate any help. thank you very very much in advance.
--
Conheça já o Windows Live Spaces, o site de relacionamentos do Messenger! Crie
já o seu! http://www.amigosdomessenger.com.br
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
James Ducker
Web Developer (C#, VB, JS, HTML/CSS)
http://www.studioj.net.au
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Fighting with IE
Well, your current code is:
div class=project
a title=Concept and design for Maharaja India - January 2008
rel=lightbox[all] href=works/maharaja.jpg style=
img src=thumbs/maharaja.jpg /
/a
/div
To get a hover working in IE6, you'd need to change your CSS like so:
.project:hover{background-color:#D1D1D1;}
becomes
.project a:hover { background-color: #D1D1D1; }
and add a rule:
.project a { display: block; }
See how that goes.
- James
On Wed, Dec 3, 2008 at 1:46 PM, Laert Jansen [EMAIL PROTECTED]wrote:
Hey James,
Thanks a lot. I´m reading the article now. Is there a problem to ask you
how should I use this anchors stuff?
Laert
--
Date: Wed, 3 Dec 2008 13:16:39 +1100
From: [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Fighting with IE
Hi Laert,
I don't have IE6 on this machine, but looking at your CSS I can see that
you are attempting to apply the :hover pseudo-class to a a DIV
(div.project). Normally this would be fine, But IE6 does not support :hover
on any element other than an a anchor. My recommendation would be to
change those DIVs to anchors, give them display: block; float: left; or
however you want to do it. With regard to div.hr, I would recommend
instead using an actual hr element and applying some CSS to it. HR styling
can be a bit fiddly at times, but this article seems to cover it all nicely:
http://www.sovavsiti.cz/css/hr.html
- James
PS: Hi WSG, I'm new :)
On Wed, Dec 3, 2008 at 1:03 PM, Laert Jansen [EMAIL PROTECTED]wrote:
Hello everyone,
I´m looking for some help cause I´ve been fighting with IE here.
I´m bulding a new lightbox portfolio and it looks good on FF but terrible
on IE 6.
The over state of the squares is not working(IE6). Also I built some lines
with *div class=hr/div* but don´t think that´s correct since it´s
looking different
in IE6. The last problem I got is the space between the lines on the top´s
text. It´s different from IE6 and IE 7 to FF.
My portfolio is : http://www.laertjansen.com/version02/
The CSS is:
body{margin:0; padding:0; background:#000 url(../images/bg2.gif) repeat
scroll; font-family:Georgia, Times New Roman, Times, serif; /*width:100%;
/*display: table;*/ font-size:small;}
#wrapper{background:#000 url(../images/background.jpg) no-repeat scroll
center top; margin:5px 5px 5px 5px; padding-top:5px;}
#logo{margin:30px 0 10px 35px;}
#bio{margin:15px 0 18px 35px;}
#info p{font-size:92%; line-height:0.44; color:#696969;}
#info p span{background:#000; border-bottom:1px solid #00ADF7;}
#title{margin:15px 0 15px 35px;}
a{color:#fff; text-decoration:none;}
a:hover{color:#00ADF7; text-decoration:none;}
img{border:0;}
#portfolio{margin:15px 0 15px 35px;}
.cleaner{height:1px; font-size:1px; line-height:1px; clear:both;}
.square{width:190px; float:left; /*display:inline;*/ margin:0 5px 5px 0;}
.project{padding:5px 5px 5px 5px; background-color:#1E1D23;}
.project2{padding:5px 5px 5px 5px; background-color:#1E1D23; display:none;}
.project:hover{background-color:#D1D1D1;}
.text span{display:block; color:#696969; font-weight:bold;}
.text{padding:6px; background-color:#0c0c0c; margin-top:0; font-size:11px;
color:#424242; line-height:135%;}
#footer{font-size:11px; color:#696969; margin-top:15px; padding-left:35px;
padding-bottom:15px;}
.hr{color:#252525; background-color:#252525; height:1px; /*width:auto;*/
margin-left:35px; margin-right:4.2%;}
I really appreciate any help. thank you very very much in advance.
--
Conheça já o Windows Live Spaces, o site de relacionamentos do Messenger! Crie
já o seu!
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
James Ducker
Web Developer (C#, VB, JS, HTML/CSS)
http://www.studioj.net.au
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Instale a Barra de Ferramentas com Desktop Search e ganhe EMOTICONS para o
Messenger! É GRÁTIS! http://www.msn.com.br/emoticonpack
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
James Ducker
Web Developer (C#, VB, JS, HTML/CSS)
http://www.studioj.net.au
***
List Guidelines: http
