[WSG] CSS solid lines and Opera
How do I
show solid lines in a table with CSS to properly display with an Opera web
browser?
This is
the style Im using:
.btable1
{
background:
#E4E0CD;
border: 1px
solid #9E946A;
color:
#33;
font-size:
small;
}
When this
loads in a table: td class=btable1
Opera
only displays the bottom solid line. Everything looks fine in IE6 and NS7,
displaying all 4 sides with lines. Please help.
TIA
John
RE: [WSG] CSS solid lines and Opera
How do I show solid lines in a table with CSS to properly display with an Opera web browser? that example code you've supplied makes a border on all 4 sides of a TD in my copy of Opera (v7.22 on PC) Could it be that other classes on your project are causing the prob? Like a negative margin/padding on the outer table or something? At this point many others on the list would probably say "post and example online so we can see the prob in context" :) pete
RE: [WSG] CSS solid lines and Opera
Thanks Pete, I was afraid that might be the problem. Back to the drawing board. John -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Peter Ottery Sent: Sunday, May 23, 2004 11:36 PM To: '[EMAIL PROTECTED]' Subject: RE: [WSG] CSS solid lines and Opera How do I show solid lines in a table with CSS to properly display with an Opera web browser? that example code you've supplied makes a border on all 4 sides of a TD in my copy of Opera (v7.22 on PC) Could it be that other classes on your project are causing the prob? Like a negative margin/padding on the outer table or something? At this point many others on the list would probably say post and example online so we can see the prob in context :) pete
RE: [WSG] What's the value and of a Ruby?
Title: RE: [WSG] What's the value and of a Ruby? I think he's asking what other othes it could have, other than those intended. I have no ideas at the moment. Jamie Mason: Design -Original Message- From: Chris Bentley [mailto:[EMAIL PROTECTED]] Sent: 24 May 2004 08:23 To: [EMAIL PROTECTED] Subject: Re: [WSG] What's the value and of a Ruby? While the above examples are all useful, what I'm wondering is whether it has a more general usefulness? afaik its purpose is solely as you have described - to annotate ideographic languages with short phonetic annotations to aid with pronunciation or meaning. http://www.w3.org/International/O-HTML-ruby did you have something in mind? Cheers, chris * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] naming a form so it validates?
robert e. lee wrote: I have a name attribute in the form tag, but I need it there due to the javascript validations necessary for client side checking, name=surveyform. 1. change name=surveyform to id=surveyform 2. change document.forms[surveyform] to document.getElementById(surveyform) Easy as pie. -- 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 *
[WSG] Width difference in IE - OK in Firefox
Im stumped at what Ive done wrong here. Ive copied (or at least I THOUGHT I copied!) a structure from another site that worked, but its playing out wrong for IE6. can anyone tell me what Im doing wrong here please? The sites at http://paraklesis.com.au and the style sheet is at http://paraklesis.com.au/styles/paraklesis.css It looks fine in Firefox, and Netscape 7.1 but not in IE6. Whats happening in IE is that the outer container is too wide on the right (its supposed to be 597pixels wide, which is the width of the heading graphic). Its 597 in the other browsers, but in IE its 614px wide. And despite being wider, it still squeezes the right sidebar out and forces it to float below the left content box. Ive been staring at this wretched thing for hours now and I guess Im too close to it now to see whats wrong. Can anyone see what Ive done? (oh yes, I know the content is far too long and the client has lots of work to do in that area and I have some work to do on the floats for the menu buttons. But its the bigger boxes Im working on now.). Cheers Mike Kear AFP Webworks Windsor, NSW, Australia http://afpwebworks.com
RE: [WSG] Width difference in IE - OK in Firefox
Title: Message Try using display:inline on the floated element in question. It's most probably one of the IE bugs listed here: http://www.positioniseverything.net/explorer.html Regards,David McDonaldWeb Designerhttp://www.davidmcdonald.orgSouthbank, MelbourneAustralia -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael KearSent: Monday, 24 May 2004 11:17 PMTo: [EMAIL PROTECTED]Subject: [WSG] Width difference in IE - OK in Firefox Im stumped at what Ive done wrong here. Ive copied (or at least I THOUGHT I copied!) a structure from another site that worked, but its playing out wrong for IE6. can anyone tell me what Im doing wrong here please? The sites at http://paraklesis.com.au and the style sheet is at http://paraklesis.com.au/styles/paraklesis.css It looks fine in Firefox, and Netscape 7.1 but not in IE6. Whats happening in IE is that the outer container is too wide on the right (its supposed to be 597pixels wide, which is the width of the heading graphic). Its 597 in the other browsers, but in IE its 614px wide. And despite being wider, it still squeezes the right sidebar out and forces it to float below the left content box. Ive been staring at this wretched thing for hours now and I guess Im too close to it now to see whats wrong. Can anyone see what Ive done? (oh yes, I know the content is far too long and the client has lots of work to do in that area and I have some work to do on the floats for the menu buttons. But its the bigger boxes Im working on now.). Cheers Mike Kear AFP Webworks Windsor, NSW, Australia http://afpwebworks.com
RE: [WSG] Width difference in IE - OK in Firefox
Title: Message I found it!!! Thanks for your suggestion David, but that wasnt it. However it did prompt me to go looking at the site where I got the original inspiration from (translation I went back ot the site I stole it from in the first place before I tinkered with it beyond recognition to all but the original designer). The problem was the left margin setting for the right hand sidebar. It was set to 420px from the left, which put that box too far to the right, and it was forcing the right side of the main container box out to the right in IE. It just overlaid the edge of that box in the other browsers, and since it was transparent, I didnt see it overlapping in NN and FF. The solution: reduce the left margin on the sidebar to 410px and it was done. As a result Ive learned this lesson: When youre laying out the basic blocks for your page, its a good idea to give each a different colour background, so you can see just where all the boxes are falling, which ones are touching and which arent. When you have everything laid out how you want, and floating in the right places, THEN change the background colours to white or transparent or whatever your design calls for. Using different colour backgrounds is better than the technique Ive been using up to now (giving each a border of a different colour) because borders take up space. Background colours don't take up horizontal or vertical space, so therefore don't affect the way the boxes float and/or line up against each other. Cheers Mike Kear Windsor, NSW, Australia AFP Webworks http://afpwebworks.com From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David McDonald Sent: Monday, 24 May 2004 11:53 PM To: [EMAIL PROTECTED] Subject: RE: [WSG] Width difference in IE - OK in Firefox Try using display:inline on the floated element in question. It's most probably one of the IE bugs listed here: http://www.positioniseverything.net/explorer.html Regards, David McDonald Web Designer http://www.davidmcdonald.org Southbank, Melbourne Australia
[WSG] CSS Positioning of Navigation
CSS Positioning of Navigation I am having a problem with IE again. I am trying to create a framed top navigation. It seems to work in Safari/Firefox the way I intended. The only way I can seem to get it to work in IE 6 is to add padding to the HeadNav id this pushed the nav donw in Safari/Firefox. Here is an example http://sean.ashtonweb.com/test/ (css is embedded in the top.html) Any suggestions? Thanks -Sean Sean Sullivan-Daley [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] hey
Dear WSG Its great you guys are promoting XHTML, CSS and such.. But theres one thing that bothers me.. On the WSG MINI BUTTON page, you publish the code for adding The image, but the code itself isnt valid xhtml strict Instead of using: border=0 Replace it with: style=border:0 that should do the trick keep up the good work -- Jochen Sengier SHiKai MCT 1[C3] http://www.designerdrugs.tk http;//www.sengier.tk [EMAIL PROTECTED] [EMAIL PROTECTED] [EMAIL PROTECTED] 0474 75 92 36 KOT: Monseigneur de Haernelaan 2 8500 Kortrijk BELGIUM THUIS: Markegemstraat 55 8720 Wakken BELGIUM -- image001.jpg
Re: [WSG] CSS Positioning of Navigation
Sean Sullivan-Daley wrote:
CSS Positioning of Navigation
I am having a problem with IE again. I am trying to create a framed top navigation. It
seems to work in Safari/Firefox the way I intended. The only way I can seem to get it
to work in IE 6 is to add padding to the HeadNav id this pushed the nav donw in
Safari/Firefox.
Here is an example
http://sean.ashtonweb.com/test/ (css is embedded in the top.html)
Any suggestions?
First, kill the frames. In almost all cases they do more harm than good:
problems with bookmarking, problems with search engines, annoy visitor,
accessibility problems, etc. I can't think of any public site I've seen
in the last few years where frames were of benefit.
Second, I question your definition of work. When I try to view it in
Firefox I'm faced with the choice of text which is either cut off by the
bottom of the frame, or about 4pt. Either way, it's illegible.
If you want a fixed top heading and nav bar, you're 10,000 times better
off using:
{
position : fixed;
top : 0;
}
I would also recommend ditching the Transitional and go with at least
Strict. I haven't seen any good reasons for using Transitional for
non-legacy code.
*
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] Mini buttons (was: hey)
Jochen Sengier [SHiKai] wrote:
Its great you guys are
promoting XHTML, CSS and such..
On behalf of my small part, thank you.
On
the WSG MINI BUTTON page, you publish the code for adding
The
image, but the code itself isnt valid xhtml strict
Instead
of using:
border="0"
Replace
it with:
style="border:0"
that should do the trick
Which won't validate XHTML 1.1. The only solution seems to be:
img.button {border : 0;}
Or some variation thereof.
While we're on the topic of problems with the buttons, I, for one,
would prefer them to be the same size as the W3C buttons. Yes, I know I
can resize them myself, but I'm too lazy busy. O:-)
image/jpeg
[WSG] Ten questions for Patrick Griffiths
Patrick Griffiths talks about HTML Dog, AAA compliance, the HR element, Elastic Design and web standards. http://webstandardsgroup.org/features/patrick-griffiths.cfm 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 *
[WSG] IE. Stopping a table from stretching past the containing div
Hey all, got a problem with tables stretching past my globalWrap div in ie5.0, 5.5, 6.0 when they are set to 100% works fine in firefox pcmac, ie5.1+5.2 mac safari, ns6.2+ on pc and mac anyone know how to fix this? thanks Benjamin Life through a polaroid www.lifethroughapolaroid.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] Good DOM tutorial?
The discussion about validating forms led me to download the DOM Level 1 spec again from the W3C, and after a moment or two I remembered why I'd scrubbed it off my disc the last time. It was either that or grab my Uzi and hunt down the people who wrote that spec. Right now I'm dependent on the kindness of strangers (the folks who wrote Opera's and Moz's JavaScript and DOM engines) for accepting some really evil code. Does anybody know a good DOM tutorial? -- Rev. Bob Bob Crispen bob at crispen dot org Ex Cathedra Weblog: http://blog.crispen.org/ Some people just don't know how to drive... I call these people Everybody But Me * 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] Good DOM tutorial?
Hi Rev This is probably a good one to start on. http://www.w3schools.com/dhtml/default.asp Cheers Jeff Lowder Accessibility 1st Website: www.accessibility1st.com.au -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rev. Bob 'Bob' Crispen Sent: Tuesday, 25 May 2004 10:24 AM To: [EMAIL PROTECTED] Subject: [WSG] Good DOM tutorial? The discussion about validating forms led me to download the DOM Level 1 spec again from the W3C, and after a moment or two I remembered why I'd scrubbed it off my disc the last time. It was either that or grab my Uzi and hunt down the people who wrote that spec. Right now I'm dependent on the kindness of strangers (the folks who wrote Opera's and Moz's JavaScript and DOM engines) for accepting some really evil code. Does anybody know a good DOM tutorial? -- Rev. Bob Bob Crispen bob at crispen dot org Ex Cathedra Weblog: http://blog.crispen.org/ Some people just don't know how to drive... I call these people Everybody But Me * 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] Good DOM tutorial?
This got me started fairly quickly with my JS DOM experiments http://www.howtocreate.co.uk/tutorials/index.php?tut=0part=24 Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk winmail.dat
RE: [WSG] IE. Stopping a table from stretching past the containing div
Check your table's width, padding and margin. In the worst case, drop the width from 100% to something like 99.5%. I may be wrong, but I think this is another instance of the box model problem IE has... Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk winmail.dat
Re: [WSG] IE. Stopping a table from stretching past the containing div
On May 25, 2004, at 9:14 am, Benjamin wrote:
got a problem with tables stretching past my globalWrap div in ie5.0,
5.5, 6.0 when they are set to 100%
IE win is unable to correctly calculate % width tables IF the direct
parent container doesn't have a dimension (width or height) specified.
Wrap a div around your table, and style that div with: {height:1%}
(seems the most foolproof method, width:100% can give problems when
float is involved in the surroundings.). Hide all that from more decent
browsers.
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] using web standards on non-english language sites
Do any WSG members have experience with non-english language websites? If so some tips would be helpful. Ive found Beyond Borders: Web Globalisation Strategies by New Riders helpful in a broad sense, but not for topics like: * which is the best way to specify charsets (UTF-8, iso-8859-1, BIG-5 etc) * which fonts display asian languages eg: Chinese Traditional/Simplified script well * What interface rules of thumb should be applied eg: for any given english phrase, the space taken up on screen will vary for different languages like German which will take more space. * Whether its wise to use unicode notation eg: #30456;#38364;#36039;#26009; or some other way to display other languages in a web browser -- Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy * 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] about that new way to clear floats
so you know how there's that new way to clear floats... http://www.positioniseverything.net/easyclearing.html just wondering how everyone is gauging that method? I mean,the "hack" used up until now of adding a div style="clear:both"/div (or similar) to properly clear floats when needed is pretty straightforward, albeit a bit of code that always felt unnecessary... But this new method has the _javascript_ requirement to fix mac ie5 and uses the "holly hack" anyway. to me, at least initially, it feels like a bit of a "rabbit warren" style of fix, meaning it seems more convoluted than the problem its solving... I guess I just wanted to know if everyone is going to jump in and start using that new method or wait and see if it has some pitfalls? (similar to the whole image replacement technique thing or the box model hack that initially sounded likea godsend for some situations but has come unstuck as a method as time went by...) Pete
Re: [WSG] IE. Stopping a table from stretching past the containing div
the containing div has a width of 100%
but ie doesnt want to adhere to this
On May 25, 2004, at 9:14 am, Benjamin wrote:
got a problem with tables stretching past my globalWrap div in ie5.0,
5.5, 6.0 when they are set to 100%
IE win is unable to correctly calculate % width tables IF the direct
parent container doesn't have a dimension (width or height) specified.
Wrap a div around your table, and style that div with: {height:1%}
(seems the most foolproof method, width:100% can give problems when
float is involved in the surroundings.). Hide all that from more decent
browsers.
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
*
Benjamin
Life through a polaroid
www.lifethroughapolaroid.com
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] IE. Stopping a table from stretching past the containing div
thanks Phillipe
I solved the problem as you suggested
I put a div around it called it tableContain
#tableContain{width: 100%}
works like a charm
On May 25, 2004, at 9:14 am, Benjamin wrote:
got a problem with tables stretching past my globalWrap div in ie5.0,
5.5, 6.0 when they are set to 100%
IE win is unable to correctly calculate % width tables IF the direct
parent container doesn't have a dimension (width or height) specified.
Wrap a div around your table, and style that div with: {height:1%}
(seems the most foolproof method, width:100% can give problems when
float is involved in the surroundings.). Hide all that from more decent
browsers.
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
*
Benjamin
Life through a polaroid
www.lifethroughapolaroid.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] using web standards on non-english language sites
Hello Neerav! Neerav wrote: Do any WSG members have experience with non-english language websites? Yes. I'm from Russia, so I have experience with non-english (especially Russian) language websites. Currently I'm redesigning one site to make it standarts compliance -- you can see its redone home page at http://mera.com.ru/new/ If so some tips would be helpful. Ive found Beyond Borders: Web Globalisation Strategies by New Riders helpful in a broad sense, but not for topics like: * which is the best way to specify charsets (UTF-8, iso-8859-1, BIG-5 etc) I think it depends on the commonly used charset in the certain country. In case of Russian language there are two frequently used charsets windows-1251 and koi8-r. I think that utf-8 is also acceptable but as for me I do not use it for two reasons -- my favourite xhtml-editor doesn't work with unicode, and I don't know about support of Russian unicode characters in older browsers (AFAIK modern browsers support it -- I've tested in Mozilla, Firefox, IE 5+). * which fonts display asian languages eg: Chinese Traditional/Simplified script well Sometimes I have to deal with Chinese. All you have to do is to setup the Asian languages support -- this will install all the necessary fonts. I don't know about other OSes but on my Windows XP everything works well. Also you can install Arial Unicode from the MS Office suite. Lucida Sans Unicode is also good font, but it has limited support of characters. * What interface rules of thumb should be applied eg: for any given english phrase, the space taken up on screen will vary for different languages like German which will take more space. I don't think that there are any of universal rules. That's the issue you have to deal with everytime you are dealing with l10n and i18n. In case of web it is somehow flexible, but in case of software it's the real headache :( * Whether its wise to use unicode notation eg: #30456;#38364;#36039;#26009; or some other way to display other languages in a web browser AFAIK, unicode notations are used if your charset differs from utf-8 (for example iso-8859-1), otherwise you should use real unicode characters instead of notations. If you have more questions about this issue, feel free to ask. Good luck! Peter A. Shevtsov * 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] strange white flash on mouseover
Anyone have an idea why the menu at left of http://www.h27.info/ works fine in Firefox 0.8, Opera 7 and IE 5.5 but in IE 6 when you mouseover the links they change from the image background into a white background until you mouseout ? -- Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy * 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] strange white flash on mouseover
Neerav wrote: Anyone have an idea why the menu at left of http://www.h27.info/ works fine in Firefox 0.8, Opera 7 and IE 5.5 but in IE 6 when you mouseover the links they change from the image background into a white background until you mouseout ? Neerav, I'm not seeing this behaviour in updated IE6/XP pro 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 *
Re: [WSG] strange white flash on mouseover
Unfortunately images called in through CSS don't cache at least with IE. Go to IE Menu Tools Internet Options Temporary Internet Files Settings Turn Check for newer versions of stored pages to Automatically. The problem will go away in your browser but anyone else who doesn't have the default value set will see the problem your having. Alternatively don't use images as the background of a navigation button. Marc. BTW this is my first post. - Original Message - From: Jason Turnbull [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Tuesday, May 25, 2004 2:04 PM Subject: RE: [WSG] strange white flash on mouseover Neerav wrote: Anyone have an idea why the menu at left of http://www.h27.info/ works fine in Firefox 0.8, Opera 7 and IE 5.5 but in IE 6 when you mouseover the links they change from the image background into a white background until you mouseout ? Neerav, I'm not seeing this behaviour in updated IE6/XP pro 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 * * 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] strange white flash on mouseover
Dear Neerav and Marc I have settings set as Marc recommended and still got no mouseovers in IE 6. Erietta * 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] strange white flash on mouseover
Works perfectly on IE 6 for me. There's always a flash of no BG on IE but it returns as it loads it again. IE separates the normal and hover states and when you roll over it loads the image again, even though it's the same one. Try the nav on the WSG site in IE and you'll see the same happens to the bullets. There's no different hover state BTW. If you're looking for another colour to appear there isn't one. That wasn't the problem. P Dear Neerav and Marc I have settings set as Marc recommended and still got no mouseovers in IE 6. Erietta * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
