Re: [WSG] Art and accessibility - my opinion ;)
Oh yes. You can choose to have the icons bigger or smaller, and the animation on or off. And the animation relates to the size of the icons - smaller icons = smaller animation. You can also have them not visible at all until you put your cursor right at the bottom of the screen (or wherever the dock is located on your desktop) ... :) On 2/2/07 9:50 AM, "Matthew Smith" <[EMAIL PROTECTED]> wrote: > Quoth jonnysoco at 02/02/07 09:41... >> >> http://jrgraphix.net/research/flash_dock.php > > Ah, that's what a Mac dock looks like; haven't seen a Mac for about > eight years. Eeeew! The animation nearly made me seasick ;-) Do Macs > have a means of turning the animation off for those (like me) who cannot > tolerate screen motion? (A bit off-topic, I know, but I believe that > accessibility/standards doesn't stop at the content, but extends to > software and OS.) > > Cheers > > M *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Art and accessibility - my opinion ;)
On 2/2/07 5:00 AM, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: >> > At the bottom of this site: http://www.mandchou.com/ - there is an image > gallery in Flash used for navigation. Can someone point me to a tutorial for > creating this? > > -- > Thanks! > > Jeff No idea but you might try asking Apple - it looks exactly the way the Apple Dock works!! (And I'm not entering the art/accessibility discussion - too many strong feelings on that ) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Thanks everyone - good discussion, suggestions and links! - susie *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS resources for Graphic designers?
Title: Re: [WSG] CSS resources for Graphic designers? I guess I'm not explaining myself properly. I don't expect Graphic Designers to produce code. I expect to do that myself (as a web developer) In the past (in table-based layout days), the graphic designer on the team would either provide me with a Photoshop layout file that I would cut up, or would sometimes cut it up themselves. I would then build the site using tables, to make it look exactly like the Photoshop layout file. Since I’ve started building sites using CSS as opposed to tables, I’ve taken the photoshop layered file, cut it up as necessary, built a stylesheet and placed the graphics (banners, navigation etc) using divs etc. But, (speaking generally) the graphic designers: - are still designing navigation using non-standard fonts etc. - don’t necessarily know what can be done with CSS on a design level etc. - When they export a stylesheet to create styles, they use styles that you have to apply to each paragraph. I guess it's something created automatically by something like Imageready. I'm mostly wanting to explain/show what can be done using CSS instead of actual images, so their design takes advantage of what CSS has to offer, and doesn't have to use graphic images to create the effect they want to achieve. Dunno if that's any clearer ... - susie ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] CSS resources for Graphic designers?
Title: Re: [WSG] CSS resources for Graphic designers? I’ll have a look at tht. But there’s no way the university would pay to get something done outside when we already have the staff here! It’s maybe a matter of ‘control’. The GDs are the ones who decide the graphic layout, colours, fonts, heading levels etc. And I don’t think they want to relinquish control over how a site is laid out, so I believe they want to create the styles for that. But of course they won’t see the big, container level picture, or why you should use this style/div and not that one, if you know what I mean. I can do it – I have been doing it for a year or more. But they want/need to know more about CSS so that they can design sites that work well using CSS rather than heavily graphic-based sites ... For example, any navigation they create always consists of graphic rollover images, using non-standard fonts. If we try and encourage them towards list-based CSS navigation, they need to see that even if they give up (in some cases) on specifying fonts, they can produce image-based backgrounds for rollovers. I think it’s partly about developing a different style of graphic design for the web from the old table-based designs we used to use. - susie On 14/11/06 11:50 AM, "Nick Lazar" <[EMAIL PROTECTED]> wrote: A really useful resource, particularly for small companies that may have limited staff numbers, is http://psd2html.com. These guys do a very good job of converting a PSD file to standards compliant CSS/XHTML. I've used them a couple of times, and have been very pleased with the result. Susie, I mention this in response to your query, as it may be worth your while getting a couple of jobs done by these people, and then going through the resulting code, as it will certainly show you what you need to be producing from your PSD files. Hope that helps, Regards, Nick. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
[WSG] CSS resources for Graphic designers?
Title: CSS resources for Graphic designers? Hi there Where I work (Qld Uni) we work in a team to develop websites, which usually consist of an instructional designer, a graphic designer, and a web developer and/or programmer. The graphic designers do the graphic design/layout, and the web developers/programmers do the programming, including CSS. Up till recently our graphic designers have been used to designing for a table layout – producing a Photoshop file that we then cut up. They have varying degrees of CSS knowledge, but mostly very little, so they’re not really aware of what ‘graphic effects’ can be created using CSS. Lately they’ve been creating an ImageReady layout file and associated stylesheet, which I find completely unusable!! I always have to start again from scratch. We’re having a GD/programmer meeting tomorrow to try and broaden people’s knowledge, and work out a few guidelines about the ‘rubbery line’ between the GD and the Programmer’s CSS responsibility. Does anyone have any experience here, or can point to any resources that might assist? Cheers susie ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
[WSG] Can anyone see what I'm doing wrong?
Hi there I've just had to add a link to a site I made a little while ago, and although the stylesheet makes all links bold, this one isn't! I can't for the life of me see why - can anyone here? http://www.byronalexandercentre.com/links.html And by the way - I do know I should have made the lefthand nav text-based etc., but I had a really short time to do this and I just couldn't get the background colour layout to work! The graphic designer is a friend of the website owner, and she wanted it to look just like that!! Thanks ... - susie *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Site content stolen is there anyone to report it to in the USA
Title: Re: [WSG] Site content stolen is there anyone to report it to in the USA I remember a couple of years ago this happening to a woman on another list I’m on. They were linking to her graphics folder – so she just added huge letters on top of the original graphics saying something like ‘STOLEN FROM ANOTHER DESIGNER”! That site came down pretty quick too!! On 6/9/06 11:32 PM, "Tim" <[EMAIL PROTECTED]> wrote: > Dear Group, > > Doing a google check with allinurl:hereticpress.com/ I discovered my > site was being duplicated on another site > http://literature-universe.info/siteinfo.php/www.hereticpress.com/ > Dogstar/Novels/NUNC.html > > I get an access denied error 403 when trying to see my content on their > site. The person concerned is listed as: > > Domain ID:D13331894-LRMS > Domain Name:LITERATURE-UNIVERSE.INFO > Created On:09-May-2006 18:27:58 UTC > Registrant City:Birmingham > Registrant State/Province:AL > Registrant Postal Code:35243 > Registrant Country:US > Registrant Phone:+1.2059691222 > Registrant Phone Ext.: > Registrant FAX:+1.2059691222 > Registrant Email:[EMAIL PROTECTED] > Admin Name:Gregg Ostrick > > I changed my .htaccess file to give him a graphic saying stolen content > from hereticpress.com > > Is there a law against this in the USA, can I report Gregg Ostrick to > any interested authority in the USA? I hope he likes my graphic:-) > > Tim > The Editor > Heretic Press > http://www.hereticpress.com > Email [EMAIL PROTECTED] > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] How do they do this?
Title: Re: [WSG] How do they do this? Nice one! I like that!! - susie On 4/9/06 4:25 PM, "Tony Crockford" <[EMAIL PROTECTED]> wrote: > Susie Gardner-Brown wrote: >> Ok – here’s the Eric Meyer link - >> http://meyerweb.com/eric/css/edge/popups/demo2.html >> >> I’ve used that for text only, but he has an image that changes. > > based on that and various other examples I did something similar here: > http://www.bclm.co.uk/ > > ;o) > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] How do they do this?
Title: Re: [WSG] How do they do this? Ok – here’s the Eric Meyer link - http://meyerweb.com/eric/css/edge/popups/demo2.html I’ve used that for text only, but he has an image that changes. - susie On 4/9/06 1:20 PM, "Kevin Futter" <[EMAIL PROTECTED]> wrote: On 4/9/06 12:58 PM, "Susie Gardner-Brown" <[EMAIL PROTECTED]> wrote: I looked at it in Firefox on a Mac, and to me the images moving on the righthand side are just going up every 2-3 seconds whether I roll-over one of the bulleted items or not! :) - susie No, that’s not the area the poster is talking about, but rather, the small links toward the bottom of the page (the bit you’re talking about is actually Flash). There’s a small image atop the list of links, and it changes as you roll over each link. This could be done is JS, but I seem to remember someone (Eric Meyer?) detailing how to do it with pure CSS. ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] How do they do this?
Title: Re: [WSG] How do they do this? I looked at it in Firefox on a Mac, and to me the images moving on the righthand side are just going up every 2-3 seconds whether I roll-over one of the bulleted items or not! :) - susie On 4/9/06 12:47 PM, "Helen Rysavy" <[EMAIL PROTECTED]> wrote: Hi I really like how this site has the image changing as you roll over the bulleted items. Does anyone know how they did this? I think it is a nice little feature. http://dts.edu/ Cheers *** Helen Rysavy Web Designer, Teaching & Learning Development Group Charles Darwin University, Northern Territory 0909 Tel: 8946 7779 Mobile: 0403 290 842 e: [EMAIL PROTECTED] w. http://www.cdu.edu.au/tldg CRICOS Provider No: 00300K *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] font standards today
Title: Re: [WSG] font standards today That made me laugh ... :) (one of the early posters on this thread, and someone who still firmly believes in the role of designer input into the graphic look and layout of a site) - susie On 1/9/06 8:23 AM, "Chris Williams" <[EMAIL PROTECTED]> wrote: > "Let us become weary of this thread, for at the proper time we will give > up reading it." Chris 8:31:06 > > -Original Message- > From: Felix Miata > Subject: Re: [WSG] font standards today > > ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] font standards today
Title: Re: [WSG] font standards today Very interesting discussion. But it really makes me wonder – what’s the point of having a ‘designer’ if we leave everything up to the user. Isn’t a designer – graphic and/or web – supposed to be using their knowledge and experience to create something that is visually attractive and successfully promotes the client’s product/service/whatever? Faced with the choice between the same content presented as (1) an attractive colourful graphic magazine and (2) a typewritten (courier font!) stapled bunch of pages, what would the user choose I wonder?! (not!) But if they don’t see the first option, then they’d pick up the other, and not know what they were missing. Sure they’d get the same content, but their user experience would not be as enjoyable or possibly useful. They could quite likely not decide to pay the money to buy the product. Impulse buys certainly wouldn’t be so likely to happen Transfer this analogy to the web, and I think it’s a similar outcome. I know that if the user was blind then there wouldn’t be much difference. But surely on the web we can produce sites that are accessible, and still beautiful?! Blind people wouldn’t care which font was used. I guess graphic design is something for the seeing. But that doesn’t mean that they (we) shouldn’t be catered for! Sometimes I wonder if we throw away too much with the bathwater when we go all out for accessibility. :) - susie On 25/8/06 6:39 AM, "Mike at Green-Beast.com" <[EMAIL PROTECTED]> wrote: > Collin Davis wrote: > >> Where is the line drawn? You've just >> overridden a user's possible font color, >> alignment and font family preferences. > >> Surely if every user's preferences are so >> precious there should be no author styles >> applied whatsoever [...] > > You just hit the nail on the head, Collin. As soon as we offer a style > sheet, unless it's blank, we're assuming some form of control of the user's > possible preferences. And there's nothing wrong with that in my opinion > provided the styles given are reasonable. Unreasonable might include a fixed > font-size, an excessive fixed width, excessively high or low contrast, etc. > Or, the worst one of all would blue text on a white background; I really > hate that one and can't stand it when it's forced on me. Thus I tend not to > visit sites with that style; and that's a preference I can exercise no > matter what the designer/develop says or does. > > Respectfully (to those who garner respect), > Mike Cherim > http://green-beast.com/ > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** > ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] target=_blank
Title: Re: [WSG] target=_blank Two things: I'd hate to be using Word as an example of what we should be moving towards And 2. On a Mac, if you open a new Word document when you’ve got one open already, it offsets it so you can see both are there! Which is also what happens on a Mac when you go to a new browser window ... The obvious answer is that everyone should switch to Macs!! :) :) - susie On 15/8/06 11:24 AM, "Andreas Boehmer [Addictive Media]" <[EMAIL PROTECTED]> wrote: >> -Original Message- >> From: listdad@webstandardsgroup.org >> [mailto:[EMAIL PROTECTED] On Behalf Of Christian Heilmann >> Sent: Monday, 14 August 2006 7:17 PM >> To: wsg@webstandardsgroup.org >> Subject: Re: [WSG] target=_blank >> >>> Ok.. >>> >>> Why isn't target=_blank a valid tag/attribute in XHTML >> Strict? It's a >>> necessity really if your going to link so why not.?? >> >> How so? It is the user's choice if she wants to stay on your page (and >> shift click the link) or not, it is not yours to demand. You cannot >> expect the user agent to support several windows or the user to be >> able to deal with them, not all people see pages or use a mouse. XHTML >> strict is not only enforcing strict XML syntax, it is also taking HTML >> to an application level. > > Now that websites are moving more towards application style, they should > really behave like applications as we are accustomed to. And a fact is that > applications require pop-up windows at certain stages. Mostly when > information is provided that falls outside of a linear process. The typical > example: a user fills out a form and wants to read the Terms and Conditions. > Or a user works in MS Word and wants to read the Help File. > > Never do those applications provide the user with the option of opening the > supplementary information in the same window. For a good reason: the users > would get taken out of the linear process they are in and potentially loose > whatever they were working on. Just imagine you would loose your 200-page > thesis in MS Word just because you didn't specifically request the HELP > information to open in a new window. > > So if websites are becoming applications, why shouldn't they behave in the > same fashion that we are accustomed to from other applications? > > In Word, if I decide to go to a new document, I expect it to open in the > main window. Ergo: On the web, if the user decides to go to a different > website, it should open in the main window. > > In Word, if I decide to access information that help me work with the > current document (e.g. help file, save dialog, document preferences) I > expect them to open in a pop-up window. Why should it be any different on > the web? > > Making "target" an invalid attribute for links is plain stupid. It forces > developers to revert to some _javascript_ ways of opening a new window which > potentially makes websites extremely user-unfriendly for people with > _javascript_ disabled. > > Developers should be educated in the correct use of the target attribute, > eliminating it just creates a whole new problem. > > > > > ** > 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] target=_blank
Title: Re: [WSG] target=_blank Yeah, but who knows if people are ‘reasonably proficient with a browser’? I think many many people are not! They don’t care about things like that ... :) Anyway ... :) - susie On 15/8/06 10:16 AM, "Samuel Richardson" <[EMAIL PROTECTED]> wrote: If people are reasonably proficient with a browser then they can choose if they want your links to open in a new window (shift-click) or a new tab (middle click - Firefox). By including _blank you’re forcing people to accept the link opening in a new window. -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Susie Gardner-Brown Sent: Tuesday, 15 August 2006 9:53 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] target=_blank I don’t know why this isn’t allowed. There are some situations where you legally should not open a link in the same browser window. I work at a University that uses Blackboard as it’s LMS. Blackboard utilises frames. If I don’t put in ‘target=”blank”’ when there’s a link to another website, then that website will open up inside the Blackboard frame ... And in general, I’d much rather that a link that takes me away from a site opened in a new window. So I understand that it’s not part of the original site, and can close that window to go back to the original window. And what’s wrong with popups? No – I guess I shouldn’t go there. But there are times when popups are really useful – like seeing a bigger version of a thumbnail graphic ... Just my opinion ... :) - susie ** 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 ** **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] target=_blank
Title: Re: [WSG] target=_blank I don’t know why this isn’t allowed. There are some situations where you legally should not open a link in the same browser window. I work at a University that uses Blackboard as it’s LMS. Blackboard utilises frames. If I don’t put in ‘target=”blank”’ when there’s a link to another website, then that website will open up inside the Blackboard frame ... And in general, I’d much rather that a link that takes me away from a site opened in a new window. So I understand that it’s not part of the original site, and can close that window to go back to the original window. And what’s wrong with popups? No – I guess I shouldn’t go there. But there are times when popups are really useful – like seeing a bigger version of a thumbnail graphic ... Just my opinion ... :) - susie **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] Thanks Georg, but Mike ... re Meyer's CSS AND ... :)
Title: Re: [WSG] Thanks Georg, but Mike ... re Meyer's CSS AND ... :)
Thank you Georg. That worked! I didn’t realise ... Really, the more I do this, the more I discover I don't know! I'm at a loss to know how to hold all this info in my head Any clues on sites that have these sorts of things listed?!?!!
And Mike - ditto. I like that top-left (or off-left) solution for accessibility. But I do have to say this (funny).
This site is one unit of a postgraduate course for surgeons/doctors who are Skin Specialists. Lots of ghastly photos of melanomas in other units! So I'm hoping desperately that none of them will need to use a screen-reader
Thanks again for your invaluable help!!
- susie
On 14/7/06 9:56 AM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote:
> Susie Gardner-Brown wrote:
>> It does have a background! [...]
>
> No, it doesn't.
> You have styled the span alright, but that doesn't affect the
> LINK-element, the a, so IE/win isn't "getting it".
>
> This will get IE's attention...
>
>>> div#content li a:hover {background: #edb;}
>
> Remember, you're dealing with a weak and buggy browser, so just add the
> style for a:hover and get it working in IE. *Then* you can start
> fine-tuning the background-color to make it look good in that bugger.
>
>> (based on the Meyer one but with a few additions/changes. For
>> example, his used absolute positioning, but I wanted to use
>> relative.)
>
> You have made a few more changes than 'positioning'. Eric's example
> *does* create a change on the link-element on hover (intentionally or
> not), so it is working in IE.
>
> Any changes in background or border on the will make IE "repaint"
> the link-element and open for the span inside it to be displayed.
> No such changes, like your stylesheet says now, means the span will
> never be displayed in IE6 - regardless of how many styles/changes you
> add to the span.
>
> regards
> Georg
**The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Well, I don't have any specific ones. They should cascade down from the
overall 'a' styles, shouldn't they?
- a:link { font-weight: bold; color:#963; text-decoration: none; }
Should I set some up specially?
- susie
On 14/7/06 9:10 AM, "Rimantas Liubertas" <[EMAIL PROTECTED]> wrote:
> <...>
>> div#content li a span {
>> display: none;
>> }
> <...>
>
> And what are rules for div#content li a ?
>
>
>
> Regards,
> Rimantas
> --
> http://rimantas.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] Meyer's CSS text popups not working in IE (PC)
Hi Georg
It does have a background! These are the styles for the text popup:
div#content li a span {
display: none;
}
div#content li a:hover span {
display: block;
position: relative;
top:
-250px;
left: 10px;
width: 60%;
padding: 10px;margin: 10px; z-index:
100;
background: #fff;
border: medium dotted #963;
font-weight:
normal;
color: #333;
}
(based on the Meyer one but with a few additions/changes. For example, his
used absolute positioning, but I wanted to use relative.)
Any other thoughts? Anyone? It's really annoying coz I know it must be
something I've done in my stylesheet, as his one works!
The link to the stylesheet is
http://crunchie.tedi.uq.edu.au/trials/UIMED/stylesheets/prof.css
- susie
On 13/7/06 5:10 PM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote:
> Susie Gardner-Brown wrote:
>> My ones work fine on my Mac in Firefox, but in IE (PC) they don't.
>> I'm assuming that something is conflicting from the rest of my
>> stylesheet, but I can't work out what. If anyone had any clues, I'd
>> be very happy
>
>> http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html
>>
> Add a background to the link on :hover, and it will work in IE/win.
> This will do...
>
> div#content li a:hover {background: #edb;}
>
> ...or use a background color that's closer to, but /not/ identical with
> the existing a:link/a:visited background color.
>
> The reason is that IE needs for something *to change* on that link-cell
> itself on :hover in order to repaint it and open up for the span.
>
> Georg
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
[WSG] Meyer's CSS text popups not working in IE (PC)
Title: Meyer's CSS text popups not working in IE (PC) Hi there I am trying to use some CSS text popups from Eric Meyer's site, as described here: http://meyerweb.com/eric/css/edge/popups/demo.html. His ones on this page work on IE on a PC as well as Firefox on a Mac ... Not IE5.1 (Mac) but we're not supporting that. My ones work fine on my Mac in Firefox, but in IE (PC) they don't. I'm assuming that something is conflicting from the rest of my stylesheet, but I can't work out what. If anyone had any clues, I'd be very happy It's the link at the bottom of the page where it says 'compare your answer with the suggested answer' ... http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html Cheers susie **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] It's probably obvious, but ...
Oh - thank you so much Rach. I've never really understood the postion
inside/outside stuff. I had them as 'inside' because when they were
'outside' they were too far to the left!! So now I've changed that and
increased the lefthand margin it's looking fine!
Something else learnt!! Thank you again ... :)
- susie
On 30/6/06 10:24 AM, "Rachel May" <[EMAIL PROTECTED]> wrote:
> Hi Susie,
>
> Have you played around with the list-style-position inside/outside? If it
> is outside, then it should line up correctly? IE is fiddly with the
> position stuff...
>
> Rach :)
>
>
> -Original Message-
> From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
> On Behalf Of Susie Gardner-Brown
> Sent: Friday, 30 June 2006 12:03 p.m.
> To: wsg@webstandardsgroup.org
> Subject: Re: [WSG] It's probably obvious, but ...
>
> Thanks for all the suggestions (and the link to initial.css Christian).
>
> But - the indent issue is still the same - ie not happening!! Margin-left
> just makes the overall margin indent. It doesn't make the actual text in the
> li line up when it goes onto 2 lines. The 2nd line still goes underneath
> the number (or bullet point) ... Sigh!
>
>
> On 30/6/06 1:14 AM, "Christian Montoya" <[EMAIL PROTECTED]> wrote:
>
>> On 6/29/06, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote:
>>> In my stylesheet I start off with "* {margin:0; padding:0;}" and then put
>>> margin and padding back in as required. I also start of with
>>> 'list-style-type: none' for ul ol.
>>>
>>> I can't seem to make an ordered list I want to be there, indent. I've put
>>> the list-style back, given it a list style and 5px padding on the left.
> What
>>> is it I'm missing? Is there an indent property I don't know about that I
>>> should be using?
>>
>>
>> I recommend a 1em margin on "ol li". That's:
>>
>> ol li { margin-left:1em; }
>>
>> This should get them looking right.
>>
>> For future projects, consider using initial.css rather than the
>> universal selector:
>>
>> http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
>>
>> I use it on all my sites and it saves me a lot of trouble.
>
>
>
> **
> 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
> **
>
**
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] It's probably obvious, but ...
Thanks for all the suggestions (and the link to initial.css Christian).
But - the indent issue is still the same - ie not happening!! Margin-left
just makes the overall margin indent. It doesn't make the actual text in the
li line up when it goes onto 2 lines. The 2nd line still goes underneath
the number (or bullet point) ... Sigh!
On 30/6/06 1:14 AM, "Christian Montoya" <[EMAIL PROTECTED]> wrote:
> On 6/29/06, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote:
>> In my stylesheet I start off with "* {margin:0; padding:0;}" and then put
>> margin and padding back in as required. I also start of with
>> 'list-style-type: none' for ul ol.
>>
>> I can't seem to make an ordered list I want to be there, indent. I've put
>> the list-style back, given it a list style and 5px padding on the left. What
>> is it I'm missing? Is there an indent property I don't know about that I
>> should be using?
>
>
> I recommend a 1em margin on "ol li". That's:
>
> ol li { margin-left:1em; }
>
> This should get them looking right.
>
> For future projects, consider using initial.css rather than the
> universal selector:
>
> http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
>
> I use it on all my sites and it saves me a lot of trouble.
**
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] It's probably obvious, but ...
In my stylesheet I start off with "* {margin:0; padding:0;}" and then put
margin and padding back in as required. I also start of with
'list-style-type: none' for ul ol.
I can't seem to make an ordered list I want to be there, indent. I've put
the list-style back, given it a list style and 5px padding on the left. What
is it I'm missing? Is there an indent property I don't know about that I
should be using?
- susie
**
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] Testing "CSS: Map Pop"
Title: Re: [WSG] Testing "CSS: Map Pop" On 21/6/06 1:37 PM, "Mike at Green-Beast.com" <[EMAIL PROTECTED]> wrote: > > I appreciate you sharing that example. And the resource. I'm going to Google > Stu Nichols to see what he has done. Thanks. > Loved your map, and here’s the link for Stu Nichols ... I have it bookmarked! http://www.cssplay.co.uk/menu/index.html :) - susie **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] Wide Horizontal Navbar issues
Title: Re: [WSG] Wide Horizontal Navbar issues On 21/6/06 12:16 PM, "Lachlan Hardy" <[EMAIL PROTECTED]> wrote: On 6/21/06, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote: One more question ... No matter how wide I pull the browser window to, there seems to be a horizontal scrollbar. Is there a way of getting rid of this? Was this discussed here recently? Can't remember ... This is due to the 100% widths on #banner, #case-banner and #next-prev. Near as I can tell (on this page at least), those widths are unneccessary, so I'd just remove them Alternately, you could add some slight padding on your BODY element such as 3 - 10 pixels. That would also fix it Sadly, neither of those fixed it. But – I wonder if partly that’s because, in a fit of desperation, I made an overall bg image for the body element. Basically, the graphic designer wanted a 5px vertical white strip at the extreme left (to go in between the Blackboard lefthand nav banner and the start of this page). I would have thought that would have been easy to do in CSS but – well I just couldn’t make it happen. (much hair on the floor!) I can’t remember what I tried, but it included giving the Body element a white background and then all the others a lh margin of 5px before the brown background kicked in. So I ended up making a bg image. Anyway – that certainly made the page look really weird when I added padding onto the body element. And the scrollbar was still there. And then, when I took out the 100% width for the top banner, that knocked out the repeating banner background, which is there to make the page liquid and bring the banner right across. Any further thoughts? Thanks susie **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] Wide Horizontal Navbar issues
Title: Re: [WSG] Wide Horizontal Navbar issues Thanks so much Lachlan! That did work!! And thanks Seona for your suggestion too. It was easier to stick with what I had and make the few changes ... :) One more question ... No matter how wide I pull the browser window to, there seems to be a horizontal scrollbar. Is there a way of getting rid of this? Was this discussed here recently? Can’t remember ... Cheers susie On 21/6/06 10:54 AM, "Lachlan Hardy" <[EMAIL PROTECTED]> wrote: On 6/21/06, Susie Gardner-Brown <[EMAIL PROTECTED]> wrote: Hi there Hi! As you’ll see most of the navbar is comprised of 2 words. Is there a way to set it up so that the second of each of those 2 words goes down onto a second line? And have the hover/active background links for the whole navbar be that double-line height? Basically, all you can do is restrict the boxes to a width you think appropriate Try something adding something like this to your '#navcontainer ul li a' rule background: red; height: 3em; line-height: 1.2em; width: 7em; Then just tweak those numbers until you get it looking and fitting right. You'll also need to remove the non-breaking spaces from your last two list items The background is completely unnecessary, but it helps to see what you're doing while you're tweaking the positioning ;) Let me know that doesn't help! Lachlan Hardy ** 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] Wide Horizontal Navbar issues
Hi there Bit of a long preamble here, but bear with me ... :) I work at a university, mostly making websites and/or CDs containing learning materials for courses. This uni (UQ) uses Blackboard as their LMS (learning management system) and consequently some of what we do gets put into there. I'm now working on some content that's going to sit within Blackboard. Which means that it will have a top banner frame and lefthand navigation frame. LHNav is 160px wide. The link below is the page layout at the moment, minus the Blackboard frame. http://crunchie.tedi.uq.edu.au/Trials/UIMED/CaseStudy4/page1.html The problem I have is that we still have to design for 800x600 upwards. And the navbar goes onto two lines at 800x600, even without the fact that the available width is really 640px when you take out the space for the Blackboard navbar. As you¹ll see most of the navbar is comprised of 2 words. Is there a way to set it up so that the second of each of those 2 words goes down onto a second line? And have the hover/active background links for the whole navbar be that double-line height? I feel like there ought to be but just can¹t grasp it! Thanks susie ** 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] Question about naming CSS elements
Title: Re: [WSG] Question about naming CSS elements Well, the french way of pronouncing that would be ‘Pascaarl’ with the emphasis on the 2nd syllable ... :) Nice name! On 15/6/06 11:13 AM, "James Laugesen" <[EMAIL PROTECTED]> wrote: Oooo very cool. Is the last 'a' pronounced long or short? On 15/06/06, Kevin Futter <[EMAIL PROTECTED] > wrote: On 15/6/06 10:43 AM, "Adam Burmister (DSL AK)" < [EMAIL PROTECTED] > wrote: PascalCase is a very odd name for a girl, isn't it? Yes it is, which is why we decided to drop the 'Case'. Pascal is a boy's name in French and means 'passover' in Hebrew apparently. We just thought it was a cool name, even though I failed to find it in any of the W3C specs ... **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] Is there a way to stop a horizontal text-based Navbar breaking ...?
Thanks Steve - I should have thought of that! And thanks Mathew for the info on the CSS white-space:nowrap value. I didn't know about that ... :) On 9/6/06 10:58 AM, "Steve Green" <[EMAIL PROTECTED]> wrote: > Alternatively you can put a no-break-space between the words instead of a > space. A no-break-space is the six-character string so the link would > be something link Contact Us > > Steve Green > Director > Test Partners Ltd / First Accessibility > www.testpartners.co.uk > www.accessibility.co.uk > > > > From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] > On Behalf Of Susie Gardner-Brown > Sent: 09 June 2006 01:06 > To: wsg@webstandardsgroup.org > Subject: [WSG] Is there a way to stop a horizontal text-based Navbar > breaking ...? > > > I'm setting up a small site that will have horizontal text-based navigation > at the top. There's quite a lot of links so it's almost certain to go onto > two lines. Some of the links are two words ... Is there a way to stop a > two-word link breaking and leaving one word at the end of line 1 and the > next at the beginning of line 2? > > If there isn't, the only other thing I can think of is to make them images > ... But maybe someone here has another suggestion? I can't change the number > or wording of the links, and they do have to be horizontal. > > :) > ** > 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 > ** > ** 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] Is there a way to stop a horizontal text-based Navbar breaking ...?
Title: Is there a way to stop a horizontal text-based Navbar breaking ...? I’m setting up a small site that will have horizontal text-based navigation at the top. There’s quite a lot of links so it’s almost certain to go onto two lines. Some of the links are two words ... Is there a way to stop a two-word link breaking and leaving one word at the end of line 1 and the next at the beginning of line 2? If there isn’t, the only other thing I can think of is to make them images ... But maybe someone here has another suggestion? I can’t change the number or wording of the links, and they do have to be horizontal. :) **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] Site check - gofetch.net.nz
Title: Re: [WSG] Site check - gofetch.net.nz Hi there Nice site. My only comment is that viewing on a Mac and Firefox, the navigation isn’t obvious as navigation. I didn’t realise it was navigation, or clickable when I looked at the entry page, and clicked one of the inline links to get to another page. If you’ve got different colours for the hover state, they are not really discernible, and the whole background looks exactly the same as the page background. So I guess my only suggestion would be to do something to make the navigation stand out more ... :) Cheers susie On 23/5/06 1:21 PM, "Rachel May" <[EMAIL PROTECTED]> wrote: > Hi everyone, > > We have just launched this site: http://www.gofetch.net.nz/ And would > really appreciate anyone to please look it over and let me know of any > issues? > > Also if anyone here is familiar with fixing stuff in Opera - I know that > there are a couple of layout issues in Opera with the search form and > navigation div and would appreciate any guidance there. > > Cheers! > Rachel :) > > > ** > 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] convert to XHTML
Title: Re: [WSG] convert to XHTML Wow – I can’t imagine ever having anything to do with Word HTML. The only thing worse is Frontpage! I use Dreamweaver and there is a ‘convert’ function there to various versions of XHTML. I only work in XHTML now, but from memory, converting html to xhtml doesn’t necessarily remove old styles or anything. Mostly just changes the doctype and fixes up various tags ... But if you’re a dw user, there are some extensions that strip tags out etc ... - susie On 4/5/06 2:36 PM, "Stuart Sherwood" <[EMAIL PROTECTED]> wrote: Obviously not plain text. A doc or RTF file. I've seen the mess MS Word makes, and I gave OO a go. OO is better but still bad. I'm running version 2.0 and it doesn't have to option to export to XHTML, only pdf. Is that option available in version 2.0.2?
Re: [WSG] Pixel to Em conversion.
Title: Re: [WSG] Pixel to Em conversion. Back in the olden days of table layouts, you’d have the right col (td) at 220px, and the rest at 100%! Dunno if that helps ... - susie On 27/4/06 10:02 AM, "morten fjellman" <[EMAIL PROTECTED]> wrote: Hi, I'm trying to get this layout to work with min- and max-width. The max-width needs to be 880px wide and the min-width must be 680px. I have made the header and menu in such a way that they can be compressed (to a point), but I can't seem to figure out how to set the correct em or %. The right column must have a fixed width of 220px and the main content area must have a flexible width. IE problems with min- and max-width is not an issue on this project. Anyone who can explain to me how I should go about this? The site can be seen here: http://www.fjellman.no/test/ I'm really stuck, so help is appreciated :) Regards Morten
Re: [WSG] [OT] .com.au Domain Names and Host
Title: Re: [WSG] [OT] .com.au Domain Names and Host Hi Ed Are you saying you want to know somewhere to register a .com.au domain name? If so - http://www.melbourneit.com.au/. You will discover that it is significantly more expensive to register a .com.au domain name! Approx $AU69 per year from memory. As others have said, it’s also very expensive to host within Australia. I host all my sites (.com.au and others) offshore. The only reason that I can think of to host an Aussie site within Australia is if the client has some pressing need to be able to pick up a phone and talk to a local person if there is a problem. But – most overseas host companies have phone numbers and/or online chat help services which to my mind are just as good ... Hth - susie On 25/4/06 6:21 AM, "Web Man Walking" <[EMAIL PROTECTED]> wrote: > Hello > > Apologies for the OT post but I am struggling to find some sensible opinions > and I know you guys will help me out (please mail me off list if you like). > > I wish to get a .com.au domain name, and host it. Does anyone have any > experience and recommend any companies who specialise in this. I have a > company in Australia who are ready to go with their ABN number etc. (a > requirement for a .com.au domain name). > > Any suggestions would be appreciated. > > Cheers > > Regards > > Ed Henderson > > Web Man Walking - web design & usability experts > t: 0131 669 8800 (local) / 0800 781 2371 (freephone) > m: 0781 253 6964 > f: 0797 062 1532 > e: [EMAIL PROTECTED] > w: web-man-walking.com > a: 48 Eastfield, Edinburgh, EH15 2PN > skype: webmanwalking > msn: [EMAIL PROTECTED] > "New technology, old fashioned service" > > ** > 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] Centring problem in IE5.5
Title: Re: [WSG] Centring problem in IE5.5
Hi there
(newbie here – first post!)
I didn’t look at your stylesheet for long enough to see how you’d done the centering. But this is how I set up a centered page in my stylesheets – it may help you:
body {
text-align: center;
margin: 0;
padding: 0;
}
#container {
margin: 0 auto;
width: 800px;
}
IE 5.5 doesn’t support auto left and right margins.
But if you put ‘text-align: center’ in the body selector, that should work. I add ‘text-align: left’ to the container div to make the body text left-align, but you’re not wanting that ... :)
Cheers
susie
Susie Gardner-Brown
Web Developer
Teaching and Educational Development Institute (TEDI)
The University of Queensland, Ipswich Qld 4305
Telephone +61 7 338 11264
Facsimile +61 7 338 11252
E-Learning helpdesk 338 11271
Email [EMAIL PROTECTED]
Website www.tedi.uq.edu.au
CRICOS PROVIDER NUMBER 00025B
This email (and any attachments) is intended for the addressee named and may
contain privileged/confidential information. If you are not the intended
recipient, please notify the sender and delete the message and attachments
immediately and be advised that its use, disclosure or copying is
unauthorised. The views expressed, unless you are otherwise advised, are
those of the sender and not necessarily the views of the University of
Queensland.
On 24/4/06 11:42 AM, "Bojana Lalic" <[EMAIL PROTECTED]> wrote:
Hi all
I am having some display problems in IE5.5. The purple box and the Apply heading are not centred on the page.
Here is my test page:
http://www.bojana.jumbahost.com/index.html
Here is a screenshot of how the page displays in IE 5.5:
http://www.bojana.jumbahost.com/ie55.gif
Any help would be greatly appreciated.
Bojana
IMPORTANT: This e-mail, including any attachments, may contain private or confidential information. If you think you may not be the intended recipient, or if you have received this e-mail in error, please contact the sender immediately and delete all copies of this e-mail. If you are not the intended recipient, you must not reproduce any part of this e-mail or disclose its contents to any other party.
This email represents the views of the individual sender, which do not necessarily reflect those of education.au limited except where the sender expressly states otherwise.
It is your responsibility to scan this email and any files transmitted with it for viruses or any other defects.
education.au limited will not be liable for any loss, damage or consequence caused directly or indirectly by this email.
