Re: [WSG] Change defaults in IE with CSS style sheet
On Sep 9, 2004, at 12:56 pm, Felix Miata wrote: Now that you've done that, you should see that user css is really only for people who understand css and have the time to apply it on the user side, so few that it is really nothing any web designer needs to spend more than two seconds pondering. Then you install Omniweb 5.0 for OS X, and discover that it offers an interface to create user styles on a per site basis (allowing/disallowing javascript, resetting colours and background colours, font-size,.) [1]. I'm pretty sure Opera isn't far behind on this, judging by calls from Opera users. Gecko lacks this, for now, as far as an user interface is concerned, although some people are working on this as well. The important thing is - when you design a site, factor in the possibility that users will have different settings than yours. (even simply via the browser preferences : allow sites to set font-family of font-size on/off). [1] granted, it is not as powerful as full blown user stylesheet, but as Felix notes, only a few users are capable to manage a user stylesheet. 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/ 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] Help with simple menu
OK, I've thrown in the towel. No one piped up with solutions to the last couple of issues, so I've surrendered my dream to build an elastic layout. However, I still have one glitch to fix. And Firefox is the odd one out. No, don't flame me! I've been developing using Safari and Opera, which I thought would give me pretty much the same results. Here's what happened. I wanted a workaround for the refusal of IE 5 PC to honour the left padding on my subnav (where I wanted to put little arrows). So I've set the li a to float left, and set a clear: left to force them to align vertically. In Firefox the clear is ignored! What have I missed I've coloured the links with a gold background for clarity. http://www.fortyfivedegrees.com/childrenfirst/access/ css at http://www.fortyfivedegrees.com/childrenfirst/styles/cf2.css Any help greatly appreciated. -Hugh Todd ** 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] Better Flexible Rounded Corners Option? and Site Check
On 8 sep 2004, at 22.57, JW wrote: I am looking for a flexible rounded corners (with borders) that is not restrictive to size. Googled for some but most are filled with lots of complex solutions (lots of html meddling and tones of css codes). Hi. Take a look at what I came up with a while back: http://www.456bereastreet.com/lab/flexible_custom_corners_borders/ Related post: http://www.456bereastreet.com/archive/200406/ flexible_box_with_custom_corners_and_borders/ http://www.456bereastreet.com/lab/teaser/one_image/ Related post: http://www.456bereastreet.com/archive/200406/css_teaser_box/ /Roger -- http://www.456bereastreet.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] Help with simple menu
Jake, Ah hah! Many thanks for that! And thanks to Bert, too, for replying. I would have posted the thanks offlist, but I wanted to indicate why Bert's solution would not be ideal in this case. I wanted a rollover effect for the links, involving a graphic arrow to their left. But to achieve that, I had to have a way of creating left padding on the a. Every browser but IE 5 PC understood the left padding. If it were not for IE PC (all flavours), I could have applied the rollover effect to the li, and this would have solved the padding issue. (li:hover) Solution: float the a, which for some reason causes IE 5 PC to understand the left padding. And Jake provided the final (bizarre) piece in the puzzle. Is this a bug in Mozilla? -Hugh Todd Clearing in the li, but leaving the float in the a seems to fix the problem. Jake Quoting Hugh Todd: I wanted a workaround for the refusal of IE 5 PC to honour the left padding on my subnav (where I wanted to put little arrows). So I've set the li a to float left, and set a clear: left to force them to align vertically. In Firefox the clear is ignored! What have I missed I've coloured the links with a gold background for clarity. http://www.fortyfivedegrees.com/childrenfirst/access/ css at http://www.fortyfivedegrees.com/childrenfirst/styles/cf2.css Any help greatly appreciated. ** 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] Article: Ten CSS tricks you may not know
Ten CSS tricks corrected and improved http://tantek.com/log/2004/09.html#d07t1434 Mark Harwood --- phunky.co.uk / zinkmedia.co.uk / 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] Brisbane Meeting, Wednesday
On Thu, 9 Sep 2004 11:54:20 +1000, Marc Greenstock wrote: In regards to the others, lets hope someone was taking notes... Lea, I think I spotted you taking notes, care to share? Yeah, I blogged my notes - http://elysiansystems.com/blog/ (Yes, I know the layout is a bit broken. Too far down the list to worry about right now; no one reads my blog anyway. Well, I guess that isn't true tonight :)) Lea -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Web Design, Usability, Information Architecture, Search Engine Optimisation Brisbane, Australia ** 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] Re: broken navigation bar in Opera
It works! Thank you so mutch! Isabel Santos - Original Message - From: Irapuan Martinez [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, September 09, 2004 12:28 PM Subject: [WSG] Re: broken navigation bar in Opera At 06:26 9/9/2004 +0100, Isabel Santos wrote: I'm designing an academic site, and having real trouble with a top navigation bar. (...) In Opera the unordered list isn't rendered inline - The page is here: http://unbound.no.sapo.pt/acad/quasar.htm and the css here: http://unbound.no.sapo.pt/acad/lib/defaultquasar04.css. Is there anyway to make this work on Opera? Apply a width in the ul. When ul is float, Opera assume a little witdh to this element causing de brakelines in the lis. Force a large width to ul and the lis stay inline. ** 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] Change defaults in IE with CSS style sheet
Peter Firminger wrote: Go to Tools | Internet Options and at the bottom of the General tab click the Accessibility button and add your stylesheet there. P -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ralph Sent: Thursday, September 09, 2004 11:59 AM To: [EMAIL PROTECTED] Subject: [WSG] Change defaults in IE with CSS style sheet Hi everyone I am wondering if anyone knows how to change the defaults in browsers like IE. I recall someone showed how a user can make their default font say Arial, 10, etc with particular colour like black on white background. Its all configured in a CSS file. So it over rides the CSS style that a website uses. I'd like to do some testing of a site and trying to factor this scenario in. Off-list responses welcomed.. Ralph ** 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 ** Thanks for this! Exactly what I was looking for. This has now got me thinking whether it would be possible to test a website with a print media css to see what it looks like with print css.. I'm assuming it should.. ** 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] Better Flexible Rounded Corners Option? and Site Check
Hi Roger
Thanks for the links.
I tested the one with fix width and will be testing the flexible one later.
The demo is the 2nd one at http://design.sodesires.com/tictap/
It shows fine in Firefox, Opera 7 and IE6 but it breaks in IE5. Any
solutions?
I added an extra div (.cornersFix-border ) in the html as I do not have any
paragraph. Hmm maybe someone can come up with a better solution.
CSS:
.cornersFix
{
width :660px;
padding :0em 0 10px 0em;
margin :10px auto;
background :#FF url(../../../images/global/corners/main-B.gif)
no-repeat left bottom;
}
.cornersFix ul
{
margin :0;
padding :15px 10px 0px;
background :url(../../../images/global/corners/main-T.gif) no-repeat
left top;
}
.cornersFix-border
{
margin :0;
padding :0em 10px 0px;
border-top : 0 solid #DBD7BD;
border-right : 3px solid #DBD7BD;
border-bottom : 0 solid #DBD7BD;
border-left : 3px solid #DBD7BD;
}
HTML:
div class=cornersFix
ul id=steps
li id=step-one title=TicTap Step 1strongStep 1:/strong Key in the
ISBN, UPC, or Keywords to describe the product./li
li id=step-two title=TicTap Step 2strongStep 2:/strong Send the
message to xxx-xxx-./li
li id=step-three title=TicTap Step 3strongStep 3:/strong Receive
your query by SMS. You can also view previous results at TicTap.com./li
/ul
div class=cornersFix-bordernbsp;/div
/div
With Regards - Jaime
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Roger Johansson
Sent: Thursday, 9 September 2004 2:50 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Better Flexible Rounded Corners Option? and Site Check
On 8 sep 2004, at 22.57, JW wrote:
I am looking for a flexible rounded corners (with borders) that is not
restrictive to size. Googled for some but most are filled with lots of
complex solutions (lots of html meddling and tones of css codes).
Hi.
Take a look at what I came up with a while back:
http://www.456bereastreet.com/lab/flexible_custom_corners_borders/
Related post:
http://www.456bereastreet.com/archive/200406/
flexible_box_with_custom_corners_and_borders/
http://www.456bereastreet.com/lab/teaser/one_image/
Related post:
http://www.456bereastreet.com/archive/200406/css_teaser_box/
/Roger
--
http://www.456bereastreet.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
**
**
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] Table within a div tag and IE
Dear Jonothan,
Thank you, I will try your suggestions. I agree I should use the style
sheet for tables. I will begin to experiment with that.
Take care,
Nancy
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jonothan Stribling
Sent: Tuesday, September 07, 2004 3:40 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Table within a div tag and IE
A useful cludge is to nest the table in a div and give the div a width.
You should really remove all width, cellpadding, cellspacing from the
table into a style.
Cheers
jon
- Original Message -
From: Nancy Johnson [EMAIL PROTECTED]
Date: Tue, 7 Sep 2004 10:43:15 -0400
Subject: [WSG] Table within a div tag and IE
To: [EMAIL PROTECTED]
Dear WSG,
I'm sure this has been talked about before:
I'm about to make live a master calendar for our organization. I've
set it up so there are data tables within a div tag. The tables are
set at a width of 75% and I did not put anything for a width with the
td tags.
The page looks great in IE, if I give the table a width of 75%. If I
give the table a width of 100%, the right side goes off the page. IE
doesn't seem to page attention to the right margin within the div tag.
Within Netscape or Firefox, 75% width seems to mean 75% of the div
tag, so the table appears truncated. These do better if I give the
table a width of 100%.
Changing the right hand margin of the div tag doesn't seem to help.
Unfortunately, this page is not live so I cannot give you a link.
Details below:
table width=75% border=0 cellspacing=5 cellpadding=3
tr valign=top class=bodytext4a
td class=bodytext4aDate/td
td class=bodytext4aStart Time/td
td class=bodytext4aEnd Time/td
td class=bodytext4aDescription/td
td class=bodytext4aLocation/td
td class=bodytext4aContact/td
/tr
The remaining rows access data from a SQL Server database.
'bodytext4a' is for formatting text. Dreamweaver automatically adds
it to the td
I did not use the 'th' tags
The CSS Style Sheet came from an online template that I have modified
over time.
The table is located within a div tag entitled middle
Here is the CSS:
#middle {
margin: 10px 160px 20px 165px;
padding: 20px;
border: 0px none #80;
background: #ff;
}
There is also a left id to this as follows:
#left {
position: absolute;
top: 185px;
left: 10px;
margin: 5px;
padding: 5px;
border: thin solid #00;
width: 150px;
voice-family: \}\;
voice-family:inherit;
background: #CC;
}
htmlbody #left {
width: 150px;
margin: 5px;
padding: 5px;
border: thin solid #00;
}
Thanks,
Nancy
**
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] Better Flexible Rounded Corners Option? and Site Check
On 9 sep 2004, at 15.11, JW wrote: It shows fine in Firefox, Opera 7 and IE6 but it breaks in IE5. Any solutions? Probably box model related, if it breaks in IE5 and not IE6. I don't have IE5/Win handy here to take a look. In what way does it break? /Roger -- http://www.456bereastreet.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] accessible audio-visual content
You may find some of this information helpful: http://www.d.umn.edu/goto/accessibility#multimedia Laura ___ Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN 55812-3009 http://www.d.umn.edu/goto/webdesign/ ** 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] Re: delayed rendering of containing div's background colour
Thanks Hans. I've tried that, it didn't work unfortunately. -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Hans NilssonSent: Friday, 10 September 2004 12:06 a.m.To: [EMAIL PROTECTED]Subject: [WSG] Re: delayed rendering of containing div's background colourHey Richard!Try and remove the background-color:transparent; from the float's.. the div's default background is transparent anyways..._Hans Nilssonhttp://blog.hansnilsson.net
Re: [WSG] Re: delayed rendering of containing div's background colour
Might this be of assistance at all?? http://www.bluerobot.com/web/css/fouc.asp On Sep 9, 2004, at 3:36 PM, Richard Lake wrote: Thanks Hans. I've tried that, it didn't work unfortunately. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Hans Nilsson Sent: Friday, 10 September 2004 12:06 a.m. To: [EMAIL PROTECTED] Subject: [WSG] Re: delayed rendering of containing div's background colour Hey Richard! Try and remove the background-color:transparent; from the float's.. the div's default background is transparent anyways... _ Hans Nilsson http://blog.hansnilsson.net Tom Livingston Senior Multimedia Artist mlinc.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] Standards-based PHP tutorials for beginners...
Thanks Dylan, Joshua and Nick (and Amit), for the info! Talk about 6-degrees of separation between the backend and presentation :) I'm currently facilitating a class learning HTML/CSS/JavaScript as part of a Certificate IV in WebDesign. We've been learning XHTML 1.0 from the start, separating our content/presentation etc., hopefully now as second nature! Now we spend the next 8 weeks or so learning PHP and I'm just rethinking the approach that I've used in the past. Normally we use Larry Ullman's Visual Quick-start guide, as it doesn't assume programming knowledge and is activity based, but it is usually a bit behind (such as not using super-globals $_POST etc). As the Certificate IV course is only 6 months in duration, we really need to stick to the basics of creating a small dynamic site (atm using PHP/MySQL), as the course does not assume prior programming knowledge. Anyway, thanks for all the ideas! I'd certainly like to integrate more XML and xml transforms into the course (currently we only get an overview of XML and its applications such as SVG, SMIL, RSS, XHTML etc). If you have any further ideas, please send them my way! -Michael On Thu, 2004-09-09 at 10:40, Dylan Egan wrote: Hi, Couldn't agree more. One other suggestion, though, is to extend that separation a little further by generating XML with PHP, and then parsing that XML into whatever templating engine you end up using. This just provides another degree of separation, and reduces the temptation to hard-code ANY HTML into your back-end... something which I wish I'd been aware of 6 months ago! This would be the best choice too, im currently working on a CMS and we're going to be using XML for the data and straight up XSL for the transformation (only because PHP5 has great XML capabilities). This allows us to seperate data from structure. Having your content available in XML will also simplify the presentation of content in other formats in the future, if you choose to do so -- thinking of syndication (RSS) amongst other things. Or converting to WML, or back to plain HTML. From a standards perspective, this separation just reduces the chance of making some early mistakes which will take ages to correct six months down the track. Just make sure you study the best choices. Joshua Street ** 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] Hugh Todd's 45 degrees
Hi Hugh I was just browsing the digest and have noticed your questions, and thought I'd mention the problem I've noticed. I'm using IE6 on WinXP and its only a cursory observatioin but definately affects site usability. I am using resolution 1024 width. When I clicked your icon for enlarging text the screen width shot out by a large distance. The page became more like 1200 width or more. Is this intentional? You could consider keeping the fixed width and just increasing the font size for this, which although it makes the proportions of the page alter still maintains the usability required. Anyway only a small thing, but I thought it deserved comment. The inclusion of it is a very good idea though as I like sites that make it easier for me to do things without expecting me to go into menus. cool. Steven Clark www.nortypig.com www.blog.nortypig.com _ SEEK: Now with over 50,000 dream jobs! Click here: http://ninemsn.seek.com.au?hotmail ** 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] Hugh Todd's 45 degrees
Steven, I was just browsing the digest and have noticed your questions, and thought I'd mention the problem I've noticed. I'm using IE6 on WinXP and its only a cursory observatioin but definately affects site usability. I am using resolution 1024 width. When I clicked your icon for enlarging text the screen width shot out by a large distance. The page became more like 1200 width or more. Is this intentional? You could consider keeping the fixed width and just increasing the font size for this, which although it makes the proportions of the page alter still maintains the usability required. My apologies. Something I hadn't got around to wiring up properly. It should work now OK. Thanks for the reminder. http://www.fortyfivedegrees.com/childrenfirst/access/ -Hugh ** 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 **
