[WSG] input/text random background color in IE?
Why is it that IE turns the background of some input/text elements to light yellow? I can't find any information as to why or how it's doing this...and I want to stop it. Anybody know what this is about? Thanks, v ** 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] input/text random background color in IE?
o, autofill...i bet it has to do with how i name my form elements... ok, then it makes sense and 'no', i wouldn't want to turn that off. i don't see it actually, i'm on a mac. when i'm on a pc testing stuff i see this though and i've always wondered what it is... the mystery has been demystified...thanks... On Jun 27, 2005, at 6:35 PM, Ben Curtis wrote: Why is it that IE turns the background of some input/text elements to light yellow? I can't find any information as to why or how it's doing this...and I want to stop it. Keep in mind when you want to stop normal behavior of the browser, if you succeed then people that expect that behavior will become disoriented and perhaps will believe that your site is broken. In essence, the answer to your question may be IE turns some input/text elements to light yellow because the user wants them that way. You haven't given us enough background to understand if this general rule applies to your circumstance. I'm not sure about IE, but Safari does this to indicate which fields were filled in by the auto-fill and which the user had modified. Without this distinction, the users may submit more incomplete or inaccurate forms. -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] problem with utf-8 page encoding
I see that it is possible, but how many folks use it? Like an individual or a small business...is it common enough (yet)? The below links aren't working in Safari... I've been researching how alot of open source cms's and blog tools deal with this issue and they don't. Most of them either have some kind of conversion map (that is completely inadequate for the task) or they create urls that have little to do with the page title. For instance... http://www.site.com/1-eaeraceceac.php // = the eaeraceceac is a botched character conversion from Chinese or http://www.site.com/page0001.php // = no reference to the page title whatsoever... The Chinese websites I have looked up have latin1 style urls...no sign of Chinese text anywhere in there. Aside of requiring a Chinese to enter in a latin page name for an article/entry/page I can't see any way possible to create urls (clean urls) using Chinese (non-latin) characters. Ideas? thanks...v On Jun 7, 2005, at 1:11 AM, tee wrote: Hi Vaska, as the w3c links Anders provided, it can. However I will be very skeptical to using it as obviously browsers are not advance enough to handle it, but then it maybe the server issue too. Sorry, I am too ignorant on this matter to tell you anything more. I did a test on Safari, FF, IE and Opera by entering domain in Chinese, only FF picks up the address. Wonder how it works on PC browsers. You may like to try: Simplified Chinese sites: A Chinese famous seach engine baidu.com> = ~{0Y6H~} Or this 163.com> = ~{RWMx~} Ebay China ebay.com.cn> = ~{RWH$~} Traditional sites: tw.yahoo.com> = ~{FfD~} yam.com> = ~{^,JmLY~} These are domains but the one Anders provided does have a path in Japanese character, and it works in FF. http://www.w3.org/International/tests/sec-iri-3 tee From: Vaska.WSG [EMAIL PROTECTED]> Reply-To: wsg@webstandardsgroup.org Date: Mon, 6 Jun 2005 21:32:08 +0200 To: wsg@webstandardsgroup.org Subject: Re: [WSG] problem with utf-8 page encoding tee, or really any Chinese person on this list, one thing that I've been cuious about is how do you deal with creating urls. this could sound extremely naive and i'm sorry for that. it's my understanding that use of latin1 characters only is allowed to make a url...or create folders etc... http://www.this-is-latin1-text.com/and-this-is-a-folder/and-this-is-a- filename.php this wouldn't be possible... http://www.~{6(;[EMAIL PROTECTED]~{Q!Pc~}.com/~{6(;[EMAIL PROTECTED]/~{6(;[EMAIL PROTECTED].php i've been having to find a way to deal with this issue and so far i've only come up with workarounds that just don't seem very user-friendly. i was looking at conversion maps but it became a completely crazy exercise... v ** 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] problem with utf-8 page encoding
You really need to give us the URL of the page that this occurs on so others can test it. It's on my dev server. If you really want to see a test page (where the images aren't working and alot of the css is totally in outerspace right now) it's here. http://www.vaska.com/wsg/08test.php We also need to know os/ver and browser/ver it occurs on to emulate it. OSX 10.3.9...Safari, Firefox, Mozilla, IE... Opening it as a local file is not a good test Apparently so, because the test, at least for me, works when it's on my server. I should have thought of this one. There are a few validation errors right now as well... Thanks for the advice Peter. I think I'm on the right track...just trying to get over some of the finer details so I can move forward (I'm competely rebuilding something that I've been using with clients for years en route to making it an open source thing). v
[WSG] tr onmouseover or class:hover
I've been fishing for an answer to this but I can't find one. I know I've read somewhere in the past that if you want to change the color of a table row TR I need to use: class='transparent' onmouseover=this.className='over'; onmouseout=this.className='transparent'; I would certainly prefer to use something along the lines of (sans mouseoverout action): .transparent:hover { background: #00; } It certainly does work in modern browsers, but isn't there some issue with IE (per the usual) that prevents this route from being more commonly used? What are the limitations I need to be aware, etc... The discussion about tables isn't relevant here...I'm using tabular data...ahem... Thanks, v ** 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] problem with utf-8 page encoding
tee, or really any Chinese person on this list, one thing that I've been cuious about is how do you deal with creating urls. this could sound extremely naive and i'm sorry for that. it's my understanding that use of latin1 characters only is allowed to make a url...or create folders etc... http://www.this-is-latin1-text.com/and-this-is-a-folder/and-this-is-a-filename.php this wouldn't be possible... http://www.~{6(;[EMAIL PROTECTED]~{Q!Pc~}.com/~{6(;[EMAIL PROTECTED]~{Q!Pc~}/~{6(;[EMAIL PROTECTED]~{Q!Pc~}.php i've been having to find a way to deal with this issue and so far i've only come up with workarounds that just don't seem very user-friendly. i was looking at conversion maps but it became a completely crazy exercise... v
Re: [WSG] Character encoding
For some reason, I feel I have to escape every character that is not a letter or number. I was feeling the same, and working on it, when this thread arrived. At the time it appeared I was looking up numeric entity lists in Cyrillic and adapting them to a conversion_map function (for PHP). I was arriving at the conclusion that it was completely crazy to go this route...because Chinese was on the horizon. Thanks...v ** 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] problem with utf-8 page encoding
I'm not sure what the deal is, but when I bring up a page in my system it doesn't encode properly at first. I have to go the browser options and change it to utf-8. The funny thing is that utf-8 is my default as set in all my browsers. This is my header... !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> html xmlns=http://www.w3.org/1999/xhtml xml:lang='en' lang='en'> head> title>Page title/title> meta http-equiv=Content-Type content=text/html; charset=utf-8 /> etc...etc... And in my document I am specifying the correct language as needed...yes, I know it's a table but this is tabular data...I'm just trying to show the pertinent parts here... td width='60%' class='cell-doc' xml:lang='zh' lang='zh'>~{6(~} ~{;[EMAIL PROTECTED] ~{4N~}~{Q!Pc~}/td> I don't have any output buffering or anything of the kind going on here. Is there some on the surface here that I'm missing? Thanks, v
Re: [WSG] Regarding foreign languages
Vaska, you¨re still mixing those: I think you are mixing two things which should be separated. The first problem is the language of the page (defined in the header) The second problem is how to create a non-ascii character He is right. I've already identified that I will be using utf-8. And I've accepted use of xml:lang/lang: in both the header and on the individual form elements (as necessary) - what am I still mixing on this issue? Am I missing something more obvious? No, the browser will. It will send the characters in the encoding (charset, not language!) of the page. Thanks, I understand what's going on with this now. I was really just curious how it was dealt with - I don't believe it changes anything on the server-end (and didn't think it would). You mention the use of Unicode...perhaps I'm way out there on this point but am I not allowed to assume that the user will be using unicode to input their data? I know it's a web browser, but is there some way I can restrict their input to unicode (the page xml:lang that is)? If they enter something else, it likely won't work. Perhaps this is where I'm still 'mixing' things up? v ** 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] Regarding foreign languages
Am I allowed to ask about non-CSS things here? In particular, I'm trying to deal with how to handle inputs of Chinese characters via some forms. What I'm wondering is... - will utf-8 suffice? - do I need to specify html xmlns=http://www.w3.org/1999/xhtml; xml:lang='en' lang='en' as ZN? is it necessary? Isn't utf-8 good enough? And further, I'm not sure how to handle Chinese text on the validation end of things, but this might be a subject for a different list altogether. I'll eventually have to deal with some other languages but Chinese will likely be one of the more difficult ones. ??? I'll see what happens when I send this...v ** 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] Regarding foreign languages
It's for a multilanguage site and base language will be English. Everything on the form will be English except the actual input (textarea). Would it hurt anything if I just kept the lang declaration as EN in the header? Or, since the input will be Chinese should it be ZN? Or, do I need to be more specific and delcare lang=ZN on the textarea itself? I was wondering though...since it's ALL utf-8 it might not be necessary to declare lang=whatever at all? Out of curiousity, I'm not sure why we need to declare lang and xml:lang since utf-8 (I believe) is all we really need? On Jun 2, 2005, at 4:21 PM, Ben Ward wrote: The language in your html element should be the language of the page. If you have a section of the page (be that a parapraph, form, anything) which uses a different language then you can add a lang and xml:lang attribute to that as well. HTML is generally rather good at doing multi-lingual documents. I could do this on a page (this is condensed down and is missing some attributes, but I just want to show the xml:lang/lang behaviour): html xml:lang=en-gb !-- the page is in English -- head/head body form xml:lang=fr !-- this form is in french -- /form !-- outside of the form, the language is still English -- /body /html The language declaration doesn't restrict the characters you can use in forms, regardless. So you don't need to add a language attribute to your sub-elements unless you are explicitly requiring Chinese input. Obviously if it's an all chinese site then it would make sense to change the language value in the html element itself. Ben ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Style PRE with word wrap?
It's a pretty solution, but it doesn't word-wrap...at least not in Safari. Make your browser window thinner and see what happens? What I'm doing is no different except that I'm going through the trouble of having php count the number of tabs and then using that information to insert the correct class. If there are more than 5 \t's I just stop it there. This information is coming out of a database so it's no trouble going this route... Oh, I'm not using pre either...v On Jun 1, 2005, at 1:08 AM, Lachlan Hardy wrote: Vaska.WSG wrote: I've been reading around (via Google) and I find others with similar problems but no solution. Is there a solution to this? Whenever I present code in a page, I use something similar to the method Simon Willison put forward by in July 2002: http://development.incutio.com/simon/numbered-code-experiment.html Works for me. I've yet to find a better method (although if someone has one...) Cheers Lachlan ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Style PRE with word wrap?
I'm trying to make a page that will display some source code. The PRE tag works very will with retaining \t and \n but I can not find a way to make it wrap words. Words fly off the monitor... I've been reading around (via Google) and I find others with similar problems but no solution. Is there a solution to this? Help... ;) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Style PRE with word wrap?
Thanks for the discussion folks... Actually, because I can't really find a way to get by on the word-wrap issue and also the use of indents (as they appear in the code) I've done all of this in php without code or pre. It uses nbsp;'s for the tabs (preg_replace(/\t/...). Aside from creating a few more regex rules to deal with inputting slashes and the like, it seems to work well enough. What I'm doing is meant purely for presentation...it's a fast way for a person to view a script and try to determine where a bug might live (via the line number). If you are curious this is what an output looks like (I'm not sure if the nbsp;'s will encode when I send this email). If there is time I might add some simple syntax highlighting rules to the script... strong1/strongnbsp;nbsp;nbsp;nbsp;nbsp;lt;?phpbr / strong2/strongnbsp;nbsp;nbsp;nbsp;nbsp;br / strong3/strongnbsp;nbsp;nbsp;nbsp;nbsp;function rowNumber($i)br / strong4/strongnbsp;nbsp;nbsp;nbsp;nbsp;{br / strong5/strongnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;if ($i lt; 10) {br / strong6/strongnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;nbsp;return quot;lt;stronggt;$ilt;/stronggt;amp;nbsp;amp;nbsp;amp;nbsp; amp;nbsp;amp;nbsp;quot;;br / strong7/strongnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;} elseif (($i gt;= 10) amp;amp; ($i lt;= 999)) {br / strong8/strongnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;nbsp;return quot;lt;stronggt;$ilt;/stronggt;amp;nbsp;amp;nbsp;amp;nbsp; amp;nbsp;quot;;br / strong9/strongnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;} else {br / strong10/strongnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;return quot;lt;stronggt;$ilt;/stronggt;amp;nbsp;amp;nbsp;amp;nbsp; quot;;br / strong11/strongnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;}br / strong12/strongnbsp;nbsp;nbsp;nbsp;}br / strong13/strongnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;br / strong14/strongnbsp;nbsp;nbsp;nbsp;?gt;br / On May 31, 2005, at 2:43 PM, Patrick Lauke wrote: designer Surely, the fact that pre denotes 'preformatting' means that the formatting has occurred 'somewhere else' and not in the body of the html. So, in that sense, in what way is pre 'presentational' any more than all CSS is 'presentational? Aeh...I'm not quite following your reasoning here. But to pick up just on the last bit: CSS is *meant* for presentation, while HTML should only mark up *content*. That's where I see the problem: pre denotes how something looks, rather than what it is (which is the whole idea of semantic markup). To take a simple example, if I set CSS rules in defining H1 characteristics, is using that h1 tag in the html 'purely presentational' or is it different to pre? You'd use h1 only if the text you're marking up is an actual heading (unless you use h1 to mark up oh, i want that text nice and big, in which case you're abusing h1 for presentational purposes). But to reiterate: h1 has semantic connotations - the content it marks up is a heading. pre, on the other hand, does not provide any indication of what's inside, only how it's displayed. Sometimes, pre strikes me just like a css declaration, except that you don't have to declare what the formatting is in the header :-) And that's a bad thing; we want separation of content and presentation. Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Style PRE with word wrap?
I think this will do the trick. It's a little odd, and I'll have to test this out more, doing a preg_match_all to determine how many \t's there are (so we know what class='tab$number' to use), but I think in most instances this will suffice. Thanks for pointing this solution out...v On May 31, 2005, at 4:41 PM, Ingo Chao wrote: Vaska.WSG schrieb: Actually, because I can't really find a way to get by on the word-wrap issue and also the use of indents (as they appear in the code) I've done all of this in php without code or pre. It uses nbsp;'s for the tabs (preg_replace(/\t/...). ... If you are curious this is what an output looks like ... strong1/strongnbsp;nbsp;nbsp;nbsp;nbsp;lt;?phpbr / strong2/strongnbsp;nbsp;nbsp;nbsp;nbsp;br / strong3/strongnbsp;nbsp;nbsp;nbsp;nbsp;function rowNumber($i)br / When you are using php, you can do this with ol class=csshtml li class=t01codelt;?php/code/li li class=t02codefunction rowNumber($i)/code/li ... /ol and so on. I saw this on http://www.456bereastreet.com/archive/200504/ fixed_or_fluid_width_elastic/ and I think it makes much sense to put a source listing in a ol and the tabulator as a class for li and the line code in code. And it's flexible enough for indenting, hovering and so on. Now you can style the classes and code for your needs. For example, I don't use the line numbers for short code snippets in my demo here: http://www.satzansatz.de/cssd/forgottenbg.html see what happens when the line wraps: the indention/tab takes effect. ( IMHO that's better than pre { white-space: -moz-pre-wrap; white-space: pre-wrap;} starts at the beginning of the line after a wrap) Should be usable even when CSS is off. Another way without php might be to leave the pre on the page pre ... /pre and to write a javascript injection routine for this to get ol class=csshtml li class=t01codelt;?php/code/li ... /ol automagically. Anyone sure can do this, might be practical for pages with listings. Ingo ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] 100% table in 775px div w/overflow:auto
Certainly modern browsers (Safari, Firefox, Mozilla) handle what I'm trying to do, but IE is mucking this up. I'd post a link but this is on an internal dev server... I have a div that is 775px wide and 300px tall with overflow:auto. Inside there is a table (for tabular type data) that is 100% wide. Modern browsers show this just right...a scroll bar at the right so users can scroll through the data. div style='width:775px:height:300px;overflow:auto;' table width='100%' cellpadding='0' cellspacing='0' border='0' trtdtabular data/td/tr /table /div IE gives me a scrollbar at the bottom and the width of the table does not reduce itself for the scrollbar at the right (which is the real problem). Is there a way to get by this (using css I mean)? IE also blows out the data so that even objects that are in the hidden range are active (like an onmouseover action for instance). Do I just toss in the towel trying to deal with the issue or is there anything that can somehow be done about this. Thanks, v ** 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] 100% table in 775px div w/overflow:auto
Yeah, the typo was from a fast typist... ;) I think Rowan's solution will just have to do. I do make a point to specify to users that it's highly recommended they use a 'modern' browser - complete with a link to Firefox. So, I think that will just have to cover this problem well enough... Thanks for the tip...v On May 26, 2005, at 11:55 AM, Rowan Lewis wrote: Patrick, I'm sure that was just a quick example to show us what the problem was, no need to be picky :) Anyhow, when I come across problems like this with IE, I tend to use something like this: table { width : 100% !important; width : 95%; } ** 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] multiple columns and 100% height
No, that's not it. Now I'm totally dying because I can't find it. Some guy had figured out, and I believe had tested a way to audtomatically keep column heights at equal heights to each other. No javascript and it didn't even appear to be a hack. He made some comment that he stared at his monitor in disbelief because it worked. Then he told some colleagues and everybody was mystified by the utter simplictiy of the method. I'm not joking...but it might not have been widely tested (I can't remember this part). Guess I should start keeping a history of every site I visit in the browser from now on...darn. On Apr 18, 2005, at 10:30 AM, Carlos Rincon Sanchez wrote: maybe this can help you http://www.neuroticweb.com/recursos/3-columns-layout/ ** 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] multiple columns and 100% height
Fauxcolumns isn't it. Darn, I can't believe I didn't put this link in my read me files... On Apr 16, 2005, at 5:28 PM, David wrote: Also a case for faux columns... http://www.alistapart.com/articles/fauxcolumns/ A short while ago somebody wrote an article about achieving 100% height divs when using multiple columns. Their solution was something really simple but for the life of me I can't remember the trick - it was some kind of one line rule...height: ???. But I'm not sure. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] typographic challenge with css
Hi folks: I'm trying to do something and I'm not sure if this is possible. What I want to do is write simple sentence constructed of left floated divs...like... div class='sentence'This/div div class='sentence'is/div div class='sentence'a/div div class='sentence'sentence./div The tricky part, since I can't do this with a span (I believe) is that I only want class='sentence' to be just the width of the word itself (just as a span does it). Additionally, and this is why it's necessary, I want to mark up each div with further things (the 'sub' class would center the text underneath the 'sentence' class and would have smaller text)... div class='sentence' This div class='sub'A/div /div div class='sentence' is div class='sub'A/div /div div class='sentence' a div class='sub'A/div /div div class='sentence' sentence. div class='sub'A/div /div ??? ** 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] typographic challenge with css
Thanks for that. I was missing the span display:block...plus I had forgotten the simplicity of a floated div that doesn't have a width applied to it. *) except old buggy browsers, ofcourse Yep...it's will work in IE5/Mac is it's just span (without display:block) oddly enough, otherwise it doesn't. Good thing I don't really develop for that browser any more. I still need to check all of this on IE5/PC though...later. ;) On Mar 31, 2005, at 2:00 PM, Kornel Lesinski wrote: On Thu, 31 Mar 2005 12:31:25 +0100, Vaska.WSG [EMAIL PROTECTED] wrote: The tricky part, since I can't do this with a span (I believe) is that I only want class='sentence' to be just the width of the word itself (just as a span does it) a bit offtopic note: From CSS point of view there is no difference between tags. You can* do same things with span, div, b, table or even apply styles to title and meta tags. *) except old buggy browsers, ofcourse Magic: span {display: block;} div {display: inline;} and you have presenation of those two swapped! This doesn't affect HTML, which still has to follow it's own rules and should carry semantics. -- regards, Kornel Lesi?ski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Floated right div gets pushed below the left
Nice. We're currently in a prototype stage so I won't really think about the final solution until next week (but I'm downloading your markups right now). Thanks very much, vaska On Mar 25, 2005, at 12:28 AM, Andrew Hawthorne wrote: Hi Vaska, I think I may have a solution for you -- negative margins. I've used this method before and have had great luck with it. You can read up on Creating Liquid Layouts with Negative Margins for some details on the technique. This is one of my favorite articles on A List Apart. I was bored over lunch so I threw this together for you as an example http://boxmodel.com/wsg/vaska.php . It's a rushed so I apologize. It's tested in IE6, Firefox 1.0.2, Netscape 7.2, and Safari 1.2.4 (v125.12). I hope this sends you in a positive direction. regards, Andrew ** 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] you've been framed! - Pt2 : overflow
Javascript...calculate the height of the window or even a particular div (like the one that the overflow is inside of)...and then apply height to the div in question (based upon the calculated heights of things minus some amount perhaps)...not the most elegant way to things however... What about...I can't find it right now...there's a tutorial out there about creating frameless frames using css...it might be a better solution then you can have your nav on the left and when you scroll it won't move...just your right side content will scroll...v On Mar 25, 2005, at 1:10 PM, designer wrote: Happy Easter to all! So I've done some fiddling with overflow : auto, and failed. My problem is (as far as I can see) that one has to specify a height for the div which has overflow:auto, and I don't know how to set the height to fill the viewport space under the menu. Normally I'd set it to 100%, but that gives me all kinds of problems. Firstly, if I pick the 'happy medium' of 1024 by 768 and give the div a height of 500px, it looks great. When I resize to 800 x 600 however, I get 2 vertical scrollbars - the one in the div and the one in the browser itself. So I set the overflow to hidden on the body, and that solved that, but what remains is still a clumsy looking mess. The effect I'm after can be seen by going to: www.kernowproperties.co.uk and when you get in, select the 200k max link. You will see a long list of houses for sale. The list can be scrolled, whilst the menu on the left stays put. Great! However, my attempt ( which can be seen at: http://www.kernowproperties.fsnet.co.uk/propertydetails/ noframes_200kmax.html ) shows my problem: I cannot set the height so that it makes good use of the viewport area - what fits in 800 x 600 looks ridiculous in 1240 by 1024. etc etc. OK, maybe I'm missing a trick here (do please tell me!) but if not, it looks as though this solution isn't one, after all. Your comments, suggestions and general help would be most welcome. Thanks, Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] you've been framed! - Pt2 : overflow
Check this out...not sure if it's what you want, but I found an article about it for you... http://www.stunicholls.myby.co.uk/layouts/frame.html Doesn't work in IE5 but I think if you dig around enough you could find somebody who has solved this problem... good luck...v On Mar 25, 2005, at 1:10 PM, designer wrote: Happy Easter to all! So I've done some fiddling with overflow : auto, and failed. My problem is (as far as I can see) that one has to specify a height for the div which has overflow:auto, and I don't know how to set the height to fill the viewport space under the menu. Normally I'd set it to 100%, but that gives me all kinds of problems. Firstly, if I pick the 'happy medium' of 1024 by 768 and give the div a height of 500px, it looks great. When I resize to 800 x 600 however, I get 2 vertical scrollbars - the one in the div and the one in the browser itself. So I set the overflow to hidden on the body, and that solved that, but what remains is still a clumsy looking mess. The effect I'm after can be seen by going to: www.kernowproperties.co.uk and when you get in, select the 200k max link. You will see a long list of houses for sale. The list can be scrolled, whilst the menu on the left stays put. Great! However, my attempt ( which can be seen at: http://www.kernowproperties.fsnet.co.uk/propertydetails/ noframes_200kmax.html ) shows my problem: I cannot set the height so that it makes good use of the viewport area - what fits in 800 x 600 looks ridiculous in 1240 by 1024. etc etc. OK, maybe I'm missing a trick here (do please tell me!) but if not, it looks as though this solution isn't one, after all. Your comments, suggestions and general help would be most welcome. Thanks, Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] you've been framed!
As far as I'm concerned, when you have a great long scrolling list (for example) and you want (need) to keep the nav stuff stationary, frames represent the ONLY way to do it. The ONLY? What about: div style='width:300px;height:300px;overflow:auto;' !-- put your stuff in here -- /div That seems to work pretty well too. Iframes are perfecty fine in some situations, but don't forget about the above...it works quite well too... ;) ** 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] Who's putting javascript in my code?
i had a similar problem recently...we figured out after a week that it wasn't just on my end...although the host claimed they had checked everything, the server had a virus (that was connect to a java applet on another site that was a known home for hackers)...hopefully your problem isn't nearly as bad as mine was... are you on a mac or pc? i moved to a new server (still with the same host)...v On Mar 24, 2005, at 5:04 PM, Alex Katechis wrote: Seems interesting... the address 127.0.0.1 is the TCP address for loopback. This means that any computer that calls that address is actually referring to itself. The only reason I can think of, is that your browser is inserting it in order to allow or block certain functionality on the page (popup-blocking, ad-blocking, etc.) Have you tried inserting that address into a browser window and trying to download the file? Maybe then you can open up the script and it may give you clues as to its origin and purpose.
Re: [WSG] Targeting Mac IE5.1 on OSX
I can't find the exact webpage, but it is possible to arget IE on Mac...like this...it's an odd hack that does work... .innerbox { /* commented backslash for IE5-Mac \*/ background: url(../imgs/bg-menu-test.png) repeat !important; /* end hack */ background: #666; height: 36px; padding: 6px 0 0 51px; } What I'm doing in this example is using a PNG background for modern browsers and then for: IE/Mac it ignores the background item and goes to the background color option instead IE/PC it ignores the !important line and uses the background color option... No need for conditional statements...v ** 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] Inline list with images, no text
Aside from an example over at Shaun Inmans great site, has anybody come up with a reasonable method for creating an inline list that hides the text (via text-indent) and uses image swapping on hover via css? Inman's is great, but after experimenting with what he has done it doesn't hold up well enough for my purposes. I've searched my collection of over 11,000 posts to this newslist and also the web and I can't come up with anything...??? Thanks for any ideas... ** 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] 1px shift on inline list for visited links only
I can't quite figure out why my list (site navigation) shifts to the right 1px every time I hover over an item that has a link that I've already visited - in Safari and Firefox on the mac at least. It doesn't effect links that I have not visited. I've validated both the page and the css and I am using sIFR and YoungPup's sliding menu script (but I'm pretty sure these are not the problem). This is the page = http://www.vaska.com/a/ This is the css = http://www.vaska.com/a/css/c.css And below is the css where I'm sure the problem resides. It has something to do with the visited state of things but I'm drawing a blank right now. Any help would be much appreciated, thanks. v ps: Hover over menu/options to get the menu. If you are using IE on the pc the menu when it comes down it might look kind of crazy since I haven't yet applied the background stuff to it... #navigation { width: 700px; margin: 0; padding: 0; } #navigation li { list-style-type: none; display: inline; } #navigation li a { text-indent: -3000px; height: 27px; padding: 0; margin: 0; border: 0; } #navigation li a#home { float: left; width: 40px; background: url(../imgs/nav-home.gif) left top no-repeat; } #navigation li a#work { float: left; width: 35px; background: url(../imgs/nav-work.gif) left top no-repeat; } #navigation li a#svcs { float: left; width: 53px; background: url(../imgs/nav-svcs.gif) left top no-repeat; } #navigation li a#jrnl { float: left; width: 49px; background: url(../imgs/nav-jrnl.gif) left top no-repeat; } #navigation li a#hello { float: left; width: 44px; background: url(../imgs/nav-hello.gif) left top no-repeat; } #navigation li a#en { float: right; width: 19px; background: url(../imgs/lang-en.gif) left top no-repeat; } #navigation li a#es { float: right; width: 19px; background: url(../imgs/lang-es.gif) left top no-repeat; } #navigation li a#fr { float: right; width: 19px; background: url(../imgs/lang-fr.gif) left top no-repeat; } #navigation li a:visited#home, #navigation li a:visited#work, #navigation li a:visited#svcs, #navigation li a:visited#jrnl, #navigation li a:visited#hello, #navigation li a:visited#en, #navigation li a:visited#es, #navigation li a:visited#fr { text-decoration: none; border: 0; } #navigation li a:active#home, #navigation li a:active#work, #navigation li a:active#svcs, #navigation li a:active#jrnl, #navigation li a:active#hello, #navigation li a:active#en, #navigation li a:active#es, #navigation li a:active#fr { text-decoration: none; border: 0; } #navigation li a:hover#home, #navigation li a:hover#work, #navigation li a:hover#svcs, #navigation li a:hover#jrnl, #navigation li a:hover#hello, #navigation li a:hover#en, #navigation li a:hover#es, #navigation li a:hover#fr { background-position: 0 -27px; } #navigation li.active a#home, #navigation li.active a#work, #navigation li.active a#svcs, #navigation li.active a#jrnl, #navigation li.active a#hello { background-position: 0 -27px; } ** 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 does not show up
Sorry, this is on an internal server that's not accessible to the outside. I'm having a strange little bug that is showing up in Safari 1.2.4 (oddly, it works fine in IE). I have a container div and then a content div inside of that. The content div has a margin at the top of 150px. When I have a background color applied to the container div it does not appear until the content div begins (so I have a 150px band of just the body background color. This is basically how it's coded: div id='container' div id='content' All the content stuff... /div /div #container { margin: 0; padding: 0 0 0 51px; background: #cc; } #content { width: 705px; margin: 150px 0 75px 0; } Strange enough, if I place a letter in the container div (like an 'a') it displays as it should (except with the a). I really don't feel that I should need a hack for this...??? v ** 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 does not show up
Ah gee, after having this in the back of my head for two days I get a solution the second after I posted this (I'll wait three days in the future). Unless somebody has a more solid solution (like exactly why it does that) this does the trick and doesn't get in the way of the design. ;) Change the content margin spacing to the container padding spacing... #container { margin: 0; padding: 150px 0 0 51px; background: #cc; } #content { width: 705px; margin: 0 0 75px 0; } On Jan 21, 2005, at 5:11 PM, Vaska.WSG wrote: Sorry, this is on an internal server that's not accessible to the outside. I'm having a strange little bug that is showing up in Safari 1.2.4 (oddly, it works fine in IE). I have a container div and then a content div inside of that. The content div has a margin at the top of 150px. When I have a background color applied to the container div it does not appear until the content div begins (so I have a 150px band of just the body background color. This is basically how it's coded: div id='container' div id='content' All the content stuff... /div /div #container { margin: 0; padding: 0 0 0 51px; background: #cc; } #content { width: 705px; margin: 150px 0 75px 0; } Strange enough, if I place a letter in the container div (like an 'a') it displays as it should (except with the a). I really don't feel that I should need a hack for this...??? v ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Another amazing css zen garden entry
It's not beautiful if you zoom your text. ** 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] Space problem in CSS menu with IE5.0
Perhaps it's the line-height in #jour? Looks like it's about 12px extra there...you might need to add that to #jour a...v On Dec 10, 2004, at 1:08 PM, Antonio wrote: I can't solved a space problem in a CSS menu that only affects IE5.0: XHTML: http://kalimeo.com/menu CSS: http://kalimeo.com/menu/menu.css IE5.0 screenshot : http://kalimeo.com/menu/IE5.html Any ideas? Thanks for your help... Antonio ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Design Philosophy
I'm following behind the curve on this one as it seems people have put this to rest. However, I really do not want to be grouped into a category of people who believe in standards above all else. I am a print designer first and foremost. My response, below, was really more about shock than anything else. I couldn't believe that somebody would propose to take the visual design out of things. If that were the case, I would probably stop building websites tommorrow. In reality, it would need to be much higher than 7% to get me to stop building websites. I would just stop using CSS first... Anyways, we were dealing with an article from 1999 (or so) - things become antiquated rather quickly. Having worked in a few design shops I can say that group discussions about design 'philosphies' tend to become pedagogical exercises rather quickly as every job you ever do will likely be unique. On 12 May 2004, at 18:04, P.H.Lauke wrote: Yes, but are there any really hard statistics about what the public is doing. We know roughly 7% don't use or diable javascript. But what about disabling styles? rant type=unfocussed rambling Why is that relevant? Heck, it's almost like we're going back to the old how many % of users still run at 800x600...lamers We know it's 7% ? Do we ? Lies, statistics and lies...it always comes down to *your* particular audience. Yes, we have to give up a level of control on how our pages are presented (if you want pixel perfect, go back to print, or use flash/PDF/etc), but we gain flexible delivery based on user preferences. We're not forcing our visual sensibilities onto users that don't want them (e.g. those surfing with a simple text browsers couldn't give a damn about lines and lines of markup relating to presentation, or stylesheets). However, that's obviously *not* the same as saying that we should therefore not care about presentation at all. /rant P * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] reference entity year end with ; ???
It's frustrating as it can be very difficult to find information about these things via Google. Anyways, I'm getting alot of error messages when I validate - in particular I'm getting messages like this: 7. Line 50, column 40: cannot generate system identifier for general entity year td class=calndrHdra href=?month=4year=2004a=Homelaquo;/a/td 8. Line 50, column 40: general entity year not defined and no default entity td class=calndrHdra href=?month=4year=2004a=Homelaquo;/a/td 9. Line 50, column 44: reference not terminated by REFC delimiter td class=calndrHdra href=?month=4year=2004a=Homelaquo;/a/td 10. Line 50, column 44: reference to external entity in attribute value td class=calndrHdra href=?month=4year=2004a=Homelaquo;/a/td 11. Line 50, column 44: reference to entity year for which no system identifier could be generated td class=calndrHdra href=?month=4year=2004a=Homeq=indexlaquo;/a/td 12. Line 50, column 39: entity was defined here td class=calndrHdra href=?month=4year=2004a=Homelaquo;/a/td Oi vey, wondering what I'm doing with this stuff anymore... Can somebody shed some light on these messages? v * 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] reference entity year end with ; ???
Thanks, all of this is just making more stupid by the second... ;) On 12 May 2004, at 17:15, Chatham, Will wrote: What it's trying to say is that you need to change your '' to the 'amp;' entity in your URL's. The XHTML validator is trying to parse year, which isn't valid. Check out this (Section C12) for more info: http://www.w3.org/TR/xhtml1/ Will Chatham * 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] Design Philosophy
Yes, but are there any really hard statistics about what the public is doing. We know roughly 7% don't use or diable javascript. But what about disabling styles? On 12 May 2004, at 16:13, Jeremy Flint wrote: On the web, you really have NO control over your site once it is public. Users have the ability to disable styles, images, apply different fonts and colors that override yours. The only thing you truly have control over is the information and the code behind it. All asthetic aspects of a site are open to whether a user wants to see them. * 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] reference entity year end with ; ???
Thanks Justin, It's clear to me. But what I can't figure out is why I've never noticed this one before? Really...I'm just amazed this hasn't crossed my path before... It will probably only take a couple of hours to make all the changes, not very much in the grand scheme of things...v On 12 May 2004, at 17:29, Justin French wrote: Vaska, The answer is simple. Your URLs contain ampersands (), which are a character which cannot be used directly in HTML. Why? Because it's used for entities, like amp; and copy; and #8212;. Without boring you with the details, you need to use ?month=4amp;year=2004amp;a=Home, not ?month=4year=2004a=Home to pass validation (hence write well-formed HTML). No, the validator is not broken or wrong. Yes, I know every book tells you to use a plain ampersand. Yes I know it works in most browsers and situations today, but plain ampersands are not correct :) If it's a huge deal to re-write your application at this point, you might consider writing a quick function (in PHP, I'd use ob_start() with a call back function with a regex to replace all the problematic ampersands in URLs on the way to the browser), but your mileage may vary. You're better off getting it right now, rather than relying on such a beast. Justin * 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] Problems with tables and two fixed-width columns
On 11 May 2004, at 15:41, Philippe Wittenbergh wrote: For one - you have a width defined container (#middle) next to a floated box, this is sometimes (hmm) problematic in IE - the 3px jog is messing things up. Do you think so? I have a space in between the left and middle divs that is left empty...it's about 15px wide...nothing occupies this zone... Reading, reading, reading...v * 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] Problems with tables and two fixed-width columns
Since it seems like a rather common problem... My solution certainly required the box model hack. Plus instead of left and right floats I used only left floats. All my column widths are obviously fixed. Perhaps things were helped by the fact that only one of the tables required a width of 100% also. It's all working (and tested) very nicely now...v ps: I've never used a mail list to search for problems. But now that I have 3,087 WSG messages in this mailbox I can usually search the subject or message body and find solutions to problems - it's really quite cool. Thanks WSG... On 11 May 2004, at 15:41, Philippe Wittenbergh wrote: For one - you have a width defined container (#middle) next to a floated box, this is sometimes (hmm) problematic in IE - the 3px jog is messing things up. Do you think so? I have a space in between the left and middle divs that is left empty...it's about 15px wide...nothing occupies this zone... Reading, reading, reading...v * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Textarea problem
This is really a pain. The problem I can see is that with a liquid layout I need to specify an actual width for the middle column (the left and right columns both being fixed-width) - so the solution is not so easy. Holly's hack didn't work and besides I rarely use hacks as I generally simplify things to a point where I either don't need them or I can go around the problem. As for this problem, M$/IE wins again, I'll go back to two columns for this particular part of things. Thanks for the input...v On 10 May 2004, at 03:41, Philippe Wittenbergh wrote: On May 9, 2004, at 11:14 pm, Vaska.WSG wrote: I'm having a problem with a textarea. It will display properly on the page (which has three div columns) but when a person begins to input data it automatically expands (to the right) so it occupies two columns instead of just the middle column. I've never seen anything like this before... textarea name='msg' class='t1'/textarea .t1 { display:inline; - this is a tip I got from the mail list width:98%; height:125px; } I've seen this more when using percentage based width (and the same happens to tables, but mostly in quirks mode). One solution is to have a width (or height [1]) explicitly declared on the direct parent container. [1] height:1% on that parent container would be OK, but only served to IE Windows, by using the 'Holly' hack. Hack explained down this page http://www.positioniseverything.net/explorer/threepxtest.html ---/--- Philippe Wittenbergh now live : http://emps.l-c-n.com/ code | design | web projects : http://www.l-c-n.com/ IE5 Mac bugs and oddities : http://www.l-c-n.com/IE5tests/ * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] Textarea problem
I'm having a problem with a textarea. It will display properly on the page (which has three div columns) but when a person begins to input data it automatically expands (to the right) so it occupies two columns instead of just the middle column. I've never seen anything like this before... textarea name='msg' class='t1'/textarea .t1 { display:inline; - this is a tip I got from the mail list width:98%; height:125px; } I've validated the code and this problem seems consistent in IE6 in windows 2000. Has anybody experience this same problem? I could post more code for this but I'll wait and see if there might be an easy solution to this first. Thanks, v * 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] Validator Question re SHORTTAG YES
I'm not sure what this means actually. This is from a table in my code which is for tabular data, not for layout. ??? Am I correct in assuming that the validator does not like the 'nowrap'? And that probably being the case, and since I do need it, is there some other betther method for pulling this off? From http://validator.w3.org/: 2. Line 65, column 23: the name and VI delimiter can be omitted from an attribute specification only if SHORTTAG YES is specified td width='10%' nowrapa href='#'Updated/a/td * 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] advice re min-height
I'm not sure if my understanding of min-height is correct. What I want to do is set a min-height on a div and then when there is too much info it will automatically expand itself. Apparently, I need to use height as well for M$ browsers but what I don't quite understand is how do the other browsers properly interpret that when you have both a height and a min-height...? Wouldn't it possibly be easier to just use height and then overflow:visible to achieve the same effect? I can test around with this but I'm curious if there is a best-practice for this kind of thing... Thanks for any thoughts...v * 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] Show/hide layers without javascript (was: [WSG] How to do some things)
Thanks all, I guess the many explanations explain just why I've never done it with pure CSS before. I'll go back to my javascript and have a coke and a smile. ;) On 31 Mar 2004, at 07:28, scott parsons wrote: Well it depends upon the exact behaviour desired, and the browsers you want to support, but something like this can be done with the :focus, :target or for win/ie the broken model of :active I wouldn't necessarily suggest that any of these methods are perfect, and would reccommend javascript but hey there are possibilities there s P.H.Lauke wrote: What you describe can only be achieved with javascript, if you want to avoid server calls and do it all in a single document...the page needs to keep track of which link has been pressed, for instance...something that CSS is not meant for... Patrick Patrick H. Lauke Webmaster University of Salford www.salford.ac.uk * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Trimming the fat
I haven't been following how things are going on PHP5, but do we have a target on when this might be a full stable release (and then have to really start dealing with it)? v On 25 Mar 2004, at 06:38, Justin French wrote: PHP5 looks to have some VERY NICE features in the form of Tidy, which amongst other things, will help clean up HTML output -- either on the way to the browser, or with batch-processing. It can even drop proprietary tags and elements, drop font tags, clean up your CSS, and much more. It won't fix Java, bloated images and flash, or truckloads of presentational tables and all that guff, but it's a nice feature I'll be sure to try when PHP 5 is stable. http://www.zend.com/php5/articles/php5-tidy.php --- Justin French http://indent.com.au * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] Scrollbars in IE6 (PC)
Hi everybody... I'm having a terrible time trying to figure out just why IE6 (Windows XP) is throwing scrollbars at me when I view a page in a frame - I'm really not sure what the trick is to this (if there is one). I hate to ask dumb or redundant questions, but this one is really nagging. Thanks for any advice on this...v Once again, this is being view in a frame...here is the gist of the CSS: body { margin: 0px; } .container { margin: 0px; padding: 0px; width: 100%; } .subhead1 { margin: 0px; padding: 6px 0px 0px 12px; } .subhead2 { margin: 0px; padding: 3px 12px 1px; height: 30px; border-bottom: 1px solid #99; } .content { margin: 0px; padding: 0px; width: 100%; } .content-pad { padding: 0px; margin: 12px; } etc... The makeup of the file... div class='container' div class='subhead1'Just some title text/div div class='subhead2' A table at width='100%'... /div div class='content' div class='content-pad' div class='column' Lots of things go in here, it varies. Some times a table at width='100%' /div /div /div /div * 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] Scrollbars in IE6 (PC)
Yes, but it's not the overflow of the div, it's the frame itself. The page is going larger than the frame window - meaning, the divs aren't respecting the size of the window. Sorry if my explanation was confusing on that point. ;) On 24 Mar 2004, at 09:40, [EMAIL PROTECTED] wrote: I'm not quite sure what you mean... maybe this will help. if content of a div is larger than the space provided (eg screen size restriction, or width, height, settings) there is an overflow css attribute to handle it. For example overflow: hidden; hides any thing that doesn't fix, overflow: scroll; will give the div scroll bars, and overflow: visible; will show it usually by stretching the height of the div. Maybe that was completely useless, hope it helps though. Darian * 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] FireFox
I don't know if this is common knowledge, but I haven't seen anybody mention this - if this has been reported before sorry. Firefox has an extension called EditCSS that allows you to edit CSS live in your browser. Actually, you can view and edit any CSS from any site (only your machine). Then you can save your changes. This will save me so much time. http://extensionroom.mozdev.org/more-info/editcss v * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Font weight weirdness in Safari 1.2?
Hi Todd, I don't have a solution for you, but I too can see the same problem - using Safari 1.2. v On 11 Feb 2004, at 07:07, Hugh Todd wrote: Hey, this is sort of an OT post, but affects my CSS development, so... I'm testing my pages as I go along (coding in BBEdit). But I'm finding that in a sequential series of DIVs, or dls, I'm getting a sort of cumulative weight gain in my fonts, whether they're normal or bold weight. CSS at http://members.ozemail.com.au/~hughtodd/lsp/playvan/playvan.css Very disconcerting. Am I alone here? -Hugh Todd * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Background PNGs in IE/Win?
What about YoungPup's solution to transparentizing pngs? It seems it's been updated, but worthy reading on the subject... http://www.youngpup.net/?request=/snippets/sleight.xml Jv On 30 Jan 2004, at 04:16, Chris Blown wrote: Just for the record... I wouldn't recommend using this, but it does work. This is totally a DirectX hack and only works in Windows IE. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ image.png',sizingMethod='scale'); Regards Chris Blown PS. I am not totally against CSS extensions, but they should be done it the correct way, like -moz-opacity : 0.5; On Fri, 2004-01-30 at 06:42, Anton Andreasson wrote: Anyone knows of the support for background (24bit) PNGs in IE/Win? I've seen PNGs show up with a gray box around it, but does this apply when using them in background-image: as well? TIA, /Anton * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Russ' point from last night's meeting
Do people really code/tweak for NS4? My netscape traffic generally ranges less than 3% and I can only imagine that a very small chunk of that is actually NS4. Am I missing something? v On 16 Jan 2004, at 11:10, James Ellis wrote: Hi all For those who didn't make it, Russ in his presentation made a really good point about cross browser implementation Basically we can tweak to 6.7 different browsers but are the people who view our sites going to do the same? Provided the content is structured to be readable for our IE5 and NS4 viewers (for instance) out there, they might just say hey that looks all right They may even label something normal that we call broken. It certainly is a good point to remember when we get stuck in the CSS tweak-to-death mindset. Cheers James * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] re: Sarari CSS
Thanks Russ, Actually, that's not quite it, but it's pretty good. If I manage to find it again (I spent about an hour trying yesterday) I'll send a note along - it also had a nice discussion about producing hacks for the various browsers. Vaska On 14 Jan 2004, at 19:34, russ weakley wrote: Hi Vaska, Are you talking about a Safari browser support chart? Like this: http://www.macedition.com/cb/resources/macbrowsercsssupport.html Russ Hi all, I actually hate to ask this, but awhile back I found a resource that had all the possible (both currently supported and not) CSS attributes for the Safari browser. Additionally, it also had Mozilla I believe. Does anybody know where I might find this (these)? Actually, I guess this is off the path from web standards, but I'm still trying to track it down. Thanks much...v * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
[WSG] re: Sarari CSS
Hi all, I actually hate to ask this, but awhile back I found a resource that had all the possible (both currently supported and not) CSS attributes for the Safari browser. Additionally, it also had Mozilla I believe. Does anybody know where I might find this (these)? Actually, I guess this is off the path from web standards, but I'm still trying to track it down. Thanks much...v * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] A few links...
russ, i just wanted to mention that these links you provide perdiodically have really been helping me get up to speed with css - thank you very much! if you're ever in brussels, i'll gladly buy you a beer... and happy 2004 to the list...v On 07 Jan 2004, at 21:18, russ weakley wrote: Abstracting CSS - another thought provoking post at Mezzoblue with discussion: http://www.mezzoblue.com/archives/2004/01/07/abstracting_/ CSSED - a tiny GTK2 CSS editor - open source http://cssed.sourceforge.net/ Simple CSS A CSS Authoring Tool http://www.hostm.com/css/ No idea how good either of these tools are yet, just passing on info... Russ * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Vertical align text middle no work?
yes, that would work great, however...i can't force the height (sorry i didn't mention this previously) because it will wonk up another div where the height is being set by javascript to fill all the available space in the window it can (minus the top div height of course)... what i have done, was set the topthing height to a pixel value, set a top padding amount and left ample room at the bottom of the div just in case somebody text zooms to 200%...not really how i wanted to solve this, but simple is better than not... and so far, it seems to be testing very well in every browser this way...i can live with it if i have to... thanks for your input...vaska Hi vertical-align doesn't really work the way valign in a table cell works - it applies to inline elements and table cell elements only (see css2 rec 10.8.1). You have to approach the matter from the other way, remove the table layout hat and put on a box model hat : div id=topthing div class=dudewheresmyboxmodel hi i#039;m top thing text! /div /div #topthing { width : auto; } .dudewheresmyboxmodel { /* t r b l */ margin : 30px 0px 30px 0px; padding : 2px; } so this will align your text to the 'middle' of #topthing. In reality it's the text forcing the 'height' of the topthing up and down - so it looks like you have middle aligned text HTH james * The discussion list for http://webstandardsgroup.org/ * -- * The discussion list for http://webstandardsgroup.org/ *