Re: [WSG] Please Help! Hover not working to trigger display:block in FF
Cole Kuryakin wrote: Hello All – Hi Cole > I’ve set one of the li’s as css trigger (via a class name) in order to show a drop-down menu (a UL) that has a default value of display:none. Unfortunately, nothing I try will initiate the declaration containing the display:block. You will need to nest the #industry ul within the li you wish it to display under to target it with the css: Industry Immigration Information POEA Regulations Disciplinary Guidelines POEA Sample Contract Questions and Answers Regards -- Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Site Check - amplify.com.au
Hi John On 12/02/07, John Faulds <[EMAIL PROTECTED]> wrote: Just had a quick look in Firefox, but it seems to come unstuck pretty quickly when your browser window is smaller than 1024 x 780 and if you resize the text more than twice. Could you elaborate a little on this please. I am aware of background issues, in that the header background doesn't resize to fill the new screen width, but don't see/notice anything else. And isn't your Google analytics code s'posed to go in the body of your page? The Google code is placed in the head as per Google specs for e-commerce sites, to enable tracking of orders and receipts. The e-commerce parts of the site will follow in release 2. Regards -- Scott Swabey www.lafinboy.com www.thought-after.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Site Check - amplify.com.au
Hi Samuel On 12/02/07, Samuel Richardson <[EMAIL PROTECTED]> wrote: I like it, I don't like the plus minus concept on the navigation though, it implies you can close/open multiple navigation options at once (like any of those tree lists can) which is not needed in a navigation. Instead of the plus minus I'd use a concept of bullet point and highlighted bullet point. The left nav was originally a tree view style nav, and the plus minus icons fitted with the open/close action of the onclick events. The last minute decision was to remove this effect - a good decision I believe - but the icons were left. I'll get them replaced in the .1 release. Regards -- Scott Swabey www.lafinboy.com www.thought-after.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Site Check - amplify.com.au
On 12/02/07, Jermayn Parker <[EMAIL PROTECTED]> wrote: One side note though: The logo seems to be cut off on the right hand side, the Y on Amplify is not complete (using Firefox 2.0) Thanks for your comments Jermayne. Will look at beefing up the side nav a bit in .1 release. Would you mind sending me a screenshot of the cut-off logo? I can't replicate locally. Many thanks -- Scott Swabey www.lafinboy.com www.thought-after.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Site Check - amplify.com.au
Hi all We have just completed a redesign/redevelopment of the www.amplify.com.auwebsite, and would appreciate any feedback, especially from Mac users. Many thanks -- Scott Swabey www.lafinboy.com www.thought-after.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Pixel to EM conversion
Hi all I came across a very neat, and immensely useful tool online today that converts fixed pixel sizes to their relative em size equivalents. The Em Calculator[1] bases conversions on a specified base pixel conversion ratio, and provides you with immediate calculations for nested child and sibling nodes of the DOM tree. Very cool! [1] http://riddle.pl/emcalc/ -- Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Accessibility of automatically updated text
Lindsay Evans wrote: Hi all, Does anyone know of any references/studies/crazy opinions/etc. on the accessibility (particularly for visually impaired users) of automatically generated/updated text? Gez Lemon and Steve Faulkner published some recent research into making Ajax work with Screen Readers[1] which may well help you out. [1] <http://juicystudio.com/article/making-ajax-work-with-screen-readers.php> -- Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] background not showing in ie
Brian Cummiskey wrote: > Hi guys, I'm working on a client site (http://tinyurl.com/jz3y4) and > I've added a simple gradient to the background (postgrad.gif) of my > main text area. It shows fine in firefox, but it's not coming up in > IE. Hi Brian The culprit here is the mixture of generated units for the X and Y position. You have only specified bottom for the Y position. In the absence of a specific setting for the X position IE generates the default 50% position. Therein lies the problem. Try setting the position to bottom left and everything should be peachy. Regards Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Standards Table Layout
CK wrote > A client who is clinging to the web of yore, is still insisting on > tables being used for layout. It is the misconception tables provide > greater browser compatibility, the client supports IE 5.X for MAC OS. Was the use of tables for layout specified in the project brief? I doubt that it would have been. I would suggest that you take the line that the client has employed you as a specialist in your field, and you will provide them with a solution/product that is suitable for their needs. If their preferred design does not scale well across their supported browsers without the use of a table for layout, then you will use the table as a layout aid. If it is not required, and there are few instances where one would be, then there is no technical, semantic, or logical argument for using one. Regards Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] eCensus Web Site Accessibility
Tim wrote: > See for an example roadyready the AGIMO award winner which is > inaccessible for web bots and cannot be found in search engines > because of HTML errors and lack of keyword text content. What does it > matter what the accessibility compliance is when the site is > invisible to search engines? Tim, while I agree with most of what you've said so far, I can't let this one slip by. Including search engine ranking or visibility as a precursor to accessibility is a long reach. A site with zero visibility to the search engines can still pass as the most accessible site. Visibility does not equal accessibility, nor should it form any part of the accessibility criteria. Regards Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Site check: mayancoffee.com.au
G'day all I've just launched a new site for a client, and would welcome comment/criticism from my peers. The site uses content negotiation to deliver either [HTML as text/html] or [XHTML as application/xhtml+xml] as required, and seems to hold up well under both conditions. I have tested on the browsers I have available to me locally: Firefox 1.5.0.4 IE7 Beta3 IE6 SP1 IE6 Opera 9 Build 8502 The only problem I have noticed is in IE7. On the product pages[1] there are additional product descriptions, displayed through Read More links. IE7 does not reposition the inner content of the following product div. I have just set a BrowserCam project [2] running which may identify problems. Comments on MAC/Linux especially, and anything else, would be greatly appreciated. [1] <http://www.mayancoffee.com.au/products.php?catID=Coffee> [2] <http://www.browsercam.com/public.aspx?proj_id=270690> Regards Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Rounded Corners
Janos Hardi wrote: > Hi, > > This solution has nothin to do with common semantics - not > recommended. > > Janos > > On 7/22/06, Al Kendall <[EMAIL PROTECTED]> wrote: >> try these http://www.html.it/articoli/nifty/index.html Hey Janos Care to elaborate on your adverse recommendation? Seems like the use of semantically neutral elements to create imageless rounded corners is more than acceptable. Am I missing something? Regards Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Form elements centering? Why
[EMAIL PROTECTED] wrote: > Im using a strict webpage and by default my form > elements are centering. AFAIK form elements have no default positioning applied to them. It is more likely that the containing element has text-align: centre applied to it, or being cascaded to it. As always, a sample page to view helps us to help you. Regards Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] help needed with position of text links
Germ wrote
> the links are too close to the side of the border of the divs.
> I want the image sitting next to the right hand side and the
> text but not the text also sitting on the edge. I also wouldn't
> mind having the text middled (vertically) in the image as well.
Modify your #navigation a styles like:
#navigation a {
color: #FFF;
background-image: url(button.jpg);
font-size: 1.3em;
font-weight: normal;
font-family: Times New Roman;
text-decoration: none;
display: block;
margin: 1px;
padding 1px;
Padding-right: 10px /* add required padding to right side */
text-align: right;
height: 35px;
width: 140px; /* reduce width by width of padding-right */
border: 0px;
line-height: 2em; /* add a line height to center the text vertically */
}
Regards
Scott Swabey
Design & Development Director - Lafinboy Productions
www.lafinboy.com | www.thought-after.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] PS: Alphabetical Listing Buttons
Richard Czeiger <mailto:[EMAIL PROTECTED]> wrote:
> Hi All :o)
>
> Wondering if you can help me solve an issue:
>
> I'd like to have a list of alphabetical buttons at the top of the
> page (you've all seen this kind of navigation).
> What I'd like to do is have them with the following features:
>
> 1. Single pixel border
> 2. Some padding around the letter (to make them look nice)
> 3. A margin around each one that is statically sized
> 3. .. and this is the biggy ... I'd like their width the stretch
> dependent on screen resolution.
Playing around with percentage widths on the li's seems to do the trick,
along the lines of:
[css]
body {
font: 100.01% verdana, arial, sans-serif;
}
ul {
font-size: 0.76em;
font-weight: bold;
list-style-type: none;
}
ul li {
float: left;
margin: 0.2em;
width: 3%; /* adjust percentage to suit layout */
min-width: 1.5em;
text-align: center;
background-color: #cfc;
border: 1px solid #6c6;
}
a {
display: block;
padding: 0.4em;
text-decoration: none;
color: #666;
}
a:hover {
background: #fff;
}
[html]
A
B
C
D
.etc
Regards
Scott Swabey
Design & Development Director - Lafinboy Productions
www.lafinboy.com | www.thought-after.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] absolute positioned element not displaying where it should in FireFox
Taco Fleur wrote
>http://www.apartmentrealty.com.au/site/search/search-results.cfm
>The icons for bed, bath and parking do not display in the position they
>should in Firefox, they should be displayed in the grey table header on
the right
Hi Taco
Absolute positioning can throw up some nasty curveballs. May is may a
couple of alternative suggestions for display of your icons.
1 - If you wish to/need to keep the icons as images then float the
paragraph left and the div right, with a little padding:
#search-results table th div.legend {
float: right;
padding: 0 0.5em;
}
#search-results table th p {
float: left;
margin: 0;
padding: 0 0 0 6px;
font-size: 12px;
}
2 - If the icons are purely presentational then make up a set of
alternative backgrounds containing the combinations of possible icons,
apply a class to the paragraph and remove the div altogether:
#search-results table th p {
margin: 0;
padding: 0 0 0 6px;
font-size: 12px;
}
#search-results table th p.bedbathpark {
background: url('path/to/image/bedbathpark-icon') no-repeat
center right;
}
Regards
Scott Swabey
Design & Development Director - Lafinboy Productions
www.lafinboy.com | www.thought-after.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] Haley & White Space & Nav
Ryan Moore wrote > Address: http://www.rockitdevelopment.com/haley/ > If you notice at the bottom of my mock up banner, "helping hand" > you'll notice a white space that has been added to the bottom of > its div. the div is the . For future reference, Firefox displays images vertical aligned to the baseline, IE to the bottom. Adding vertical-align: bottom; to your image elements will keep everything looking the same and remove unwanted spaces below images. Regards Scott Swabey Design & Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] baground image random
1802 wrote: > Do you know a js fro put a background image at random in css? I've been playing around with random background images for a while now, and have just posted a quickly put together script detailing one method to achieve this at <http://www.thought-after.com/2006/05/26/css-random-background-image-rot ation/>. This method uses PHP to retrieve a random image from a folder and write a dynamic CSS declaration through the page headers. Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] XHTML/CSS - Remaining Space
Graham, Timothy wrote:
> One solution that I find works well is to wrap the text you want on a
> new line in a tag with an ID, then style that tag with
> "display:block" so it appears on a new line. So it appears thus:
>
> In the HTML
> Lorem ipsum dolor sit class="second-line-class-name">This text is on the second
> line
>
> In the CSS
> .second-line-class-name {display:block;}
>
> What you see
> Lorem ipsum dolor sit
> This text is on the second line
Why not just use the in this instance? It is exactly what it is
designed for, is more semantically correct than a classed span, or any
other element for that matter.
I think the suggestion to replace 's with CSS where appropriate
was to guide the original poster to not use 's to provide vertical
spacing between elements that can and should receive presentational
markup through CSS. So rather than using a after each
element, apply styling through CSS to provide the same presentational
effect.
Regards
Scott Swabey
Design & Development Director
Lafinboy Productions
www.lafinboy.com
www.thought-after.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] CSS not doing what it is supposed to - or is it?
Veine Vikberg wrote: > Am still working on this site ( http://www.mycwo.com/ihilani ) and > now I can't figure out why the navstyle doesn't acknowledge my > command to be bold - if I have bold specified or not, it still > displays the same thickness??? > > The css in question is in navstyle.css Which style are you referring to? If you mean the topline nav elements, then you have an inline [strong] which will override any css declarations. Take out the inline styling and you'll see the font weight change. If you mean the links in the dropdowns, then you need to adjust the font-weight in the [#nav li ul li a] section. Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Validation Errors that don't exist - does the validator work?
Cole Kuryakin wrote >I'm getting a number of errors from the W3C CSS validator that just aren't there. > >Here's what I get: > >Line : 217 (Level : 1) You have no background-color with your color : a:visited Bear in mind that these are Warnings only, and are an assistive push to remind you to check that you have not set a font colour over a background that would cause contrast problems. If you really need to get rid of the warnings then you should use a colour value (transparent is treated the same as no colour declaration), or use the inherit value. Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] The Name Attribute??
Debbie T wrote: > Can someone shed some light on this for me. > > I thought that the name attribute was deprecated in favor of the id > attribute...and I could have sworn it was listed as deprecated on the > W3C web site for attributes, but it is not. Hi Debbie The name attribute is deprecated in XHTML 1.0 for the a, applet, form, frame, iframe, img and map elements only. Other elements, namely inputs, require the name attribute for POST processing. http://www.w3.org/TR/xhtml1/#h-4.10 Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Column height issue
Jonathan Carter wrote: > I've got a simple fixed-width two-column layout, with a footer. I > need to the two columns to span the height of the viewport regardless > of their content, but also grow when their contents exceed the > viewport's height. I also need the footer to always be at the bottom > of the page regardless of the height of the content. Exploring Footer[1] should get you going in the right direction [1] <http://www.alistapart.com/articles/footers> Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Floats for beginners
Rosemary Probert wrote: > I'm having problems with floats and clearing floats. Hi Rosemary Do you have a link to an online version we can see? Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] inline
CK wrote
> I've a little stumped why the (2) elements are behaving as if
inline,
> meaning no line break between the (2) elements in the UA.
> http://working.bushidodeep.com/spring_2006/index_footerNav.php
You have used a global reset to remove margin/padding from all elements.
Adding a dimension to the top/bottom padding for the #content p should
fix things.
div#content p{padding: 0.25em 6em 0.25em 4.5em;}
Regards
Scott Swabey
Design & Development Director
Lafinboy Productions
www.lafinboy.com
www.thought-after.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] Bizarre overflow visible/hidden issue with link rollover
Paul Noone wrote: > The URL: http://www.ashm.org.au > > The problem: Roll over the About ASHM link in the dotted orange div > with the blockquote and watch it collapse. Then roll over the floated > image to the right and watch it expand again. Repeat as desired. Nothing happening with FF1.5, IE6 or IE7beta2 (SP2) Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] liquid layouts versus fixed width
Chris Littell wrote: > I'm partial to the approach demonstrated on http://uxmag.com/ - it's > as if it is fixed, yet completely scalable to the users settings. Chris, not wanting to start any kind of flame war, but that site is fixed width, and falls apart very quickly on text resizing. The choice really depends on the individual situation and requirements, but in the main the use of fixed width can almost certainly be dropped in favour of one of the more flexible/liquid/fluid/jello layouts. With IE7s support of min and max widths the future for fixed width sites is surely doomed. Being able to apply relative units to min and max widths will enable a site to be infinitely scaleable (within reason). Now if only we can get full SVG support in all browsers, then the web will be truly fluid. Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Table/fraction markup question
Collin Davis wrote:
> Is there a more semantic way to mark up the table, specifically the
> fractions? Currently I'm using something along the lines of:
>
> numerator⁄denominator&34;
Hi Collin
Eric Myer wrote a little about this some time ago[1], and his outcome,
due to the lack of support for MathML in current browsers, was to use
the following markup:
[html]
1⁄4
[css]
span.frac sup, span.frac sub {font-size: 60%;
font-weight: bold;
vertical-align: baseline;
position: relative;}
span.frac sup {top: -0.5em; left: 0.1em;}
[1] http://www.meyerweb.com/eric/thoughts/200401.html#t20040114
Regards
Scott Swabey
Design & Development Director
Lafinboy Productions
www.lafinboy.com
www.thought-after.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] Contrast colors and accessibilty issue
John S. Britsios wrote: > What would you use for an alternative text color? Hi John I would suggest reversing the colour index for the nav item, so that the text is a dark colour, and the background colour is changed to more closely match the orange background image. That way the contrast issue is resolved, as well as maintaining similar appearance of the site with images disabled. Regards Scott Swabey Design & Development Director Lafinboy Productions www.lafinboy.com www.thought-after.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Forward-slash suppresses word wrap in Windows IE
Paul Novitski wrote:
> Thierry Koblentz wrote:
>> What about:
>> HTML:
>>
>>
>> CSS:
>> * html i {width:0;overflow:hidden}
>
> What DOES work is to insert some arbitrary content into the I tag,
> then suppress its size: Lorem /ipsum
> i { font-size: 0px; }
>
> See http://juniperwebcraft.com/demo/slashwrap.html for illustrations.
A couple of final alternatives:
1) insert a soft hyphen [] before the virgule. Correct placement
of the entity is essential to avoid display of the hyphen when it's use
is invoked. With your demonstration, placing the entity before the space
before the virgule [ /]seems to work well;
2) insert the very non-standard [] tag as per the description above
[ /]. This method works in ie, but will show validation warnings.
Note also that the word-wrap suppression in ie is only apparent when the
virgule is followed immediately by any non-space character. Depending on
requirements, simply inserting a space after the virgule would alleviate
the problem.
Regards
Scott Swabey
Design & Development Director
Lafinboy Productions
www.lafinboy.com
www.thought-after.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
