[WSG] List item spacing problem
Hi all, I'm having a problem with a list based menu, using a the sons of suckerfish method. http://www.handinhandnursery.com/index.htm In IE6 the spacing between the subNav list items is perfect but in Firefox they become all squashed up against each other, and i can't seem to find the problem. please find my css here, its a bit of a mess atm http://www.handinhandnursery.com/c/nav.css http://www.handinhandnursery.com/c/global.css thanks, Marwan ** 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] List item spacing problem
On Tue, 18 Jan 2005 13:49:54 +0400, Marwan Farha [EMAIL PROTECTED] wrote: In IE6 the spacing between the subNav list items is perfect but in Firefox they become all squashed up against each other, and i can't seem to find the problem. I'd say that in Firefox list is as it should be, and IE6 adds incorrect spacing. In Opera8 it is squashed also. As you said, your CSS is messy. Clean it up before asking, and beware of Voodoo Programming: http://burks.brighton.ac.uk/burks/foldoc/43/125.htm -- regards, Kornel Lesiski ** 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] suckerfish and ie 5.2 mac
Hi, ie 5.2 mac seems to be ignoring the styles for my menu. I've had a quick look on google and have found some other issues but not what I need. My Nav should be displaying inline but isn't in ie 5.2 mac? Is this a common issue? the site validates as xhtml 1 transitional and is at: http://domestik.net styles are at: http://domestik.net/styles.css Apologies for the css, its a little messy. The offending styles are: #navigation etc. Also, mac users, many people still using ie5.2? Any help would be greatly appreciated. Many thanks Pete -- Peter Costello www.domestik.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE clearing when not needed
IE has some sort of auto-clearing, so yeah, it does that. I'm not sure about the fix though. On Tue, 18 Jan 2005 12:55:23 +0800, Lyn Patterson [EMAIL PROTECTED] wrote: Hi all www.westernwebdesign.com.au/host.html Have a floated box that I want to sit inside and overhang another box. This works fine in FF and Opera but IE is clearing the normal box and putting it underneath the floated box. How do I make this work in IE? Thanks Lyn Patterson Western Web Design http://www.westernwebdesign.com.au [EMAIL PROTECTED] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Cheers, Rob. http://zooibaai.nl | http://digital-proof.org ** 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] Your opinions about my weblog's new layout
Nice. I like how it looks on the screen. Works out nice :) On Sun, 16 Jan 2005 06:45:21 -0200, Bruno Torres [EMAIL PROTECTED] wrote: FYI: I tried taking a look at your old (current) layout, but something crashes Safari every time. Not sure what causes it. HTH /Roger Hello, Roger. Maybe you remember me. I asked you permission to translate your 'Developing with web standards' to brazilian portuguese. I'm still paning on doing it, but I have no time at the moment. In that time you told me about this thing making my site crash in safari, but I have no mac here to test it, so I don't know what it may be. I think it has something to do with the PHP I added to deliver content as application/xhtml+xml, but I can't figure it out. I'll try to fix that. Thanks. -- Bruno Cunha Torres http://www.brunotorres.net/ http://www.dotplusweb.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 ** -- Anthony Timberlake Owner - StaticHost Internet Services http://www.statichost.co.uk http://www.spikeradio.org ** 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] A question of semantics
Hi gang! You all must have heard my head banging over the last couple of days! The semantic form that I got from Patrick works great when it's got room, the problem is, I don't have that much room. This is a small 200px wide quick search form that needs a bit of padding. If you add divs to the input fields, won't that effect the fieldset? Or am I missing something here? I've been avoiding this form thing like the plague, but I've got no choice now...gotta get it done. Wayne ** 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] stretch them columns
Hi All I know this has been covered, but I can't remember where to look. I just put together a quick, and I do mean quick, sample site, http://www.tdrake.net/greens to test a design concept. I want the two content bars to stick to the outside edges and the empty space between to expand and contract with the page size. It's a pretty simple concept. Think of it as two pieces of paper on a desk and you can move them back and forth, but you still see the desk behind them. So, here's my question. I need the columns to stretch to the bottom of the screen so that they are always equal length. I've used faux columns before, but this is a fluid layout. What is the method for making columns extend to the bottom of the screen? Thank you for your help. I know I could have googled this to my hearts content, but I also figured other people might be interested in the answer. Ted www.tdrake.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE clearing when not needed
Lyn Patterson wrote:
www.westernwebdesign.com.au/host.html
Have a floated box that I want to sit inside and overhang another
box. This works fine in FF and Opera but IE is clearing the normal
box and putting it underneath the floated box.
How do I make this work in IE?
You can make it work - partially at least - by removing div
class=intro from the unnatural flow in IE/win through style-changes.
That is negative back-side margins on floats - for short... :)
Additional style (bottom of stylesheet):
@media all {
* html div.intro {margin-right: -100%; position: relative;}
}
IE/win need a stronger clearer now, so use a
br style=clear: both; / instead of div class=clearboth/div
Make this change: pRecommended Domainbr /Registry Partners/p
... it will at least look like IE/win understands something.
Note:
Your layout - using percentage width - is only stable on wide screens in
any browser, and the above won't change that.
regards
Georg
**
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] stretch them columns
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ted Drake Sent: Tuesday, January 18, 2005 10:56 AM To: wsg@webstandardsgroup.org Subject: [WSG] stretch them columns Hi All I know this has been covered, but I can't remember where to look. I just put together a quick, and I do mean quick, sample site, http://www.tdrake.net/greens to test a design concept. I want the two content bars to stick to the outside edges and the empty space between to expand and contract with the page size. It's a pretty simple concept. Think of it as two pieces of paper on a desk and you can move them back and forth, but you still see the desk behind them. So, here's my question. I need the columns to stretch to the bottom of the screen so that they are always equal length. I've used faux columns before, but this is a fluid layout. What is the method for making columns extend to the bottom of the screen? Thank you for your help. I know I could have googled this to my hearts content, but I also figured other people might be interested in the answer. Ted www.tdrake.net ** You might try a variant on the 3 column stretch: http://www.positioniseverything.net/thr.col.stretch.htmlc drew ** 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] Conditional comments
How does one go about doing this? Mordechai Peller has created a disturbance in the Force. I felt its presence on 1/6/2005 7:13 PM. Its substance was as follows: Actually, with the help of filters, IE can render PNGs properly. With that in mind, you can use JavaScript in the header to set a cookie and then have the server check for that cookie. Then if IE caught with out the cookie, give them what they deserve. ** 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] Conditional comments
I'm pushing transparency to IE this way:
#logo {
background: url('img/logo.png') no-repeat;
}
* html #logo {
background: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMethod='scale');
}
and it's even better to place all this non-standard crap in something
like iecrap.css and link this by conditional comment.
Or - the idea with PHP:
#logo {
background: url('img/logo.php') no-repeat;
}
and the logo.php file would check user-agent string and decide, whether
to send PNG headers and fpassthru logo.png or to send GIF headers and
fpassthru logo.gif ...
--
Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com
Stop IE! - http://www.stopie.com/ | http://browsehappy.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] Required by Depreciated attributes
'Lo I'm in a pickle... I've got an ol, and one of the ol's li's contains another ol Like so: ol liHello/li liWorld!/li lih2Sublist/h2 ol liHello/li liAgain/li /li liEnd.../li /ol Thing is, I need the ol li ol element to start at a specified number. The HTML4.01 spec says I can use the start= attribute, but that its depreciated... So what replaces the start= attribute in XHTML1.1? I couldn't see anything in CSS about it. Regards -- -David ** 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] A question of semantics
div's have no inherent dimensions and can be enclosed by fieldsets. Terrence Wood. Wayne Godfrey wrote: If you add divs to the input fields, won't that effect the fieldset? Or am I missing something here? I've been avoiding this form thing like the plague, but I've got no choice now...gotta get it done. ** 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] Required by Depreciated attributes
Thing is, I need the ol li ol element to start at a specified number. The HTML4.01 spec says I can use the start= attribute, but that its depreciated... So what replaces the start= attribute in XHTML1.1? I couldn't see anything in CSS about it. Ignore XHTML/1.1. Removal of start is a mistake. Start is dropped in favor of CSS2.1 generated content counters, which are currently supported only by Opera. Counters are really neat and powerful, but the problem is that start number belongs to content, not presentation. See: http://www.literarymoose.info/=/synopsis/ordnung.xhtml -- regards, Kornel Lesiski ** 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] Popups
For when you ever have links that open in a new window, it helps to
have that little image, would this be appropriate: ?
a href=# onclick=newwindow() rel=external/a
a[onclick=newwindow()] {
padding: 10px;
background: url(newwindow.png) no-repeat 0 0;
}
Yes, but...
The point of having rel=external is to provide a hook for an external
javascript to add the new window functionality. If you have that
external script running, then having the onclick=newwindow() in the
tag is redundant. Also, you may need some new-window links to have
other onclick handlers too, so you should match on one of a pattern
(foo~=value).
*Also,* having the onclick encoded in the tags reduces your separation
of content, presentation, and behavior. When possible, keep the event
handlers in the javascript and out of the HTML.
So...
a href=# rel=external/a
a[rel~=external] {
padding: 10px;
background: url(newwindow.png) no-repeat 0 0;
}
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
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] Unusual Mac IE flow error fixed with comment tags
Over the weekend I ran into a series of rendering errors in Mac IE that amount to certain circumstances that involve elements taken out of the flow (via position:absolute or float:left|right), where the fix involves placing a comment tag in the HTML in a certain place. I've documented it all, and could write this up to help others, but before I spend all that time I was wondering if this is a known issue that I just couldn't find the right search terms for? -- Ben Curtis WebSciences International http://www.websciences.org/ v: (310) 478-6648 f: (310) 235-2067 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE clearing when not needed
Gunlaug Sørtun wrote: You can make it work - partially at least - by removing div class=intro from the unnatural flow in IE/win through style-changes. That is negative back-side margins on floats - for short... :) Thanks, Georg - before I received your reply I kept researching and found that the containing box did not need a width and as soon as I took off the width in div.intro2, the box popped up into place. Note: Your layout - using percentage width - is only stable on wide screens in any browser Meaning unstable on smaller screens? It looks just the same to me at 800x600 - would you explain a little more please . Kind regards Lyn Western Web Design http://westernwebdesign.com.au [EMAIL PROTECTED] ** 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] Required by Depreciated attributes
Kornel Lesinski wrote: Ignore XHTML/1.1. Removal of start is a mistake. Start is dropped in favor of CSS2.1 generated content counters, which are currently supported only by Opera. I've since done some reading into the matter, yes, 'tis a shame... Isn't the XHTML2.0 working group still in session? Could we email them with our suggestions? -- -David R ** 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] background-image:
Maybe I was dreaming but I recall reading somewhere that it is possible to put links on images in the background-image: property. Any direction toward that article will be greatly appreciated. I've looked far and wide, now I just want to know if I was just dreaming that I thought I read this somewhere. Thanks in advance. PS. /rock on -- Carmelyne Thompson begin:vcard fn:Carmelyne Thompson n:Thompson;Carmelyne email;internet:[EMAIL PROTECTED] title:Web Architect/Developer x-mozilla-html:TRUE version:2.1 end:vcard
Re: [WSG] background-image:
This site seems to do it http://www.qrow.com/home.php div id=banner a href=home.php style=display: block;height: 198px;width:700px/a /div Cheers *** Helen Rysavy Web Designer, Teaching Learning Development Charles Darwin University, Northern Territory 0909 Tel: 8946 7779 Mobile: 0403 290 842 mailto:[EMAIL PROTECTED] www.cdu.edu.au CRICOS Provider No: 00300K *** Carmelyne Thompson To: wsg@webstandardsgroup.org [EMAIL PROTECTED]cc: tely.comSubject: [WSG] background-image: Sent by: [EMAIL PROTECTED] group.org 19/01/2005 10:09 AM Please respond to wsg Maybe I was dreaming but I recall reading somewhere that it is possible to put links on images in the background-image: property. Any direction toward that article will be greatly appreciated. I've looked far and wide, now I just want to know if I was just dreaming that I thought I read this somewhere. Thanks in advance. PS. /rock on -- Carmelyne Thompson (See attached file: cbthomps.vcf) cbthomps.vcf Description: Binary data
[WSG] Should we be thankful for IE's non-development?
Its a problem plaguing web-standards enthusiasts much like ourselves for years, which is IE's lack of compliance. But consider... what if Microsoft did keep on updating its HTML Parser and Rendering engines? ...Theoretically, wouldn't we be in a worse-off state, with even more non-standard properties? IE's non-development has created a kind of level-off, where practically everyone is now using IE6. If IE kept on being updated, many users would be lost in the continual upgrades and just give up, potentially leaving many back on older versions, with varying levels of support. Granted, whilst we could design for the lowest-common-factor, which in all likeliness would be IE5.0, we wouldn't be able to exploit the advantages of IE7.0 if it were around. Granted, whilst IE6.0's standards support isn't 100%, its better than Nav4, and since over 85% of the web-browsing public run it, should we be glad? ...Compared to 7 years ago when obscure browsers were still mainstream. Who remembers Mosaic? It was still popular in 1997 Irrelevant comparison, perhaps... but would we be worse-off if IE7.0 really did exist ...Considering Microsoft's upgrade policy, if it did, IE7.0 would probably be limited to users of Windows XP, which still only account for 66% of WWW users. Food for thought -- -David R ** 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-image:
Carmelyne- Not sure if this will help, but the following link refers to links and background-image property: http://www.w3schools.com/css/pr_background-image.asp Mary Ann -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Carmelyne Thompson Sent: Tuesday, January 18, 2005 6:39 PM To: wsg@webstandardsgroup.org Subject: [WSG] background-image: Maybe I was dreaming but I recall reading somewhere that it is possible to put links on images in the background-image: property. Any direction toward that article will be greatly appreciated. I've looked far and wide, now I just want to know if I was just dreaming that I thought I read this somewhere. Thanks in advance. PS. /rock on -- Carmelyne Thompson ** 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-image:
[EMAIL PROTECTED] wrote: This site seems to do it http://www.qrow.com/home.php div id=banner a href=home.php style=display: block;height: 198px;width:700px/a /div How about this ALA article? http://www.alistapart.com/articles/imagemap/ -- -David R ** 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-image:
Thanks. :) -- Carmelyne Thompson Web Architect/Developer [EMAIL PROTECTED] wrote: This site seems to do it http://www.qrow.com/home.php div id=banner a href=home.php style=display: block;height: 198px;width:700px/a /div Cheers *** Helen Rysavy Web Designer, Teaching Learning Development Charles Darwin University, Northern Territory 0909 Tel: 8946 7779 Mobile: 0403 290 842 mailto:[EMAIL PROTECTED] www.cdu.edu.au CRICOS Provider No: 00300K *** Carmelyne Thompson To: wsg@webstandardsgroup.org [EMAIL PROTECTED]cc: tely.comSubject: [WSG] background-image: Sent by: [EMAIL PROTECTED] group.org 19/01/2005 10:09 AM Please respond to wsg Maybe I was dreaming but I recall reading somewhere that it is possible to put links on images in the background-image: property. Any direction toward that article will be greatly appreciated. I've looked far and wide, now I just want to know if I was just dreaming that I thought I read this somewhere. Thanks in advance. PS. /rock on -- Carmelyne Thompson (See attached file: cbthomps.vcf) ** 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-image:
[EMAIL PROTECTED] wrote:
http://www.qrow.com/home.php
div id=banner
a href=home.php style=display: block;height: 198px;width:700px/a
/div
For accessibility reasons (and, heck, common sense) you should never
have a completely empty link element. If anything, you could use a span
or similar within it, and visually move it out of the viewport
a href=blahspanthis is the link text/span/a
with (in this case...you obviously would want to be specific with an id
or class)
a { display: block; background: url(/path/to/your/image) no-repeat top
left; width: 700px; height: 198px; }
a span { display: block; text-indent: -999em; }
--
Patrick H. Lauke
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] background-image:
Thanks, Mary, I appreciate it. Helen has given me an example of what I exactly had in mind. div id="banner" a href="" style="display: block;height: 198px;width:700px"/a /div :) -- Carmelyne Thompson Web Architect/Developer Mary Ann wrote: Carmelyne- Not sure if this will help, but the following link refers to links and background-image property: http://www.w3schools.com/css/pr_background-image.asp Mary Ann -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]]On Behalf Of Carmelyne Thompson Sent: Tuesday, January 18, 2005 6:39 PM To: wsg@webstandardsgroup.org Subject: [WSG] background-image: Maybe I was dreaming but I recall reading somewhere that it is possible to put links on images in the "background-image: " property. Any direction toward that article will be greatly appreciated. I've looked far and wide, now I just want to know if I was just dreaming that I thought I read this somewhere. Thanks in advance. PS. /rock on -- Carmelyne Thompson ** 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-image:
Hi Patrick,
a span { display: block; text-indent: -999em; }
is this safe? (won't it bring some scrollbars somehow etc.?)
I recently tried something like
.hide {
display: block;
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0px;
position: absolute;
}
and not also 100% sure about it...
--
Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com
Stop IE! - http://www.stopie.com/ | http://browsehappy.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] Should we be thankful for IE's non-development?
David R mailto:[EMAIL PROTECTED] on Tuesday, January 18, 2005 4:56 PM said: Its a problem plaguing web-standards enthusiasts much like ourselves for years, which is IE's lack of compliance. But consider... what if Microsoft did keep on updating its HTML Parser and Rendering engines? ...Theoretically, wouldn't we be in a worse-off state, with even more non-standard properties? I don't think so. It'd just be more of the same. Some people would have old browsers that don't work right and other people would have newer browsers that do work right. Which browsers they are makes no difference imo. Food for thought If you say so. Chris. ** 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] required attribute rows not specified problem
Jackie Reid wrote: /Line 156, column 69/: required attribute rows not specified [...] this is the bit its referring to textarea name=question cols=30 id=question/textarea [...] what's it all about? Aeh...specify the rows attribute, as it's required ;) textarea name=question cols=30 rows=5 id=question/textarea It's fairly self-explanatory, I thought -- Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE clearing when not needed
Lyn Patterson wrote: Gunlaug Sørtun wrote: You can make it work - partially at least - by removing div class=intro from the unnatural flow in IE/win through style-changes. That is negative back-side margins on floats - for short... :) Thanks, Georg - before I received your reply I kept researching and found that the containing box did not need a width and as soon as I took off the width in div.intro2, the box popped up into place. Yes, that's another way to fix things in IE/win for that layout. IE/win does a much better job if we let it decide width-issues by itself... :) Note: Your layout - using percentage width - is only stable on wide screens in any browser Meaning unstable on smaller screens? It looks just the same to me at 800x600 - would you explain a little more please . You solved that to a large degree by taking out the width, but some explanation might be in place: The original ran out of space at around 915px browser-width, and started to drop things. That was my original note. The no-set-width version is fine down to some 740px browser-width, from where the link-list on top starts wrapping and pushing everything below it out of position. This starts much earlier if text-zoom is used (larger). Try that in FF. - IE/win contains the link-list (self-clearing), so it won't break the page below. However, the containers you removed width from is now in need of a HasLayout hack, as those containers breaks into two visible parts when they becomes too tall. I didn't test if a HasLayout hack (height: 0;) will make IE/win do more strange things, but that is quite possible. - FF/Op/Saf is in need of some clearing on that link-list, so it doesn't push the content too badly out of place when wrapped. Think this will do: http://www.positioniseverything.net/easyclearing.html -- In general: Things will of course shift and wrap and so on on narrow screens and/or with text-zoom. I'm so used to test what happens from 600 and upwards with any and (almost) all options in use at the visitor's end. Think accessibility and so on. ...Better I know what fails and are in (some) control, than things breaking in ways I don't know about... :) All this is even more important on sites that are about web design, as anything that may look odd to a visitor, should be easily explained by the designer. That's why I prefer to break my own designs, instead of hoping and praying that no one pushes them too hard. Hope this helps in keeping a nice design (yours) floating... CSS is fun! regards Georg ** 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] required attribute rows not specified problem
how embarrassing...sorry must be having a real blonde day!!! Patrick H. Lauke wrote: Jackie Reid wrote: /Line 156, column 69/: required attribute rows not specified [...] this is the bit its referring to textarea name=question cols=30 id=question/textarea [...] what's it all about? Aeh...specify the rows attribute, as it's required ;) textarea name=question cols=30 rows=5 id=question/textarea It's fairly self-explanatory, I thought ** 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] Should we be thankful for IE's non-development?
On Wed, 2005-01-19 at 12:20, Chris W. Parker wrote: David R mailto:[EMAIL PROTECTED] I don't think so. It'd just be more of the same. Some people would have old browsers that don't work right and other people would have newer browsers that do work right. Which browsers they are makes no difference imo. The main point on this is, while Microsoft maintains its master share on the browser that most people have installed _and_ they drag the chain on further development, they are essentially holding web based innovation at ransom. We all understand what web standards means for the web at large, efficient light weight, beautifully structured and presented content. But the average person only sees the external bits, so in the process of explaining the IE issue, we sometimes end up looking like M$ bashers and raving zealots. The security angle is the only one that seems to get the point through at the moment. I strongly believe that Microsoft are fully aware of their strangle hold and until something like Firefox becomes a significant threat, they will sit by idle without a care in the world and claim that IE is everything their customers wanted. Regards Chris Blown ** 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] stretch them columns
On Tue, 18 Jan 2005, Ted Drake wrote: Hi All I know this has been covered, but I can't remember where to look. I just put together a quick, and I do mean quick, sample site, http://www.tdrake.net/greens to test a design concept. I want the two content bars to stick to the outside edges and the empty space between to expand and contract with the page size. It's a pretty simple concept. Think of it as two pieces of paper on a desk and you can move them back and forth, but you still see the desk behind them. So, here's my question. I need the columns to stretch to the bottom of the screen so that they are always equal length. I've used faux columns before, but this is a fluid layout. What is the method for making columns extend to the bottom of the screen? Thank you for your help. I know I could have googled this to my hearts content, but I also figured other people might be interested in the answer. Ted, Take a look at http://www.unsworth.net It is something I am working on for our Lions District. -- Get FireFox http://spreadfirefox.com/community/?q=affiliatesid=0t=1 Regards, | Lions District 201 Q3 Rob Unsworth | IT Internet Chairman Ipswich, Australia| http://www.lionsq3.asn.au - ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] empty named anchors
Empty link elements are not good (as Patrick pointed out)but what about named anchors (destination anchors)? Is there any reason why they should not be empty? I ask this because I am evaluating a site management application called Watchfire WebXM and it warns me of accessibility problems because I have a id=toc name=toc/a above the table of contents. It warns me that WCAG priority 2 guideline 13.1 states Create link phrases that make sense when read out of context. My initial thoughts are that it's just a typical glitch of software unable to percieve the difference between a named anchor and a link. I think this because there are plenty of examples of accessibilitistas using them, for example: Mark Pilgrim's Dive Into Accessibility site (http://diveintoaccessibility.org/day_11_skipping_over_navigation_links.html) uses: a name=startcontent id=startcontent/a Joe Clark's Building Accessible Websites (http://joeclark.org/book/sashay/serialization/Chapter08.html) has this: This construct is legal HTML: a href=#zip_to_search title=Zip to search/aa name=zip_to_search/a Can anyone clarify? thanks, Grant ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] background-image:
On Wed, 19 Jan 2005 02:08:53 +0100, JohnyB [EMAIL PROTECTED] wrote:
Hi Patrick,
a span { display: block; text-indent: -999em; }
is this safe? (won't it bring some scrollbars somehow etc.?)
I recently tried something like
.hide {
display: block;
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0px;
position: absolute;
}
and not also 100% sure about it...
--
Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com
perfectly safe, no scrollbars, and indeed you don't even need the
span element. just set the text-indent on the a, and the text will
be offscreen, with the background image still in place.
the earlier example (with no text being linked) is very poor for
accessibility - a meaningless link, with not even an alt for the
(background) image.
**
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] Should we be thankful for IE's non-development?
On Wed, 19 Jan 2005, Chris Blown wrote: On Wed, 2005-01-19 at 12:20, Chris W. Parker wrote: David R mailto:[EMAIL PROTECTED] I don't think so. It'd just be more of the same. Some people would have old browsers that don't work right and other people would have newer browsers that do work right. Which browsers they are makes no difference imo. I strongly believe that Microsoft are fully aware of their strangle hold and until something like Firefox becomes a significant threat, they will sit by idle without a care in the world and claim that IE is everything their customers wanted. You are right about that. Check out this link, and in particular the referenced email from Microsoft. http://www.linuxpipeline.com/57701967 -- Get FireFox http://spreadfirefox.com/community/?q=affiliatesid=0t=1 Regards, | Lions District 201 Q3 Rob Unsworth | IT Internet Chairman Ipswich, Australia| http://www.lionsq3.asn.au - ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Why does my menu float high in IE?
Can anyone see why my menu is floating above the content div in IE6? It's supposed to be touching the white area below it, as it does in Firefox and Netscape, but for a reason I can't find, in IE6 it floats above and resists any attempt I've made to bring it to heel. Obviously it's possible to get it to behave, because others have made it do so, but all the things I've tried have come to naught. I'm clearly missing something simple, but can't figure out what it is. I just KNOW its going to be one of those moments when you slap your forehead and say OH YEAH!! OF COURSE!!! The page in question is at http://staging.atalkingdog.com and the style sheet is at http://staging.atalkingdog.com/styles/atalkingdog3.css Cheers, Mike Kear Windsor, NSW, Australia http://afpwebworks.com AFP Webworks Pty Ltd ColdFusion, .asp, .asp.net, php, perl hosting starting at A$15/month.
[WSG] mysterious little movement
Hi guys, I am having a problem with my layout and I just can't figure out what it is. I was hoping perhaps one of you can see what I seem to be overlooking. If you look in IE/PC at http://dev.rmittestlab.com/ you will notice that there is a little blue space under the Services heading. Something seems to push into there and move the background image (that should be there instead) to the right. The page works fine in Firefox. Any help would be fantastic! Cheers, Andreas. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE clearing when not needed
Hi Georg Thank you so much for taking the time to explain everything. I have a much clearer idea now. Yes, that's another way to fix things in IE/win for that layout. IE/win does a much better job if we let it decide width-issues by itself... :) I decided the best way out was just to re-design the page and in actual fact it now conforms to the same design as the rest of the pages - which I should have done in the first place. The no-set-width version is fine down to some 740px browser-width, from where the link-list on top starts wrapping and pushing everything below it out of position. This starts much earlier if text-zoom is used (larger). Try that in FF. Yes, I had noticed the effect much more so in FF than in IE. - FF/Op/Saf is in need of some clearing on that link-list, so it doesn't push the content too badly out of place when wrapped. Think this will do: http://www.positioniseverything.net/easyclearing.html I think this is fixed now. Think accessibility and so on. ...Better I know what fails and are in (some) control, than things breaking in ways I don't know about... :) All this is even more important on sites that are about web design Yes, exactly - that is why I have not yet told many people my site is up as I want to be sure it is as correct as I can make it. I reduced some widths to guard against float drop in IE which was happening on the pages with forms. I am not very happy with my images in the side boxes as although I have made them quite large (200x500) at large increased text sizes they do not fill the boxes. CSS is indeed fun though very frustrating at time for a beginner. Thanks again for your help. Kind regards Lyn Western Web Design http://westernwebdesign.com.au [EMAIL PROTECTED] ** 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] Two CSS Question
On Thu, 13 Jan 2005 19:47:53 -0200, Bruno Torres [EMAIL PROTECTED] wrote: But you can hide the css from it also using link, providing two media types separated bya a comma and a space: link rel=stylesheet type=text/css href=style.css media=screen, projection / Sorry for being anal, but multiple media attrib values are to be seperated by a comma _only_, adding a space after the comma is invalid. (That said, most of my pages have a space...Glass house; stone throwing...yeah ;) Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] background-image:
On Wed, 19 Jan 2005 02:08:53 +0100, JohnyB [EMAIL PROTECTED] wrote:
a span { display: block; text-indent: -999em; }
is this safe? (won't it bring some scrollbars somehow etc.?)
I've never gotten that technique to work properly in Opera. It always either
a) makes scrollbars
b) displays some of the text despite insane negative text-indent values...
I recently tried something like
.hide {
display: block;
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0px;
position: absolute;
}
and not also 100% sure about it...
Add top:-1000px; left:-1000px; and you'll be bullet proof ;)
Andrew.
http://leftjustified.net/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] footer placement
Dennis, You have positioned all of your main divs absolutely. This takes them out of the normal positioning 'flow' of the page, which means that your footer will sit right at the top of the page. You will need to find another way of laying out your page. Using floats works. (And a clearer works after a float.) Have you looked at Russ Weakley's Floatutorial? Take a look at the tutorials at the bottom of this page. http://css.maxdesign.com.au/floatutorial/ HTH -Hugh Todd A friend began a redesign using traditional 'lay it out in Photoshop and slice it up into tables' design. As a 'new' evangelist for standards and css. I convinced him to let me try and help layout the page without tables, using CSS. Try as I might, I have failed to get a footer at the end of the page. I hacked the image off the original and tried placing it in it's own div contained within the #wrapper ... following the #wrapper - - with a clearing, without. I gave up. I've read many tutorials ... torn apart other's code that's working, searched for samples I can steal from and yet, each time, the div either winds up in some odd spot, at the top, or buried. I need to keep the layout fluid vertically ... [when he takes this back and starts plugging in samples of his work, he may want 20 thumbnails on the wedding photo pages, and 100 on the stock photo sample page]. What am I forgetting? My inclination is that I need to specify margins as specific length for the artwork ... but where? As a background? In the #wrapper? Any thoughts, links or help appreciated more than you know! http://home.comcast.net/~dennismurphy/aback/temp.html http://home.comcast.net/~dennismurphy/aback/aback.css ** 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] Where is my navbar?
I am stumped. I have a CSS Drop Menu navigation on the following page - I can see it in FF but not in IE. My page validates. My css validates. I can't see where my error is... http://www.zenfulcreations.com/client-files/gu/ The menu is customized from this one - which DOES work in IE: http://www.digital-halide.com/cssmenu/ Can someone take a second look? Lori Leach ZenfulCreations http://www.zenfulcreations.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 **
