Re: [WSG] CSS - How the max size of a .css file
On Wed, 20 Oct 2004 15:36:20 -0200, Genau Junior [EMAIL PROTECTED] wrote: I would like to know, how is the max size of a .css file for a website with a plenty of functionalities and different style pages. Try running a few sites through http://www.websiteoptimization.com/services/analyze/ - the analyzer gives specific recommended sizes for each component of a page (css, js, html, images), and reasons for each too. Another useful tool that reports on similar aspects is http://www.sitereportcard.com/ Cheers, K. -- Kay Smoljak http://kay.smoljak.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] css snippet
I tried pasting this code
1. |* {|
2. | padding:0;|
3. | margin:0;|
4. |}|
to my css and get and error when I try to validate it.
Am I just dense? :o)
--
Get Firefox Browser
http://www.spreadfirefox.com/?q=affiliatesamp;id=6908amp;t=58
Bennie's MIDI Page
http://bennieshepherd.com/
Athens, Georgia, Relay For Life
http://www.athensrelay.net/
Montrose, Colorado, Relay For Life
http://montroserelay.com/
Grand Junction, Colorado, Relay For Life
http://grandjunctionrelay.org
LZ Friendly Veterans Org
http://lzfriendly.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] css snippet
Did you paste it in exactly as you show below? If so, your sample would not
have worked as you had some odd characters in the rule set. Try this
(whitespace and line breaks are up to the individual as they are ignored
anyway):
* { padding:0; margin:0; }
It might be worthwhile reading some basic info about rule sets to get you
started:
http://css.maxdesign.com.au/selectutorial/rule.htm
The * in this case is the universal selector:
http://css.maxdesign.com.au/selectutorial/selectors_universal.htm
HTH
Russ
1. |* {|
2. | padding:0;|
3. | margin:0;|
4. |}|
**
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] css Snippet
Guess when I copied the code from the site I got more than the code.. :o)
It worked fine after copying the snippet from the email. Thanks for the
help and links.
Did you paste it in exactly as you show below? If so, your sample would not
have worked as you had some odd characters in the rule set. Try this
(whitespace and line breaks are up to the individual as they are ignored
anyway):
* { padding:0; margin:0; }
It might be worthwhile reading some basic info about rule sets to get you
started:
http://css.maxdesign.com.au/selectutorial/rule.htm
The * in this case is the universal selector:
http://css.maxdesign.com.au/selectutorial/selectors_universal.htm
HTH
Russ
1. |* {|
2. | padding:0;|
3. | margin:0;|
4. |}|
--
Get Firefox Browser
http://www.spreadfirefox.com/?q=affiliatesamp;id=6908amp;t=58
Bennie's MIDI Page
http://bennieshepherd.com/
Athens, Georgia, Relay For Life
http://www.athensrelay.net/
Montrose, Colorado, Relay For Life
http://montroserelay.com/
Grand Junction, Colorado, Relay For Life
http://grandjunctionrelay.org
LZ Friendly Veterans Org
http://lzfriendly.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] css snippet
On Tue, 19 Oct 2004 04:44 , Bennie Shepherd [EMAIL PROTECTED] sent: Am I just dense? :o) Think you answered the question you self fella... Ive never known it possible to use a wildcard (*) to select all elements, it would be nice but i dont think its possible Mark Harwood -- Phunky.co.uk / Xhtmlandcss.co.uk / Zinkmedia.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 **
[WSG] CSS TAB MENU - A new version with problems
Hello everybody, I developed a kind of tab menu navigation using li, that changes when mouse over occours. Im rebuilding this site using xhtml. (under construction), and i having some problems with this menu. http://www.meucarronovo.com.br/xhtml Note that IE browser, freezes when onmouseover event occours. In other browsers, the css menu tab, works fine. Can anyone explain me why this browser freezes, when the mouse sets over the css menu tab? I would appeciate some advice. kind regards, Genau Lopes JúniorWebDesigner¬¬¬http://www.meucarronovo.com.br Genau Lopes JúniorWebDesigner¬¬¬http://www.meucarronovo.com.br
[WSG] CSS Validation query
Hi everyone im a bit confused here - trying to validate my css and i get this warning Line : 0 font-family: You are encouraged to offer a generic family as a last alternative what do they mean... i always do that and get the no errors or warnings reply... whats going on.. ? Jackie www.jobfitsystem.com/about.asp www.jobfitsystem.com/styles/jobfit2.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 **
RE: [WSG] CSS Validation query
Interesting, You may have flummoxed it with the double color reference background-color : #05695c; color : #000; font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 80%; color : #02486c; Try removing the black one (color : #000;) and see if it fixes it. P -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jackie Reid Sent: Wednesday, October 13, 2004 6:13 PM To: [EMAIL PROTECTED] Subject: [WSG] CSS Validation query Hi everyone im a bit confused here - trying to validate my css and i get this warning Line : 0 font-family: You are encouraged to offer a generic family as a last alternative what do they mean... i always do that and get the no errors or warnings reply... whats going on.. ? Jackie www.jobfitsystem.com/about.asp www.jobfitsystem.com/styles/jobfit2.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 ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS Validation query
On 13 Oct 2004, at 6:13 PM, Jackie Reid wrote:
Hi everyone
im a bit confused here - trying to validate my css and i get this
warning
Line : 0 font-family: You are encouraged to offer a generic family as
a last alternative
what do they mean... i always do that and get the no errors or
warnings reply...
whats going on.. ?
Jackie
www.jobfitsystem.com/about.asp
www.jobfitsystem.com/styles/jobfit2.css
Don't know about Line 0 - but I found this in your CSS:
#info ul {font-family: verdana ,Arial,Helvetica,Sans Serif; font-size:
0.9em; line-height: 1.1em;}
Try sans-serif instead of two words, and see how you go...
N
___
Omnivision. Websight.
http://www.omnivision.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
**
Re: [WSG] CSS Validation query
On 10/13/04 1:13 AM Jackie Reid [EMAIL PROTECTED] sent this out:
Line : 0 font-family: You are encouraged to offer a generic family as a
last alternative
what do they mean... i always do that and get the no errors or warnings
reply...
Do a sans-serif or serif as the last specified font. Those are generic
family font specs.
p { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular,
sans-serif }
HTH
Rick Faaberg
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] CSS Validation query
Congratulations! Valid CSS!This document validates as CSS! Is what I get when I validate the CSS directly, or through the site!! Dunno what's going on. I quickly checked and you've got a generic font on the 3 font-families. I'd just say it's the validator being stupid. On Wed, 13 Oct 2004 18:13:20 +1000, Jackie Reid [EMAIL PROTECTED] wrote: Hi everyone im a bit confused here - trying to validate my css and i get this warning Line : 0 font-family: You are encouraged to offer a generic family as a last alternative what do they mean... i always do that and get the no errors or warnings reply... whats going on.. ? Jackie www.jobfitsystem.com/about.asp www.jobfitsystem.com/styles/jobfit2.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 ** -- http://www.trovster.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS Validation query
Jackie http://www.google.com/search?hl=enlr=c2coff=1q=css+generic+font+familybtnG=Search lead to http://www.htmlhelp.com/reference/css/font/font-family.html Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Jackie Reid wrote: Hi everyone im a bit confused here - trying to validate my css and i get this warning Line : 0 font-family: You are encouraged to offer a generic family as a last alternative what do they mean... i always do that and get the no errors or warnings reply... whats going on.. ? Jackie www.jobfitsystem.com/about.asp www.jobfitsystem.com/styles/jobfit2.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 **
Re: [WSG] CSS Validation query
Jackie Reid wrote: Hi everyone im a bit confused here - trying to validate my css and i get this warning Line : 0 font-family: You are encouraged to offer a generic family as a last alternative what do they mean... sans-serif, serif , monospace , cursive or Fantasy . You put the font you prefer to be displayed first in the cue, if the users doesn't have that font, then the users will see the second choice...if the users doesn't have that, the third choice, and so on, if the users has none of the fonts, then they will see their browser default sans-serif, serif or whatever font. -- Lennart Fylling [creative] Norway ** 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] CSS Validation query
G'day Line : 0 font-family: You are encouraged to offer a generic family as a last alternative Look at the last rule in your CSS where you have Sans Serif instead of the generic sans-serif. Chances are that's what the validator was looking at (Line : 0 obviously doesn't tell us anything). Regards -- Bert Doorn, Better Web Design http://www.bwdzine.com/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS Validation query
Just a heads up, always look for No errors or warnings. You can get the congrats but still have warnings if you scroll down. Jackie's concern was a warning even though it was valid css. P Congratulations! Valid CSS!This document validates as CSS! Is what I get when I validate the CSS directly, or through the site!! Dunno what's going on. I quickly checked and you've got a generic font on the 3 font-families. I'd just say it's the validator being stupid. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS Validation query
Thank, thank, thank you everyone...it works now... i must have scoured through that code for hours yesterday... a severe case of not seeing the wood for the trees. All fixed with your help thanks again Jackie ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS Validation query
I to have been getting the same error even though I have been providing a generic alternative. After looking through my CSS over and over I noticed that I had 'mono' instead of 'monospace'. Once fixed the CSS validated without warnings. I then noticed that Dreamweaver MX 2004 (I only use it for source coding - honest) has 'mono' in it's pre-set font lists. Users beware (I'll raise the issue with Macromedia). - Original Message - From: "Lennart Fylling" [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Wednesday, October 13, 2004 6:38 PM Subject: Re: [WSG] CSS Validation query | Jackie Reid wrote: | Hi everyone | | im a bit confused here - trying to validate my css and i get this | warning | | "Line : 0 font-family: You are encouraged to offer a generic family | as a last alternative" | | what do they mean... | | sans-serif, serif , monospace , cursive or Fantasy . | You put the font you prefer to be displayed first in the cue, if the users | doesn't have that font, then the users will see the second choice...if the | users doesn't have that, the third choice, and so on, if the users has none | of the fonts, then they will see their browser default sans-serif, serif or | whatever font. | | | -- | Lennart Fylling | [creative] | Norway | |
[WSG] CSS caching problem in IE and Firefox
Hi all, I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. This only happens in IE and Firefox occasioinally. I realised it straight away it's a caching problem but often clearing the cache (or temporary internet files in IE) doesn't make any difference. The only browser that I know that does work everytime though is Opera. But for IE and Firefox, I sometimes have to wait for 10 or 15 minutes before I hit refresh then only it will register the new changes. I use Firefox mainly for my browsing but always check my pages in IE and Opera. Is there anything I can do when this problem occur again for IE and Firefox? Lil' annoyed, Sean. http://w3csites.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS caching problem in IE and Firefox
Hi Sean, IE on both platforms is notorious for its caching issues, but is especially tenacious on the Mac (though this is the first time I've heard of problems with Firefox). The usual solution, which doesn't always work, is to hold down the shift key while hitting refresh/reload (from memory, it's the option key for IE/Mac - maybe someone else here can clarify). In the past, I've had to resort to deleting temporary Internet files, closing the browser, restarting the machine and starting from scratch (on Windows). Even then my mileage varied. Good luck! Kevin Futter On 13/10/04 8:21 AM, Sean Ho @ W3 Compliant Sites [EMAIL PROTECTED] wrote: Hi all, I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. This only happens in IE and Firefox occasioinally. I realised it straight away it's a caching problem but often clearing the cache (or temporary internet files in IE) doesn't make any difference. The only browser that I know that does work everytime though is Opera. But for IE and Firefox, I sometimes have to wait for 10 or 15 minutes before I hit refresh then only it will register the new changes. I use Firefox mainly for my browsing but always check my pages in IE and Opera. Is there anything I can do when this problem occur again for IE and Firefox? Lil' annoyed, Sean. http://w3csites.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 ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS caching problem in IE and Firefox
Sean Ho wrote: I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. This only happens in IE and Firefox occasioinally. Have you tried force refreshing? IE - hold Ctrl and select refresh Firefox - hold Shift and select refresh Regards Jason ** 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] CSS TAB MENU - A new version with problems
Hello everybody, I developed a kind of tab menu navigation using li, that changes when mouse over occours. Im rebuilding this site using xhtml. (under construction), and i having some problems with this menu. http://www.meucarronovo.com.br/xhtml Note that IE browser, freezes when onmouseover event occours. In other browsers, the css menu tab, works fine. Can anyone explain me why this browser freezes, when the mouse sets over the css menu tab? PS: My css file still no validated and some classes are repeated, but on final version, that will be fixed. I would appeciate some advice. kind regards, Genau Lopes JúniorWebDesigner¬¬¬http://www.meucarronovo.com.br Genau Lopes JúniorWebDesigner¬¬¬http://www.meucarronovo.com.br
Re: [WSG] CSS caching problem in IE and Firefox
That's a great way to prevent caching problems. But maintaining all those separate sections of the style sheet can be cumbersome. I suggest using a PhP Include to add one style sheet to each developing page. That way you can have embedded style sheets which won't get cached, and still work from one central style sheet. But you still loose one of the other advantages of using xhtml+css: the bandwidth saving of having a cached css and only having the xhtml having to be loaded... I'd recommend using the embedded stylesheet method only for testing, not for live sites... Patrick H. Lauke Absolutely. But the question was about caching during testing, so that was my work-around to the caching problem during testing. When ready to go live on-line, just move the css file reference up to the header using your choice of link or @import. There are ways to force IE MAC to refresh, or to set the prefs to always update, but it's still a highly finicky browser. My line of thinking is to by-pass the problem altogether by using the PHP embedded single style sheet trick during development, then importing it site-wide at launch. The bonus here is that you can build your final style sheet as you go, rather than having to compile all the separate ones from each page. Additional tangential info: There is a great article at fiftyfoureleven about stitching separate style sheets together using PHP: http://www.fiftyfoureleven.com/sandbox/weblog/2004/aug/css-php-organized-opt imized/ Kenneth Feldman [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] CSS TAB MENU - A new version with problems
Genau Junior wrote: Can anyone explain me why this browser freezes, when the mouse sets over the css menu tab? PS: My css file still no validated and some classes are repeated, but on final version, that will be fixed. Rule #1 for problem-solving: eliminate variables. In this case: validate your CSS. You can't expect browsers to work in any kind of predictable way if your CSS is invalid. I haven't checked, but I suspect your duplicate classes won't help. N ___ Omnivision. Websight. http://www.omnivision.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 **
Re: [WSG] CSS TAB MENU - A new version with problems
I mean that some classes aren´t being used anymore. I dont think that it is my problem Genau Lopes Júnior WebDesigner ¬¬¬ http://www.meucarronovo.com.br - Original Message - From: Nick Gleitzman [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Tuesday, October 12, 2004 8:55 PM Subject: Re: [WSG] CSS TAB MENU - A new version with problems Genau Junior wrote: Can anyone explain me why this browser freezes, when the mouse sets over the css menu tab? PS: My css file still no validated and some classes are repeated, but on final version, that will be fixed. Rule #1 for problem-solving: eliminate variables. In this case: validate your CSS. You can't expect browsers to work in any kind of predictable way if your CSS is invalid. I haven't checked, but I suspect your duplicate classes won't help. N ___ Omnivision. Websight. http://www.omnivision.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 **
Re: [WSG] CSS caching problem in IE and Firefox
Try this Sean, http://www.karmakars.com/weblog/archives/2004/03/25/cache On Wed, 13 Oct 2004 08:53:40 +1000, Jason Turnbull [EMAIL PROTECTED] wrote: Sean Ho wrote: I am having this caching problem everytime I update my CSS file and the browser suddenly stop showing the new changes. This only happens in IE and Firefox occasioinally. Have you tried force refreshing? IE - hold Ctrl and select refresh Firefox - hold Shift and select refresh Regards Jason ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Regards, Amit Karmakar http://karmakars.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] CSS problem solving
Hi all, I have been noticing more CSS questions coming onto the list. This is all cool. One of our main aims is to help developers move towards web standards/best practice. However, if you are just getting into CSS it might be worth your time reading a few CSS classic articles: Position is everything: 1. http://positioniseverything.net/articles/mys-bug.html 2. http://positioniseverything.net/articles/common.html (Worth reading ALL their articles!) Mezzoblue 1. http://www.mezzoblue.com/archives/2004/03/10/css_problems/ 2. http://www.mezzoblue.com/css/cribsheet/ Andy Budd: 1. http://www.andybudd.com/archives/2003/12/css_crib_sheet_1_gaps_between_verti cal_nav_elements_in_ie5/index.php 2. http://www.andybudd.com/archives/2003/12/css_crib_sheet_2_clearing_floats/in dex.php 3. http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div/in dex.php I'm sure there are many others... Thanks Russ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS problem solving
Hi, Actually CSS is the main reason I joined here. Since I am teaching myself how to do all of this, I try to join where the information is reported to be excellent. Here is another excellent link for css information. http://westciv.com/ [cssaddict] aka Debbie ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re:[WSG] CSS problem solving
Thanks, Russ - yes, there are some great articles around and I have printed out so many and bookmarked so many it is hard to keep track. I find that as a beginner to CSS the main problem is actually recognising just what each problem is. Sometimes when something doesn't work as one expects it is hard to know just where to start the search for what is wrong. Keep reading, I suppose and if that doesn't turn up an answer, then post here. Lyn Patterson
Re: [WSG] CSS problem solving
Here are all my resources I use so far... http://www.trovster.com/resources.html Still with a lot to sort out...!! On Tue, 12 Oct 2004 07:13:40 +0800, Lyn Patterson [EMAIL PROTECTED] wrote: Thanks, Russ - yes, there are some great articles around and I have printed out so many and bookmarked so many it is hard to keep track. I find that as a beginner to CSS the main problem is actually recognising just what each problem is. Sometimes when something doesn't work as one expects it is hard to know just where to start the search for what is wrong. Keep reading, I suppose and if that doesn't turn up an answer, then post here. Lyn Patterson -- http://www.trovster.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS problem solving
These links have now been added to the Resources section of the Web Standards Group website, under 'CSS Browser Bugs and Problems' at: http://webstandardsgroup.org/resources/#cat23 There are many more CSS resources here as well: CSS General Resources: http://webstandardsgroup.org/resources/#cat11 CSS Layout Resources: http://webstandardsgroup.org/resources/#cat10 CSS Tutorials: http://webstandardsgroup.org/resources/#cat24 Also, feel free to add your own links to the Resources pages, as that's what they're there for. Original Message From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Subject: RE: [WSG] CSS problem solving Date: Tue, 12 Oct 2004 08:20:01 +1000 Hi all, I have been noticing more CSS questions coming onto the list. This is all cool. One of our main aims is to help developers move towards web standards/best practice. However, if you are just getting into CSS it might be worth your time reading a few CSS classic articles: Position is everything: 1. http://positioniseverything.net/articles/mys-bug.html 2. http://positioniseverything.net/articles/common.html (Worth reading ALL their articles!) Mezzoblue 1. http://www.mezzoblue.com/archives/2004/03/10/css_problems/ 2. http://www.mezzoblue.com/css/cribsheet/ Andy Budd: 1. http://www.andybudd.com/archives/2003/12/css_crib_sheet_1_gaps_betwee n_verti cal_nav_elements_in_ie5/index.php 2. http://www.andybudd.com/archives/2003/12/css_crib_sheet_2_clearing_fl oats/in dex.php 3. http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a _div/in dex.php I'm sure there are many others... Thanks Russ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Regards, David McDonald Web Designer http://www.davidmcdonald.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 **
[WSG] css syntax question
Is there a syntax in CSS declarations which 'wraps' classes/ids in a
parent condition? I'm not asking this very clearly, but the idea is
similar to the Javascript syntax...
with {
...
}
The purpose being, I find myself writing a lot of statements like the below
#navigation p {...}
#navigation #tabs {...}
#navigation #tabs ul li a {...}
Isn't there an easier/more efficient way to apply the parent selector
#navigation to all the different groups?
#navigation {
p {...}
#tabs{...}
}
Does anyone know if the above works, or if it has any browser support holes?
I only ask because I know the people on this list can chew up this
question and spit it out like no one else :-)
Thanks,
--
Brian Duchek
=-=-=-=-=-=-=-=
e: [EMAIL PROTECTED]
w: new.inquiline.com
=-=-=-=-=-=-=-=
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] css syntax question
I've never seen such 'nesting' listed anywhere in any CSS how-to info,
and I presume that (a) if it were possible, the technique would have
been published, and (b) it hasn't been published because it doesn't
work. Having said that, I haven't ever tested it, so I don't know for
sure...
What you can do, though, is group selectors that have common
declarations into one rule:
#nav p, #nav #tabs, #nav ul { property1: value-x ; property2: value-y ;
property3: value-z ;}
and then add additional rules for declarations that are specific to
individual IDs/classes (or which override the declarations in the
grouped rule - the Cascade in CSS means that a later rule takes
precedence over an earlier one):
#nav p { property4: value-a ; }
#nav #tabs { property2: value-b ; } /* overrides property2: value-y
above */
#nav ul li a { property5: value-c ; }
...etc
HTH...
Nick
___
Omnivision. Websight.
http://www.omnivision.com.au/
On Sunday, Oct 3, 2004, at 09:33 Australia/Sydney, Brian Duchek wrote:
Is there a syntax in CSS declarations which 'wraps' classes/ids in a
parent condition? I'm not asking this very clearly, but the idea is
similar to the Javascript syntax...
with {
...
}
The purpose being, I find myself writing a lot of statements like the
below
#navigation p {...}
#navigation #tabs {...}
#navigation #tabs ul li a {...}
Isn't there an easier/more efficient way to apply the parent selector
#navigation to all the different groups?
#navigation {
p {...}
#tabs{...}
}
Does anyone know if the above works, or if it has any browser support
holes?
I only ask because I know the people on this list can chew up this
question and spit it out like no one else :-)
Thanks,
--
Brian Duchek
=-=-=-=-=-=-=-=
e: [EMAIL PROTECTED]
w: new.inquiline.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
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] css syntax question
Brian:
Doesn't seem an easy task (I'm not a css master anyway), but I think you
could use combinations of several selectors to accomplish what you want (not
nesting it though).
Using descendent, child, adjacent and universal selectors,
(check http://www.websiteoptimization.com/speed/tweak/descendant/
and http://www.ddj.com/documents/s=2371/nam1011137554/index.html)
for instace, you could group rules like:
#navigation p + #tabs, *strong.someclass, diva:hover {...}
You can define a rule in a group such as this even if you do not intend it
to be applyed to all the ocorrences of the object in the html source, since
if you define a more especific rule for that object later you will get the
rule applyed to it.
You can check if a rule will actually be applyed to the object you intend to
calculating its specificity and cascading order
(http://www.w3.org/TR/REC-CSS2/cascade.html#cascading-order ,
and http://www.w3.org/TR/REC-CSS2/cascade.html#specificity).
You can also give more than one class to an html element, like:
p id=desconhomepage class=description place clear/p
You can use the selectoracle
(http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py)
to check on exactly what your code means if you get doubts when the grouping
starts getting too complex.
You may find a lot of information about selectors in this links list:
http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html
Of course you would have to deal with a poor browser support for some
selectors.
Maybe a fat style sheet will be also (for the time being) a saffer one.
Isabel Santos
- Original Message -
From: Brian Duchek [EMAIL PROTECTED]
Is there a syntax in CSS declarations which 'wraps' classes/ids in a
parent condition? I'm not asking this very clearly, but the idea is
similar to the Javascript syntax...
with {
...
}
The purpose being, I find myself writing a lot of statements like the
below
#navigation p {...}
#navigation #tabs {...}
#navigation #tabs ul li a {...}
Isn't there an easier/more efficient way to apply the parent selector
#navigation to all the different groups?
#navigation {
p {...}
#tabs{...}
}
Does anyone know if the above works, or if it has any browser support
holes?
I only ask because I know the people on this list can chew up this
question and spit it out like no one else :-)
Thanks,.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] CSS rules quirks database
The CSS-discuss Wiki is a very good wealth of CSS information that is always being updated: http://css-discuss.incutio.com/?page=FrontPage Original Message From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Subject: RE: [WSG] CSS rules quirks database Date: Thu, 23 Sep 2004 16:07:29 -0700 Friends, Drowning as I am in the unending flood of details about CSS -- what works and what doesn't on which browsers, and how to make a particular effect work cross-browser -- I've started conceiving a database to augment my maxed-out cerebrum. Such a database could be queried for suggestions of how to accomplish a given presentational task, to advise about the cross-browser issues of particular elements, and to provide links to source material and demos on the net. Ultimately it might be made into a validator to help folks pinpoint problems in their markup. It would contain the kinds of details that are imparted daily on this glorious list, although I cannot imagine it ever rendering CSS listserves obsolete because of the endless fountain of human invention they convey. Before I get too far into this project, I'm wondering: - Is anyone else working on this kind of thing? - Would you like to join a working group to discuss its feasibility and implementation? Thanks, Paul ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Regards, David McDonald Web Designer http://www.davidmcdonald.org ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS rules quirks database
Hi Paul, I created a list of CSS properties and browsers that support them http://www.csscreator.com/attributes/ It still needs a little work refining and adding content. The idea was to get the community (members of the CSS Forum) behind it and have them add to the content. Once logged in you can add / edit content and levels of browser support or make a comment. Eventually I will get around to finishing it off, it's on my to do list. Tony Aslett http://www.csscreator.com/ Paul Novitski wrote: Friends, Drowning as I am in the unending flood of details about CSS -- what works and what doesn't on which browsers, and how to make a particular effect work cross-browser -- I've started conceiving a database to augment my maxed-out cerebrum. Such a database could be queried for suggestions of how to accomplish a given presentational task, to advise about the cross-browser issues of particular elements, and to provide links to source material and demos on the net. Ultimately it might be made into a validator to help folks pinpoint problems in their markup. It would contain the kinds of details that are imparted daily on this glorious list, although I cannot imagine it ever rendering CSS listserves obsolete because of the endless fountain of human invention they convey. Before I get too far into this project, I'm wondering: - Is anyone else working on this kind of thing? - Would you like to join a working group to discuss its feasibility and implementation? Thanks, Paul ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS rules quirks database
At 05:00 PM 9/23/2004, Tony Aslett wrote: I created a list of CSS properties and browsers that support them http://www.csscreator.com/attributes/ Excellent work, Tony. Are you storing this in an SQL database? I'd like to see some other layers of information added to a database such as yours. For instance, in addition to generalizing None, Part, or Full support of a property by various browsers, I'd also like to specify exactly how they differ, since all browsers that support a particular feature may not do so in the same way. There are also quirks that don't quite come in the category of support but are critical nonetheless, such as the way IE requires there to be a background-color in order to render certain elements properly. Other quirks, such as IE's maverick box model, would be difficult to categorize in a listing of properties but could probably be referenced under such properties as margin padding. There are certain phenomena that occur when several properties and elements interact, and it would be great to be able to find out what the database knows about, say, a UL nested inside a DIV when its LIs have float: left. Onward~ Paul ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS rules quirks database
Paul Novitski wrote: At 05:00 PM 9/23/2004, Tony Aslett wrote: I created a list of CSS properties and browsers that support them http://www.csscreator.com/attributes/ Excellent work, Tony. Are you storing this in an SQL database? Thanks Paul, Yes it's stored in a MySQL database. I'd like to see some other layers of information added to a database such as yours. For instance, in addition to generalizing None, Part, or Full support of a property by various browsers, I'd also like to specify exactly how they differ, since all browsers that support a particular feature may not do so in the same way. There are also quirks that don't quite come in the category of support but are critical nonetheless, such as the way IE requires there to be a background-color in order to render certain elements properly. Comments were meant to take care of browser quirks, so far there is only a couple of properties that have had comments added. Hopefully over time more will be added. Other quirks, such as IE's maverick box model, would be difficult to categorize in a listing of properties but could probably be referenced under such properties as margin padding. Again comments should be able to take care of that. There are certain phenomena that occur when several properties and elements interact, and it would be great to be able to find out what the database knows about, say, a UL nested inside a DIV when its LIs have float: left. Cross referencing properties would be possible but not on the database in it's current form. It really wasn't in my initial design to be able to cross reference properties and it would increase the complexity quite a lot. Onward~ Paul Tony Aslett http://www.csscreator.com/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] css validation error
Maybe you could try not using the font shorthand to get it to validate,
try it as font-family etc. Could it be that there is something missing
from that rule? Certainly one I have had problem with before.
Cameron Muir wrote:
Thanks for pointing that out John - serves me right for not cleaning out
disused styles.
However, I'm still getting the same error.
John Oxton wrote:
Hi Cameron,
You have this
.paymate {
position: relative:
top: 20px;
right: 10px;
}
the position:relative needs a semi colon and you should be on your way
Regards,
John,
Cameron Muir wrote:
Hello,
I can't work out why this is producing an error. I'm sure there must
be a simple solution that I've missed.
body {
font: small Trebuchet MS, sans-serif;
color: #66;
}
The error:
URI : http://design.quagma.net/themes/quagma/style.css
* Line: 0 Context : sans-serif
Parse Error - : Trebuchet MS
* Line: 0 Context : sans-serif
Parse Error - sans-serif;
* Line: 0 Context : sans-serif
Parse error - Unrecognized : { }
The site:
http://design.quagma.net
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] css validation error
Thanks John and Ryan - the problem was something to do with the menu
list item styles. It was way down the bottom of the page - I was going
crazy because I thought that error report referred to the body style
(which was at the top of the page). I only realised that must have been
the problem when I noticed the font family for the menu list item was
unneccessarily specified and removed it - after that it validated. I
could have left out a bracket or colon, I don't know, but it worked when
it was gone.
regards,
cameron.
Ryan Christie wrote:
I just checked out your CSS file, and it validates now. Whatever you
did to fix it worked :)
Just to touch base on that font shorthand:
font: [italics/bold/etc] [size]/[line-height] [family
1],[fam2],[fam3],[etc];
I haven't experiemented with what can be left in/out and still having
it validate, but i would imagine any element as long as they appear in
the correct order.
John Oxton wrote:
Maybe you could try not using the font shorthand to get it to
validate, try it as font-family etc. Could it be that there is
something missing from that rule? Certainly one I have had problem
with before.
Cameron Muir wrote:
Thanks for pointing that out John - serves me right for not cleaning
out disused styles.
However, I'm still getting the same error.
John Oxton wrote:
Hi Cameron,
You have this
.paymate {
position: relative:
top: 20px;
right: 10px;
}
the position:relative needs a semi colon and you should be on your way
Regards,
John,
Cameron Muir wrote:
Hello,
I can't work out why this is producing an error. I'm sure there
must be a simple solution that I've missed.
body {
font: small Trebuchet MS, sans-serif;
color: #66;
}
The error:
URI : http://design.quagma.net/themes/quagma/style.css
* Line: 0 Context : sans-serif
Parse Error - : Trebuchet MS
* Line: 0 Context : sans-serif
Parse Error - sans-serif;
* Line: 0 Context : sans-serif
Parse error - Unrecognized : { }
The site:
http://design.quagma.net
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] css validation error
My understanding was that there shouldn't be a comma in the shorthand font
selector after Trebuchet MS (but I could be wrong ...).
Cheers,
Kevin Futter
On 20/9/04 4:26 PM, John Oxton [EMAIL PROTECTED] wrote:
Maybe you could try not using the font shorthand to get it to validate,
try it as font-family etc. Could it be that there is something missing
from that rule? Certainly one I have had problem with before.
Cameron Muir wrote:
Thanks for pointing that out John - serves me right for not cleaning out
disused styles.
However, I'm still getting the same error.
John Oxton wrote:
Hi Cameron,
You have this
.paymate {
position: relative:
top: 20px;
right: 10px;
}
the position:relative needs a semi colon and you should be on your way
Regards,
John,
Cameron Muir wrote:
Hello,
I can't work out why this is producing an error. I'm sure there must
be a simple solution that I've missed.
body {
font: small Trebuchet MS, sans-serif;
color: #66;
}
The error:
URI : http://design.quagma.net/themes/quagma/style.css
* Line: 0 Context : sans-serif
Parse Error - : Trebuchet MS
* Line: 0 Context : sans-serif
Parse Error - sans-serif;
* Line: 0 Context : sans-serif
Parse error - Unrecognized : { }
The site:
http://design.quagma.net
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] css validation error
It appears from another post that I am wrong! Oh well ...
Kevin Futter
On 21/9/04 8:56 AM, Kevin Futter [EMAIL PROTECTED] wrote:
My understanding was that there shouldn't be a comma in the shorthand font
selector after Trebuchet MS (but I could be wrong ...).
Cheers,
Kevin Futter
On 20/9/04 4:26 PM, John Oxton [EMAIL PROTECTED] wrote:
Maybe you could try not using the font shorthand to get it to validate,
try it as font-family etc. Could it be that there is something missing
from that rule? Certainly one I have had problem with before.
Cameron Muir wrote:
Thanks for pointing that out John - serves me right for not cleaning out
disused styles.
However, I'm still getting the same error.
John Oxton wrote:
Hi Cameron,
You have this
.paymate {
position: relative:
top: 20px;
right: 10px;
}
the position:relative needs a semi colon and you should be on your way
Regards,
John,
Cameron Muir wrote:
Hello,
I can't work out why this is producing an error. I'm sure there must
be a simple solution that I've missed.
body {
font: small Trebuchet MS, sans-serif;
color: #66;
}
The error:
URI : http://design.quagma.net/themes/quagma/style.css
* Line: 0 Context : sans-serif
Parse Error - : Trebuchet MS
* Line: 0 Context : sans-serif
Parse Error - sans-serif;
* Line: 0 Context : sans-serif
Parse error - Unrecognized : { }
The site:
http://design.quagma.net
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] css validation error
font: [italics/bold/etc] [size]/[line-height] [two
words],[fam2],[fam3],[etc];
Kevin Futter wrote:
My understanding was that there shouldn't be a comma in the shorthand font
selector after Trebuchet MS (but I could be wrong ...).
Cheers,
Kevin Futter
On 20/9/04 4:26 PM, John Oxton [EMAIL PROTECTED] wrote:
Maybe you could try not using the font shorthand to get it to validate,
try it as font-family etc. Could it be that there is something missing
from that rule? Certainly one I have had problem with before.
Cameron Muir wrote:
Thanks for pointing that out John - serves me right for not cleaning out
disused styles.
However, I'm still getting the same error.
John Oxton wrote:
Hi Cameron,
You have this
.paymate {
position: relative:
top: 20px;
right: 10px;
}
the position:relative needs a semi colon and you should be on your way
Regards,
John,
Cameron Muir wrote:
Hello,
I can't work out why this is producing an error. I'm sure there must
be a simple solution that I've missed.
body {
font: small Trebuchet MS, sans-serif;
color: #66;
}
The error:
URI : http://design.quagma.net/themes/quagma/style.css
* Line: 0 Context : sans-serif
Parse Error - : Trebuchet MS
* Line: 0 Context : sans-serif
Parse Error - sans-serif;
* Line: 0 Context : sans-serif
Parse error - Unrecognized : { }
The site:
http://design.quagma.net
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] css validation error
Hello,
I can't work out why this is producing an error. I'm sure there must be
a simple solution that I've missed.
body {
font: small Trebuchet MS, sans-serif;
color: #66;
}
The error:
URI : http://design.quagma.net/themes/quagma/style.css
* Line: 0 Context : sans-serif
Parse Error - : Trebuchet MS
* Line: 0 Context : sans-serif
Parse Error - sans-serif;
* Line: 0 Context : sans-serif
Parse error - Unrecognized : { }
The site:
http://design.quagma.net
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] css validation error
Hi Cameron,
You have this
.paymate {
position: relative:
top: 20px;
right: 10px;
}
the position:relative needs a semi colon and you should be on your way
Regards,
John,
Cameron Muir wrote:
Hello,
I can't work out why this is producing an error. I'm sure there must be
a simple solution that I've missed.
body {
font: small Trebuchet MS, sans-serif;
color: #66;
}
The error:
URI : http://design.quagma.net/themes/quagma/style.css
* Line: 0 Context : sans-serif
Parse Error - : Trebuchet MS
* Line: 0 Context : sans-serif
Parse Error - sans-serif;
* Line: 0 Context : sans-serif
Parse error - Unrecognized : { }
The site:
http://design.quagma.net
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] css validation error
Thanks for pointing that out John - serves me right for not cleaning out
disused styles.
However, I'm still getting the same error.
John Oxton wrote:
Hi Cameron,
You have this
.paymate {
position: relative:
top: 20px;
right: 10px;
}
the position:relative needs a semi colon and you should be on your way
Regards,
John,
Cameron Muir wrote:
Hello,
I can't work out why this is producing an error. I'm sure there must
be a simple solution that I've missed.
body {
font: small Trebuchet MS, sans-serif;
color: #66;
}
The error:
URI : http://design.quagma.net/themes/quagma/style.css
* Line: 0 Context : sans-serif
Parse Error - : Trebuchet MS
* Line: 0 Context : sans-serif
Parse Error - sans-serif;
* Line: 0 Context : sans-serif
Parse error - Unrecognized : { }
The site:
http://design.quagma.net
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] CSS competition
Sound's very nice johna i shall deffently be submitting one or two templates for you! Would you have any problem with me also offering the one's i submit to you on my new project xhtmlandcss.co.uk ? or would you like soley right's to them? Many Thanks Mark Harwood -- http://phunky.co.uk http://zinkmedia.co.uk http://xhtmlandcss.co.uk ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS block display model horizontal arrangement in container block
Hi Nick, thanks for the links. They are nice additions to my collection of CSS resources. Particularly the /* Position is Everything */ website was interesting for its rundown on IE CSS bugs and workaround hacks. Reading about the IE/Win Guillotine Bug showed me that, contrary to what I thought, IE was not getting it right even though it was what I wanted. I can't post a link to my page because I don't have a public website (yet). The page I am making (reworking, actually, removing the tables used for formating content) is behind the corporate firewall. The example I posted does look like the classic header/3 column/footer layout but I want to be able to add or remove columns easily as well as other sections with or without columns. For example - forgive my sketches, please ;-): +-+ | | | | | | +-+ +-+ | +-+ +-+ +-+ +-+ | | | | | | | | | | | | +-+ +-+ +-+ +-+ | +-+ +-+ | | | | | | +-+ +-+ | +-+ +-+ | | | | | | | | +-+ +-+ | +-+ +-+ | | | | | | +-+ Now the good news. I got it. I actually have two solutions. One using floating blocks inside normally flowing blocks with an empty cleared div (clear:both) after the columns and the other using absolute positioning inside relatively positioned blocks. I prefer the float method because it's shorter and easier to modify. The absolutely positioned blocks don't count as content and therefor I must give the containing block a height., whereas the cleared div tucks the bottom of the containing block around the bottom of the longest floater. I also have to have a separate selector for each absolutely positioned column to position it whereas the floats stack horizontally. All I have to define is the width of the floating columns. I use percentages but find the percents can't add up to 100% which is no big deal. Carlyle -- Diese E-Mail enthält vertrauliche und/oder rechtlich geschützte Informationen. Wenn Sie nicht der richtige Adressat sind oder diese E-Mail irrtümlich erhalten haben, informieren Sie bitte sofort den Absender und vernichten Sie diese Mail. Das unerlaubte Kopieren sowie die unbefugte Weitergabe dieser Mail ist nicht gestattet. This e-mail may contain confidential and/or privileged information. If you are not the intended recipient (or have received this e-mail in error) please notify the sender immediately and destroy this e-mail. Any unauthorized copying, disclosure or distribution of the material in this e-mail is strictly forbidden. ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS - select list
I believe the most you'll be able to accomplish re: styling a select element is outlined in this sitepoint article : http://www.sitepoint.com/article/style-web-forms-css There is no property to define regarding the arrows, so I can't see how that bit would be possible. Andrew. - http://leftjustified.net/ - Original Message - From: Zaac Woodhead [EMAIL PROTECTED] Date: Fri, 27 Aug 2004 15:37:05 +1000 Subject: [WSG] CSS - select list To: [EMAIL PROTECTED] Is it possible to apply css to a select drop down/multiple select list. Have a design on my desk with a fully formatted selectl list - including the arrows, etc. I know it does not meet standards, but is this possbile? Zaac Woodhead Phone :1300 855 095 Website Design Development www.portplus.com | www.pretendre.com | www.virtualtours.com.au ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] CSS - select list
On Friday, Aug 27, 2004, at 15:37 Australia/Sydney, Zaac Woodhead wrote: Is it possible to apply css to a select drop down/multiple select list. Have a design on my desk with a fully formatted selectl list - including the arrows, etc. Iknow it does not meet standards, but is this possbile? Zaac Woodhead Phone :1300 855 095 Website Design Development www.portplus.com | www.pretendre.com | www.virtualtours.com.au Beware of inconsistent browser support for CSS styling on form elements - including select dropdowns. Form elements are system-generated graphics, and vary considerably from browser to browser - as does CSS support, from good to zero. Test, test, test. Nick ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS block display model horizontal arrangement in conta iner block
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Carlyle Sutphen
Sent: Friday, August 27, 2004 11:35 AM
To: [EMAIL PROTECTED]
Subject: [WSG] CSS block display model horizontal arrangement in container
block
Hello.
I haven't gotten the hang of getting the CSS block model to work for me.
I think the problem is that I haven't yet come to understand when a block
is contained by another block and how to get blocks to allign horizontally
in a container block.
The closest I have come is by using float: left which works fine in IE
but not in Mozilla.
==
A bit difficult to offer suggestions without the code to examine. Many float
problems have to do with width issues and/or improper clearing. So here's a
simple scheme which works:
css: .left{float:left;
width:20%;}
.central{float:left;
width:54%;}
.right{float:left;
width:22%;}
.next{clear:both;}
html:
divtop/div
div class=left
/div
div class=central
/div
div class=right
/div
div class=next/div
divbottom/div
If you need to have the columns the same length, or for other tutorials on
floats and 3 column layouts, check out:
http://www.positioniseverything.net/
drew
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] CSS - select list
Title: Message Is it possible to apply css to a select drop down/multiple select list. Have a design on my desk with a fully formatted selectl list - including the arrows, etc. I know it does not meet standards, but isthis possbile? Zaac Woodhead Phone :1300 855 095 Website Design Development www.portplus.com| www.pretendre.com | www.virtualtours.com.au header_02.gif
Re: [WSG] CSS Drop down menu - Bugfix IE
Hi again and thanks for the replies from Nick and Phillipe!
The {whitespace: nowrap;} advice from Nick, sadly, didn't work. No
difference was displayed.
The code from Phillipe: li {float:left; width:100%; clear:both} however did
work :-) in some degree...
But it's a problem with that code as well. Now the subnav floats on top of
the entire menu and it's meant to appear just next to the 'subnavtrigger',
in this case 'ipsum'.
The existing code: li {position:relative; z-index:9 }does that, but with
that irritating whitespace in Explorer.
Is there a way of getting this code 2 work the same way in all browsers?
Most obliged,
Bent Inge @ www.siteman.no
- Original Message -
From: Nick Gleitzman [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Wednesday, July 28, 2004 2:10 AM
Subject: Re: [WSG] CSS Drop down menu - Bugfix IE
On Wednesday, Jul 28, 2004, at 02:04 Australia/Sydney, Siteman DA -
Bent Inge wrote:
I'm aware of the problem with list items, and it sucks... But the
markup
(http://www.regnskapsbyraet.no/sider/designmal.php) can't be changed in
order for the menu to work. So the changes has to be made in the
stylesheet
(http://www.regnskapsbyraet.no/sider/global.css)
So - is there some way of tricking IE for this excact type of listmenu?
Have you tried {whitespace: nowrap;} on the offending ul?
Nick
___
Omnivision. Websight.
http://www.omnivision.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] css help - convert from table to css - 3 tables
at this address:
http://www3.ca.com/partners/channel/
At the bottom, there are 3 chips; an image on the left and text on the
right inside a td.
I want to convert this using CSS.
I can nearly replicate it but it fails in ie5.0, where I can get a gap
on the left. I wouldn't care about this but other people do; so I need
to do a pixel perfect for ie5 and ie6.
My attempt is below, would appreciate any help with it; My thanks in
advance
/CSS
div.chip {
border: 1px solid #ccc;
float: left;
overflow: hidden;
padding: 0;
margin-right: 5px;
width: 235px; /* ie5 value */
voice-family: \}\;
voice-family: inherit;
width: 242px; /* normal value */
}
htmlbody div.chip {
width: 242px; /* opera value/ie reset */
}
div.chip img {
float: left;
margin: 0;
}
div.chip p {
margin-left: 80px;
padding: 3px;
}
/HTML
div class=chipimg src=img01.jpg width=80 height=75p1text
goes here text goes heres br text goes here/p/div
div class=chipimg src=img01.jpg width=80 height=75p2text
goes here text goes here br text goes here/p/div
div class=chipimg src=img01.jpg width=80 height=75p3text
goes here text goes here br text goes here/p/div
Tim Hill
Computer Associates
Graphic Artist
tel: +612 9937 0792
fax: +612 9937 0546
[EMAIL PROTECTED] mailto:[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] CSS Drop down menu - Bugfix IE
Hi Bent, ...The menu is tested in Opera, Firefox and Netscape and in these browsers the menu seems to work as expected. IE, however, give me an unwanted gap when accessing sublevels. How do I solve that problem? Hope some of you wizards out there can help me out :-) IE has a thing about whitespace around list items. Try removing it. eg, ulli.../liul Taa-daa. What do you mean? Do you wish me a good morning, or mean that it is a good morning whether I want it or not; or that you feel good on this morning; or that it is a morning to be good on? -Gandalf * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS Drop down menu - Bugfix IE
Hi Bent, ...The menu is tested in Opera, Firefox and Netscape and in these browsers the menu seems to work as expected. IE, however, give me an unwanted gap when accessing sublevels. How do I solve that problem? Hope some of you wizards out there can help me out :-) IE has a thing about whitespace around list items. Try removing it. eg, ulli.../liul Taa-daa. What do you mean? Do you wish me a good morning, or mean that it is a good morning whether I want it or not; or that you feel good on this morning; or that it is a morning to be good on? -Gandalf * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS Drop down menu - Bugfix IE
Hi Bent, ...The menu is tested in Opera, Firefox and Netscape and in these browsers the menu seems to work as expected. IE, however, give me an unwanted gap when accessing sublevels. How do I solve that problem? Hope some of you wizards out there can help me out :-) IE has a thing about whitespace around list items. Try removing it. eg, ulli.../liul Taa-daa. What do you mean? Do you wish me a good morning, or mean that it is a good morning whether I want it or not; or that you feel good on this morning; or that it is a morning to be good on? -Gandalf * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS Drop down menu - Bugfix IE
Hi again, Ben! I'm aware of the problem with list items, and it sucks... But the markup (http://www.regnskapsbyraet.no/sider/designmal.php) can't be changed in order for the menu to work. So the changes has to be made in the stylesheet (http://www.regnskapsbyraet.no/sider/global.css) So - is there some way of tricking IE for this excact type of listmenu? Thank you for your time :-) Best regards, Bent Inge Høiås - Original Message - From: Ben Bishop [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Tuesday, July 27, 2004 5:18 PM Subject: Re: [WSG] CSS Drop down menu - Bugfix IE Hi Bent, ...The menu is tested in Opera, Firefox and Netscape and in these browsers the menu seems to work as expected. IE, however, give me an unwanted gap when accessing sublevels. How do I solve that problem? Hope some of you wizards out there can help me out :-) IE has a thing about whitespace around list items. Try removing it. eg, ulli.../liul Taa-daa. What do you mean? Do you wish me a good morning, or mean that it is a good morning whether I want it or not; or that you feel good on this morning; or that it is a morning to be good on? -Gandalf * 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] CSS Drop down menu - Bugfix IE
On Wednesday, Jul 28, 2004, at 02:04 Australia/Sydney, Siteman DA -
Bent Inge wrote:
I'm aware of the problem with list items, and it sucks... But the
markup
(http://www.regnskapsbyraet.no/sider/designmal.php) can't be changed in
order for the menu to work. So the changes has to be made in the
stylesheet
(http://www.regnskapsbyraet.no/sider/global.css)
So - is there some way of tricking IE for this excact type of listmenu?
Have you tried {whitespace: nowrap;} on the offending ul?
Nick
___
Omnivision. Websight.
http://www.omnivision.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
*
Re: [WSG] CSS Drop down menu - Bugfix IE
On Jul 28, 2004, at 1:04 am, Siteman DA - Bent Inge wrote:
I'm aware of the problem with list items, and it sucks... But the
markup
(http://www.regnskapsbyraet.no/sider/designmal.php) can't be changed in
order for the menu to work. So the changes has to be made in the
stylesheet
(http://www.regnskapsbyraet.no/sider/global.css)
So - is there some way of tricking IE for this excact type of listmenu?
li {float:left; width:100%; clear:both}. But this is better hidden from
other browsers than IE win.
Philippe
---/---
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
*
[WSG] CSS Drop down menu - Bugfix IE
Hello fellow members of the Web Standards Group! I use a css drop down menu that works fantastic for most browsers, except for Internet Explorer (off course). The menu is tested in Opera, Firefox and Netscape and in these browsers the menu seems to work as expected. IE, however, give me an unwanted gap when accessing sublevels. How do I solve that problem? Hope some of you wizards out there can help me out :-) The page is located here: http://www.regnskapsbyraet.no/sider/designmal.php and the stylesheet is here: http://www.regnskapsbyraet.no/sider/global.css The menu is based on the menu found at http://www.naarvoren.nl/artikel/hover_cssmenu.html but is moderated some... Code for the menu is found under the comment /* DROP DOWN MENY */ in the CSS. (The page is validated XHTML 1.0 Transitional and CSS2) Best regards, Bent Inge Høiås Address: Teknologiveien 22 N-2815 Gjøvik Norway [EMAIL PROTECTED] - www.siteman.no * 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] CSS Vault
A gallery of CSS websites, useful for noting trends in CSS design http://www.cssvault.com/gallery.php -- Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy Mobile: +61 (0)403 8000 27 http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav * 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] css and cms (elegant product sought)
a couple of questions, somewhat off topic Iwould like to capture an image of the the whole html pagei.e. what is not visible in the scroll region,so the image would capture something likean "800 x 3000" region to be printed in abrochure. I am lookingfor an elegantCMS tool which will still supports CSS and which will allow me to create a5 or7 page "user editable" website. Mamboserver and similariCMS productsare way to big for the clients I am currently working with. Regards Roly
Re: [WSG] css and cms (elegant product sought)
I would like to capture an image of the the whole html page i.e. what is not visible in the scroll region, so the image would capture something like an 800 x 3000 region to be printed in a brochure. SnagIt is very cool and worth the $40 http://www.techsmith.com/products/snagit/default.asp Mike * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] css and cms (elegant product sought)
Xstandard is worth a look for using with browser based CMS http://xstandard.com/default.asp with regards Steven Faulkner Web Accessibility Consultant National Information Library Service (NILS) 454 Glenferrie Road Kooyong Victoria 3144 Phone: (613) 9864 9281 Fax: (613) 9864 9210 Email: [EMAIL PROTECTED] National Information Library Service A subsidiary of RBS.RVIB.VAF Ltd. Roly [EMAIL PROTECTED]To: [EMAIL PROTECTED] .co.uk cc: Sent by: Subject: [WSG] css and cms (elegant product sought) [EMAIL PROTECTED] group.org 23/07/2004 01:44 PM Please respond to wsg a couple of questions, somewhat off topic I would like to capture an image of the the whole html page i.e. what is not visible in the scroll region, so the image would capture something like an 800 x 3000 region to be printed in a brochure. I am looking for an elegant CMS tool which will still supports CSS and which will allow me to create a 5 or 7 page user editable website. Mamboserver and similari CMS products are way to big for the clients I am currently working with. Regards Roly * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] css and cms (elegant product sought)
On Friday, Jul 23, 2004, at 13:44 Australia/Sydney, Roly wrote: a couple of questions, somewhat off topic I would like to capture an image of the the whole html page i.e. what is not visible in the scroll region, so the image would capture something like an 800 x 3000 region to be printed in a brochure. Take screenshots of each visible section as you scroll down, and stitch them in Photoshop. I am looking for an elegant CMS tool which will still supports CSS and which will allow me to create a 5 or 7 page user editable website. Mamboserver and similari CMS products are way to big for the clients I am currently working with. Macromedia's Contribute is pretty good, for a reasonable price - if you use DW. Regards Roly hth Nick ___ Omnivision. Websight. http://www.omnivision.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 *
[WSG] CSS Tabs
Hi guys is there anyway to get CSS tabs working without Java scripts? -- http://www.jadmadi.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] CSS Tabs
If you mean tab menu then look at these: http://www.alistapart.com/articles/slidingdoors/ http://www.alistapart.com/articles/slidingdoors2/ I have used these and they are really cool dave rayner freshweb www.freshweb.com.au m. 0409 037 250 p. +61 2 89202344 f. +61 2 89203008 This message is confidential, and may contain proprietary or legally privileged information. If you have received this email in error, please notify the sender and delete it immediately. Internet communications are not secure. You should scan this message and any attachments for viruses. Under no circumstances do we accept liability for any loss or damage which may result from your receipt of this message or any attachments. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jad Madi Sent: Friday, July 16, 2004 8:46 AM To: [EMAIL PROTECTED]; css-discuss DISCUSS; [EMAIL PROTECTED] Subject: [WSG] CSS Tabs Hi guys is there anyway to get CSS tabs working without Java scripts? -- http://www.jadmadi.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 * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS Tabs
hmm what I want is , for example http://www.alistapart.com/d/slidingdoors2/v1/ex10a.html# when I click on any tab to be active? How to do it? On Fri, 16 Jul 2004 09:37:28 +1000, Dave Rayner [EMAIL PROTECTED] wrote: If you mean tab menu then look at these: http://www.alistapart.com/articles/slidingdoors/ http://www.alistapart.com/articles/slidingdoors2/ I have used these and they are really cool dave rayner freshweb www.freshweb.com.au m. 0409 037 250 p. +61 2 89202344 f. +61 2 89203008 This message is confidential, and may contain proprietary or legally privileged information. If you have received this email in error, please notify the sender and delete it immediately. Internet communications are not secure. You should scan this message and any attachments for viruses. Under no circumstances do we accept liability for any loss or damage which may result from your receipt of this message or any attachments. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jad Madi Sent: Friday, July 16, 2004 8:46 AM To: [EMAIL PROTECTED]; css-discuss DISCUSS; [EMAIL PROTECTED] Subject: [WSG] CSS Tabs Hi guys is there anyway to get CSS tabs working without Java scripts? -- http://www.jadmadi.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 * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * -- http://www.jadmadi.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] CSS Tabs
Jad Madi wrote:
hmm
what I want is , for example
http://www.alistapart.com/d/slidingdoors2/v1/ex10a.html#
when I click on any tab to be active?
How to do it?
In the above example you change the body id of each page depending on
which tab you want to look active
Currently its set to body id=products
And the tab item is
li id=nav-productsa href=#Products/a/li
In the css this is the style applied (removed some selectors for this
example)
#home #nav-home,
#products #nav-products {
background-position:0 -150px;
border-width:0;
}
#home #nav-home a,
#products #nav-products a {
background-position:100% -150px;
padding-bottom:5px;
color:#333;
}
To have that page with the home tab active you would change the body to
body id=home
Hope this helps
Jason
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] CSS Tabs
I think what he meant was: the tabs don't highlight on hover in IE, and how to get around that. If I wasn't knackered (and heck, it's 1:34 in the morning here), I'd spend a few minutes devising a javascript solution (or completely reorganising the xhtml so that the A element is the one containing all the backgrounds, so the :hover can take effect in IE), but I'd give the IE7.htc behaviours a whirl with this, they should be able to give IE the :hover on any element (but yes, this effectively still relies on having js enabled) Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively. [latin : re-, re- + dux, leader; see duke.] http://www.splintered.co.uk | http://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] CSS Tabs
See the permanlink : http://lutandoporwasp.blogspot.com/2004/05/tudo-possvel-sem-tabelas.html On Fri, 16 Jul 2004 02:08:23 +0200, Jad Madi [EMAIL PROTECTED] wrote: hmm what I want is , for example http://www.alistapart.com/d/slidingdoors2/v1/ex10a.html# when I click on any tab to be active? How to do it? On Fri, 16 Jul 2004 09:37:28 +1000, Dave Rayner [EMAIL PROTECTED] wrote: If you mean tab menu then look at these: http://www.alistapart.com/articles/slidingdoors/ http://www.alistapart.com/articles/slidingdoors2/ I have used these and they are really cool dave rayner freshweb www.freshweb.com.au m. 0409 037 250 p. +61 2 89202344 f. +61 2 89203008 This message is confidential, and may contain proprietary or legally privileged information. If you have received this email in error, please notify the sender and delete it immediately. Internet communications are not secure. You should scan this message and any attachments for viruses. Under no circumstances do we accept liability for any loss or damage which may result from your receipt of this message or any attachments. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jad Madi Sent: Friday, July 16, 2004 8:46 AM To: [EMAIL PROTECTED]; css-discuss DISCUSS; [EMAIL PROTECTED] Subject: [WSG] CSS Tabs Hi guys is there anyway to get CSS tabs working without Java scripts? -- http://www.jadmadi.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 * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * -- http://www.jadmadi.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 * -- Atc, Aldemir Vieira da Silva http://lutandoporwasp.blogspot.com/ Kurumin + Firefox + GMail = Freedom * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] CSS Tabs
I would really recommend going through the two articles, we were able to
customise the 'effect' a lot on a recent project, then use .NET to build
and add ids on the fly.
Instant flexible, dynamic CMSable tab menu
dave rayner
freshweb
www.freshweb.com.au
m. 0409 037 250
p. +61 2 89202344
f. +61 2 89203008
This message is confidential, and may
contain proprietary or legally privileged
information. If you have received this
email in error, please notify the sender
and delete it immediately.
Internet communications are not secure.
You should scan this message and any
attachments for viruses. Under no
circumstances do we accept liability
for any loss or damage which may result
from your receipt of this message or
any attachments.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jason Turnbull
Sent: Friday, July 16, 2004 10:31 AM
To: [EMAIL PROTECTED]
Subject: RE: [WSG] CSS Tabs
Jad Madi wrote:
hmm
what I want is , for example
http://www.alistapart.com/d/slidingdoors2/v1/ex10a.html#
when I click on any tab to be active?
How to do it?
In the above example you change the body id of each page depending on
which tab you want to look active
Currently its set to body id=products
And the tab item is
li id=nav-productsa href=#Products/a/li
In the css this is the style applied (removed some selectors for this
example)
#home #nav-home,
#products #nav-products {
background-position:0 -150px;
border-width:0;
}
#home #nav-home a,
#products #nav-products a {
background-position:100% -150px;
padding-bottom:5px;
color:#333;
}
To have that page with the home tab active you would change the body to
body id=home
Hope this helps
Jason
*
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] CSS Tabs
On Friday, Jul 16, 2004, at 10:08 Australia/Sydney, Jad Madi wrote: hmm what I want is , for example http://www.alistapart.com/d/slidingdoors2/v1/ex10a.html# when I click on any tab to be active? How to do it? On Fri, 16 Jul 2004 09:37:28 +1000, Dave Rayner [EMAIL PROTECTED] wrote: If you mean tab menu then look at these: http://www.alistapart.com/articles/slidingdoors/ http://www.alistapart.com/articles/slidingdoors2/ I have used these and they are really cool dave rayner I'm with Dave - Sliding Doors are the go. But what exactly do you mean by 'when I click on any tab to be active'? Can you be a bit clearer/more specific? Also - what browser/platform are you using to view Sliding Doors example? It's compatibility is not 100%... Nick ___ Omnivision. Websight. http://www.omnivision.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 *
Re: [WSG] CSS Tabs
Here, its very simple.
1st step.
Setup you link heirachy in an unordered list.
div id="nav"
ul
lia href=""Link/a/li
lia href=""Link/a/li
lia href=""Link/a/li
lia href=""Link/a/li
/ul
/div
2nd step.
Setup the CSS,
div#nav ul
{
list-style-type: none;
padding: 0; margin: 0;
}
div#nav ul li
{
display: inline;
padding: 0; margin: 0 5px 0 0;
}
div#nav ul li a
{
color: #000;
}
div#nav ul li a:hover
{
color: #000;
}
Obviously use the CSS you want, to make them look like the tabs you
want!
THEN,
3rd step.
Setup your PHP header to handle the class="current"
eg:
change the header HTML to this PHP...
div id="nav"
ul
lia ? if ($_SERVER['PHP_SELF'] ==
'/home.php'){echo('class="current" ');
?href=""Link/a/li
lia ? if ($_SERVER['PHP_SELF'] ==
'/link.php'){echo('class="current" ');
?href=""Link/a/li
lia ? if ($_SERVER['PHP_SELF'] ==
'/blog.php'){echo('class="current" ');
?href=""Link/a/li
lia ? if ($_SERVER['PHP_SELF'] ==
'/about.php'){echo('class="current" ');
?href=""Link/a/li
/ul
/div
4th step
Add the DIV#NAV UL LI A.CURRENT to the CSS,
eg:
div#nav ul li a.current
{
/* Some New Style */
}
div#nav ul li a.current:hover
{
/* Some New Style */
}
Hope that helped...
sorry its in the email...
anyone like to add to this?
Jad Madi wrote:
Hi
guys is there anyway to get CSS tabs working without _javascript_s?
RE: [WSG] CSS based redesign of http://www.mckinseyquarterly.com/
I dont know the authors, but they import nearly everystyleshee used on the site why not keep the styles in one file and import that ? /* @import url(template.css); */ /* @import url(article-tools.css); */ /* @import url(article-list.css); */ /* @import url(chart-pack.css); */ /* @import url(coming-soon.css); */ /* @import url(editors-choice.css); */ /* @import url(featured-article.css); */ /* @import url(freeform.css); */ /* @import url(global-spotlight.css); */ /* @import url(individual-collection.css); */ /* @import url(interviews.css); */ /* @import url(in-the-news.css); */ /* @import url(point-counterpoint.css); */ /* @import url(recent-issues.css); */ /* @import url(research-in-brief.css); */ /* @import url(top-ten.css); */ /* @import url(client-module.css); */ /* @import url(login.css); */ /* @import url(privacy.css); */ /* @import url(advanced-search.css); */ /* @import url(popup.css); */ /* @import url(help.css); */ /* @import url(member.css); */ /* @import url(article.css); */ /* @import url(store.css); */ /* @import url(TOC.css); */ seems like they more than double handle the stylsheets -peace http://www.mckinseyquarterly.com/ I am using this site for couple of years and just recently they redesign site with CSS and XHTML Who are the autors? NIce! Regards, Andrey Stefanenko _ Play Love Hunt to win a $9000 holiday and find love! http://mobilecentral.ninemsn.com.au/mclovehunt/lovehunt.aspx * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS based redesign of http://www.mckinseyquarterly.com/
/* @import url(template.css); */ /* @import url(article-tools.css); */ /* @import url(article-list.css); */ /* @import url(store.css); */ /* @import url(TOC.css); */ OMG theres organisational skills but then theres organisational skills. imports are now generally used for IE css bug fixes. but thats a bit overboard. _ Cameron W (aka t94xr) http://freelance.t94xr.net.nz/ XHTML CSS Compliant Webdesigner. Taupo, NZ. Mob: 021 050-7304 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS based redesign of http://www.mckinseyquarterly.com/
imports are now generally used for IE css bug fixes. but thats a bit overboard. Could you qualify this statement please? @import is used to import stylesheets. We don't want to give members who might be new to CSS the wrong idea here. The site probably won't validate either due to some ad-rotator rubbish (script language= etc), but users should still gain most of the benefits of minimized (at least moreso than previously) markup and cached stylesheets. Bandwidth savings will be great, and Google should be happier with it. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS based redesign of http://www.mckinseyquarterly.com/
imports are now generally used for IE css bug fixes. but thats a bit overboard. Could you qualify this statement please? @import is used to import stylesheets. We don't want to give members who might be new to CSS the wrong idea here. thats one valid point. but its a trend to put IE CSS fixes and hacks in a file imported by IE !--[if IE]-- Conditional comments have slowly been the new IE import. * 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] CSS based redesign of http://www.mckinseyquarterly.com/
http://www.mckinseyquarterly.com/ I am using this site for couple of years and just recently they redesign site with CSS and XHTML Who are the autors? NIce! Regards, Andrey Stefanenko [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] CSS Opacity
On Tuesday, Jul 13, 2004, at 22:03 Australia/Sydney, Joe Leech wrote: I know this really isn't strictly *standard* but... I am using the css level 3 opacity property (and using the alpha filter for IE) for various content boxes to show the background image. However, I have just placed an image in the opaque block and it is opaque - but I don't want it to be. Is there a way to turn off the opacity of top image? The site is here: http://www.josephleech.co.uk/wordpress/ and the CSS: http://www.josephleech.co.uk/wordpress/wp-layout.css Thanks in advance, joe Wow, Joe - opacity issues aside, spare a thought for your visitors who don't have broadband! 400KB for your weymouth jpeg? I've built sites smaller than that... ;) Nick ___ Omnivision. Websight. http://www.omnivision.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 *
Re: [WSG] CSS Opacity
Joe Leech wrote: I know this really isn't strictly *standard* but... I am using the css level 3 opacity property (and using the alpha filter for IE) for various content boxes to show the background image. However, I have just placed an image in the opaque block and it is opaque - but I don't want it to be. Is there a way to turn off the opacity of top image? The opacity property applies to the parent element so anything inside the parent element will also be transparent. I sugest taking the image element out of the translucent element and apply position:absolute to it and align it in the correct place. Marc. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS Opacity
Hi Joe, placed an image in the opaque block and it is opaque - but I don't want it to be. Is there a way to turn off the opacity of top image? As Porter Glendinning replied to a similar post on css-discuss: ...the problem you're running up against is not one of inheritance. When you set the opacity of a container it effects everything that element contains. As far as any descendants of that container are concerned, 100% opaque now means whatever opacity was set on the container... In fact, Porter goes on to outline the issue and suggests ways to overcome it at: http://archivist.incutio.com/viewlist/css-discuss/39758 -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 *
RE: [WSG] CSS Opacity
This may be of interest http://archivist.incutio.com/viewlist/css-discuss/39758 In short, you could avoid the problem completely by using a 24bit PNG for the background, rather than using opacity. 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 *
[WSG] CSS DIV CENTERS
Hi, I wanted to know how I can center a CSS DIV that uses the X and Y scale... Personal Playgrounds: Empire X - http://www.empirex.net Olajide Olaolorun - http://www.olajideolaolorun.com Business Related: Triple O, L.L.C. - http:// - coming soon Triple O, Labs - http://www.tripleolabs.com Triple O, Studios - http://www.tripleostudios.com Others: Uniform Server - http:// - coming soon FREE pop-up blocking with the new MSN Toolbar get it now! * 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] CSS Block Element Probs...
Hey Everyone, www.neester.com is what I am working on. I just made a new stylesheet for the site. I just need some help with the DIVs... Its a big issue at the moment. I have right floated Navigation... the Content, is just a DIV which is by default a BLOCK element, and therefore uses all teh size it has avalible. Now... TEXT Wraps fine around the right nav... But Borders and hr's etc... are a different story... I cant seem to find a nice width to set the content div at... Because it seems Mozilla has made the navigation panel a lot wider than IE... at the moment it wasnt an issue, until I wanted to have the panel there... I think I am rambling on now... well... ANY help is GREATLY appreciated! LINK: http://www.neester.com STYLESHEET: http://www.neester.com/styles/ocean/ocean.css
Re: [WSG] CSS Block Element Probs...
Chris,
From a quick look, you seem have two problems - the box model issue and a
border issue:
1. IE misinterprets the box model so your navigation div appears thinner
in this browser compared to other browsers.
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
There are many ways to fix this as has been discussed on the list. One
method to fix this in IE6 is to remove the xml prolog (which is apparently
the incorrect term now) so that this browser operates in standards
compliance mode, and correctly renders the box model.
2. Borders and background colours will always flow under a floated item -
even if text does not.
While content will wrap around a floated element, border, background image
and background color will extend underneath.
http://css.maxdesign.com.au/floatutorial/introduction.htm
To solve this you could put a background colour on the navigation div or set
the content with a margin so that it does not flow under the nav at all.
Something like:
div#content
{
padding: 10px;
margin-right: 160px; /* new rule here */
}
HTH
Russ
Hey Everyone,
www.neester.com http://www.neester.com is what I am working on.
I just made a new stylesheet for the site.
I just need some help with the DIVs...
Its a big issue at the moment.
I have right floated Navigation...
the Content, is just a DIV which is by default a BLOCK element, and therefore
uses all teh size it has avalible.
Now... TEXT Wraps fine around the right nav...
But Borders and hr's etc... are a different story...
I cant seem to find a nice width to set the content div at...
Because it seems Mozilla has made the navigation panel a lot wider than IE...
at the moment it wasnt an issue, until I wanted to have the panel there...
I think I am rambling on now...
well...
ANY help is GREATLY appreciated!
LINK: http://www.neester.com
STYLESHEET: http://www.neester.com/styles/ocean/ocean.css
The Australian Museum.
Australia's first - and leading - natural sciences and anthropology
museum. Visit www.amonline.net.au
The views in this email are those of the user and do not necessarily
reflect the views of the Australian Museum. The information contained in
this email message and any accompanying files is or may be confidential
and is for the intended recipient only. If you are not the intended
recipient, any use, dissemination, reliance, forwarding, printing or
copying of this email or any attached files is unauthorised. If you are
not the intended recipient, please delete it and notify the sender.The
Australian Museum does not guarantee the accuracy of any information
contained in this e-mail or attached files. As Internet communications
are not secure, the Australian Museum does not accept legal
responsibility for the contents of this message or attached files.
Re: [WSG] CSS Block Element Probs...
Ahhh great thanks russ...
What I will do is, remove the XML bit...
then change the css, and see how it looks then!
:)
Thanks a lot!
- Chris Stratford
russ - maxdesign wrote:
Chris,
From a quick look, you seem have two problems - the box model issue and a
border issue:
1. IE misinterprets the box model so your "navigation" div appears thinner
in this browser compared to other browsers.
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
There are many ways to fix this as has been discussed on the list. One
method to fix this in IE6 is to remove the xml prolog (which is apparently
the incorrect term now) so that this browser operates in standards
compliance mode, and correctly renders the box model.
2. Borders and background colours will always flow under a floated item -
even if text does not.
"
While content will wrap around a floated element, border, background image
and background color will extend underneath."
http://css.maxdesign.com.au/floatutorial/introduction.htm
To solve this you could put a background colour on the navigation div or set
the content with a margin so that it does not flow under the nav at all.
Something like:
div#content
{
padding: 10px;
margin-right: 160px; /* new rule here */
}
HTH
Russ
Hey Everyone,
www.neester.com http://www.neester.com is what I am working on.
I just made a new stylesheet for the site.
I just need some help with the DIVs...
Its a big issue at the moment.
I have right floated Navigation...
the Content, is just a DIV which is by default a BLOCK element, and therefore
uses all teh size it has avalible.
Now... TEXT Wraps fine around the right nav...
But Borders and hr's etc... are a different story...
I cant seem to find a nice width to set the content div at...
Because it seems Mozilla has made the navigation panel a lot wider than IE...
at the moment it wasnt an issue, until I wanted to have the panel there...
I think I am rambling on now...
well...
ANY help is GREATLY appreciated!
LINK: http://www.neester.com
STYLESHEET: http://www.neester.com/styles/ocean/ocean.css
The Australian Museum.
Australia's first - and leading - natural sciences and anthropology
museum. Visit www.amonline.net.au
The views in this email are those of the user and do not necessarily
reflect the views of the Australian Museum. The information contained in
this email message and any accompanying files is or may be confidential
and is for the intended recipient only. If you are not the intended
recipient, any use, dissemination, reliance, forwarding, printing or
copying of this email or any attached files is unauthorised. If you are
not the intended recipient, please delete it and notify the sender.The
Australian Museum does not guarantee the accuracy of any information
contained in this e-mail or attached files. As Internet communications
are not secure, the Australian Museum does not accept legal
responsibility for the contents of this message or attached files.
Re: [WSG] CSS Menu Issues - Client Site
Hi Jezz,
I haven't looked at question 1, but here is 2 and 3.
2) If you have the list items on a single line in your code these
breaks disappear. Funny because I thought this issue was only with IE.
example: lia href=#Item one/a/lilia href=#Item
two/a/lilia href=#Item three/a/li
3) The break is due to you adding a top margin height of 7 pixels on
your unorderlist.
#navlist ul {
padding: 0;
margin: 7px 0 0 0;
}
If you remove this and leave margin at 0 this break will close.
I'll see what your question 1 is about.
Ian.
www.e-lusion.com
This is a multi-part message in MIME format.
Hello there.
I'm developing a site for a local hat shop, and I'm having some
problems
with the menu. If you could please take a look at the following link:
http://www.affectus.net/freelance/2004_05_phathats/
Here are the issues I am experiencing:
1) I would like for the navigation to stretch 100% of the width
(750px). I will style the a:active stuff later, once the base is
aligned the
way I would like.
2) I notice there is a break between the different boxes of
the
navigation. I'd like to know how to get rid of these things.
3) In Firefox .8 (which I test on), I find that there is a
break in the
white background right about where the navigation is. I would like
to make a
solid white background from header to footer.
Thanks so much for your time. I hope you guys can figure it out,
I've been
banging my head on the table for the last two hours.
Jeremy Shields
www.jezzjournal.com http://www.jezzjournal.com/
www.affectus.net http://www.affectus.net/
[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
*
[WSG] CSS Menu Issues - Client Site
Hello there. Im developing a site for a local hat shop, and Im having some problems with the menu. If you could please take a look at the following link: http://www.affectus.net/freelance/2004_05_phathats/ Here are the issues I am experiencing: 1) I would like for the navigation to stretch 100% of the width (750px). I will style the a:active stuff later, once the base is aligned the way I would like. 2) I notice there is a break between the different boxes of the navigation. Id like to know how to get rid of these things. 3) In Firefox .8 (which I test on), I find that there is a break in the white background right about where the navigation is. I would like to make a solid white background from header to footer. Thanks so much for your time. I hope you guys can figure it out, Ive been banging my head on the table for the last two hours. Jeremy Shields www.jezzjournal.com www.affectus.net [EMAIL PROTECTED]
Re: [WSG] CSS Disaster
Just a thought:
Are you writing,
@import url('%styles.css%')
or,
@import url('%styles.css%');
???
The semi-colon is absolutely essential.
Roy
- Original Message -
From: Sean M. Hall AKA Dante [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Thursday, June 03, 2004 7:53 PM
Subject: [WSG] CSS Disaster
Dad, I'm not saying I wrecked the CSS.but I'm gonna need a new stylesheet.
This is how I feel right now. For my new History Website redesign, I worked hard on
creating a valid
XHTML 1.0 Transitional structure consisting of semantic, organized markup. I validated
tha markup
and the CSS (which didn't validate cuz I use -moz-box-sizing). I worked hard, and even
added a
DOM-driven behaviour layer.
Opera 7.23 (IMHO, the best browser ever) renders it beautifully, as I expected. Opera
7.23 rewards
me for my hard work, which is why I love it.
How does IE repay me? By not loading the bloody stylesheet at all (it does load the
external .js
file though). Period. Nein.
At first I though it was this:
@import url('screenstyles.css') screen;
I use single quotes so IE5/Mac won't see the stylesheet. But I switched to double
quotes and still
no luck. Removed the screen; part. Nein. not yet. Removed the conditional comments for
IE in the
head section: no, no, nein.
Almost all of my visitors use IE, and I have less than two weeks to solve the problem.
CSS is an excellent car, but IE is a broken muddy pothole-filled road.
Anyone know any bugs that prevent IE from loading a stylesheet?
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] CSS Disaster
Sean M. Hall AKA Dante wrote:
At first I though it was this:
@import url('screenstyles.css') screen;
I use single quotes so IE5/Mac won't see the stylesheet. But I switched to double quotes and still no luck. Removed the screen; part. Nein. not yet. Removed the conditional comments for IE in the head section: no, no, nein.
It is that.
change it from
@import url('screenstyles.css') screen;
to
@import url(screenstyles.css);
See:
http://w3development.de/css/hide_css_from_browsers/import/
--
Kristof
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] CSS Disaster
Title: Message
Hi
Sean,
Interesting. Especially this
bit:
"For my new History Website redesign, I worked hard on creating a valid XHTML
1.0"
Allow
me to quote this from Simplebits a month ago...
"23. On May 6, 2004 8:08 PM,
Dante
said:
D: Dont use XHTML at
all.
Seriously though even if
I was silly enough to be using xHTML Id go with B.
Its hard for me to say
because Ill never ever need to use XHTML."
I guess a lot can change in a month, but
nothing so drastically or as often as your opinions. Oh and by the way, I
think Jeffrey Zeldman was talking about you in his recent Daily Report where he
mentions a certain someone on the discussion boards of A List Apart. Not
exactly the recognition you seem to consistently crave, but good
job.
Iain
-Original Message-From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of
Sean M. Hall AKA DanteSent: 04 June 2004 02:53To:
[EMAIL PROTECTED]Subject: [WSG] CSS
Disaster"Dad, I'm not saying I wrecked the CSS.but I'm gonna need a new
stylesheet". This is how I feel right now. For my new History Website
redesign, I worked hard on creating a valid XHTML 1.0 Transitional structure
consisting of semantic, organized markup. I validated tha markup and the CSS
(which didn't validate cuz I use -moz-box-sizing). I worked hard, and even
added a DOM-driven behaviour layer. Opera 7.23 (IMHO, the best browser
ever) renders it beautifully, as I expected. Opera 7.23 rewards me for my hard
work, which is why I love it. How does IE repay me? By not loading the
bloody stylesheet at all (it does load the external .js file though). Period.
Nein. At first I though it was this: @import
url('screenstyles.css') screen; I use single quotes so IE5/Mac won't see
the stylesheet. But I switched to double quotes and still no luck. Removed the
screen; part. Nein. not yet. Removed the conditional comments for IE in the
head section: no, no, nein. Almost all of my visitors use IE, and I
have less than two weeks to solve the problem. CSS is an excellent
car, but IE is a broken muddy pothole-filled road. Anyone know any
bugs that prevent IE from loading a stylesheet?
[WSG] Css problems..
Hi, i've a problem with Mozilla that i can't resolve. In this site (www.comune.castelnuovo-berardenga.si.it) Mozilla display a white line under the top banner and i can't understand why. anybody can help me? thanks, bye. Vince * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Css problems..
Your site has some errors. Try to fix them first. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.comune.castelnuovo-berardenga.si.it%2Fcharset=%28detect+automatically%29doctype=Inlineverbose=1 -- Razvan Pop http://alegeri-locale.stockapplets.com/2/alegeri-locale-2004.html Befree wrote: Hi, i've a problem with Mozilla that i can't resolve. In this site (www.comune.castelnuovo-berardenga.si.it) Mozilla display a white line under the top banner and i can't understand why. anybody can help me? thanks, bye. Vince * 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] Css problems..
First off, try validating your site - when I ran the W3C HTML validator it came back NOT valid XHTML 1.1 and there were three errors. Second, although you've got a style sheet, your layout is still controlled by tables? I would look at those first before trying to fix the white line issue. Using CSS for layout can give you a very elegant and clean design without all that markup you're using. Just my humble opinion, for what little it's worth (I'm somewhat a newbie myself - always looking to learn). Leslie Hi, i've a problem with Mozilla that i can't resolve. In this site (www.comune.castelnuovo-berardenga.si.it) Mozilla display a white line under the top banner and i can't understand why. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Css problems..
Vince, Set the image to display: block or vertical-align: bottom. Details here: http://devedge.netscape.com/viewsource/2002/img-table/ Cheers, Mike On Thursday, June 3, 2004, at 11:00 PM, Befree wrote: Hi, i've a problem with Mozilla that i can't resolve. In this site (www.comune.castelnuovo-berardenga.si.it) Mozilla display a white line under the top banner and i can't understand why. anybody can help me? thanks, bye. Vince * 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] Css problems..
Hi, Michael Allan wrote: Vince, Set the image to display: block or vertical-align: bottom. Details here: http://devedge.netscape.com/viewsource/2002/img-table/ it works perfectly! thanks a lot! :) Cheers, Mike bye, Vince * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Css problems..
Hi, Leslie Riggs wrote: First off, try validating your site - when I ran the W3C HTML validator it came back NOT valid XHTML 1.1 and there were three errors. Second, although you've got a style sheet, your layout is still controlled by tables? I would look at those first before trying to fix the white line issue. Using CSS for layout can give you a very elegant and clean design without all that markup you're using. Just my humble opinion, for what little it's worth (I'm somewhat a newbie myself - always looking to learn). Leslie i know.. but i did this site some time ago.. probably i'll do new design without table. The site not validates because there is a CMS behind it and the persons who update the site sometimes don't put valide code inside :( bye.. Vince * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS Disaster
Almost all of my visitors use IE, and I have less than two weeks to solve the problem. CSS is an excellent car, but IE is a broken muddy pothole-filled road. Anyone know any bugs that prevent IE from loading a stylesheet? You provided no URLs. Nada. Zilch. Nein. Sorry, no can help. -- Ryan Christie| e: [EMAIL PROTECTED] Harrisonburg, VA | w: http://shadyland.theward.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] CSS editor
Rev. Bob 'Bob' Crispen wrote: The voices are telling me that t94xr.net.nz webmaster said on 5/28/2004 9:55 AM: Topstyle Pro 3.10 Pro is a better bet. ...and Nick is a decent guy who really supports his products. TS3.10 is the best I've seen. It's a very good (X)HTML and perhaps the best CSS editor. Supports XHTML 1.1 (there is no default template for XHTML 1.1, but adding one is at most a one minute job), supports Ruby (though I'm nor sure how useful that is), can be configured to work as an external CSS editor, and more. Nick's support is top notch; not only does he read questions and feature requests, he personally responds! (Does Gates, Jobs, et al, do that?) He also advocates Web standards (my vain attempt to keep this thread on topic). TS 3.11 should be released soon, and TS 4 isn't too far off. TS 4 promises to be an even better XHTML editor (many of the feature requests point in that direction). * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
