[WSG] float problem in IE
Hi all
Quick question for you all:
i have this page that works fine in firefox/ safari
http://www2.websonic.ie/
but on IE 6 for windows it has the following 2 problems:
1. you can't click on the LH menu. something is above it. Z-index
problem i assume.
2. #mainpagecontent inherits the bgimage of #content. And it is in
front of the side content, so blocks out all the contact details on
the side. I've tried to stop it.
#content #mainpagecontent{
margin-right:210px;
background:none;
}
but no luck.
Any ideas?
Thanks
Gav
**
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] float problem in IE
anyone got any idea here? i'm lost!
On 26/07/05, Gavin Cooney [EMAIL PROTECTED] wrote:
Hi all
Quick question for you all:
i have this page that works fine in firefox/ safari
http://www2.websonic.ie/
but on IE 6 for windows it has the following 2 problems:
1. you can't click on the LH menu. something is above it. Z-index
problem i assume.
2. #mainpagecontent inherits the bgimage of #content. And it is in
front of the side content, so blocks out all the contact details on
the side. I've tried to stop it.
#content #mainpagecontent{
margin-right:210px;
background:none;
}
but no luck.
Any ideas?
Thanks
Gav
**
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] GMail... Terrible!
I have to say i agree with Gary here. Google have provided a free service, and if it does not work for you, then go use something that does. On the other hand... Gmail Does provide a way for disabled people to read their mail... a simple email POP account. (look under setttings). At the very least a disabled person can access the email in this way. Just my 2c Gav ** 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] Semantic Breadcrumbs
I asked this question on WSG before and there was some interesting options. http://www.mail-archive.com/wsg@webstandardsgroup.org/msg08838.html Regards Gavin ** 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] Semantics of Breadcrumb you are here links
Hi all, Apologies if this has been asked on WSG before, but I was wondering the general opinion on the most correct semantic way of coding breadcrumb trails. There's many webpages dealing with this: http://www.simplebits.com/notebook/2004/02/23/sqxii_conclusion.html http://www.google.com/search?sourceid=mozclientie=utf-8oe=utf-8q=semantic+breadcrumb I've seen arguements for: 1. ul list 2. Nested ul list Several lists nested (seems like a bit of a pain to me) ul lia href=/Home/a ul lia href=/articles/Articles/a ul lia href=/articles/file.htmlTitle/a/li /ul /li /ul /li /ul 3. ol ordered list I suppose if it's a list at all, it's an ordered list? 4. dl definition list such as used in this page http://www.baekdal.com/example.asp (actually this is a good example of using dls for everything) At the moment i've been just putting them in a p class=breadcrumb or div class=breadcrumb and putting a / or etc between each link. This is not perfect, i know. So what do you think? How do you do your breadcrumbs? Gav ** 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] Legal numbering with li
In most legal documents the number is very important and is referenced in dozens of places, other documents etc. For this reason I'm not sure if ols even with css 3 support are that suitable beyond the inital creation of the document. I'd just use a h11 main section/h1 and h21.1 not so main section/h2 and h31.3 subsection/h3 this means that you can't mess up the numbering. just my 2c Gav On Thu, 14 Oct 2004 16:59:08 +1000, scott parsons [EMAIL PROTECTED] wrote: there is provision for this in css 2 but I don't know if it is supported anywhere, except maybe opera http://www.w3.org/TR/REC-CSS2/generate.html s Amit Karmakar wrote: People, any good pointers on legal numbering using li's in xhtml I am looking for 3 levels of nesting as in: 1.0 1.1 1.1.1 TIA Regards, Amit Karmakar http://karmakars.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Semantics of Breadcrumb you are here links
Option 4 is... interesting. There is something subtlely wrong with it,
but I can't quite put my finger on it. Perhaps it just seems overkill?
I think at this stage i'm an option 4 convertee... unless you can
convince me otherwise!
It just seems the most semantically correct... turn off styles and it
makes the most sense.
It's a fair few lines of CSS (see below) and an image has to be
loaded, but i guess, once its done
The other thing is that with all the options, i'd prefer to use a
character rather than an image as a separator. Characters like /\|
etc
could we use CSS to insert a character as a divider, rather than an
image? :before or something?
/* You Are Here */
#YouAreHere
{
position: relative;
width: 600px;
left: 50%;
margin: 0px 0px 0px -300px;
background-color: white;
color: Black;
font-size: 0.7em;
padding-bottom: 30px;
z-index: 100;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 2px solid #ddd;
background-image: url(/images/layout/back-top.gif);
background-repeat: repeat-x;
background-position: left top;
text-transform: capitalize;
}
#YouAreHere dl { margin: 0px; padding: 56px 0px 0px 150px; }
#YouAreHere dt { display:none; }
#YouAreHere dd { display: inline; margin: 0px 0px 0px 3px; }
#YouAreHere a {
background-image: url(/images/layout/arrow-bright.gif);
background-repeat: no-repeat;
background-position: right center;
font-weight: bold;
color: #E68B2C;
text-decoration: none;
padding-right: 10px;
}
#YouAreHere a:hover { text-decoration: underline; color: black; }
**
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] RSVP
i'll be there. see you this evening. Gav ** 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] IE print bug crashes page
Hi all, I've got a page that when someone tries to print it in IE 6 on windows, it crashes the browser. There's nothing fancy in it, and i've stripped it down so i know the problem only happens when something is the second line of the table. Any ideas what's going on? Regards Gav ** 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] IE print bug crashes page
D'oh! forgot to paste in the address! http://www4.boardofstudies.nsw.edu.au/wsg/culturalexchange_examples.htm Thanks Gav On Thu, 12 Aug 2004 14:15:49 +1000, Neerav [EMAIL PROTECTED] wrote: What is the page address? Gavin Cooney wrote: Hi all, I've got a page that when someone tries to print it in IE 6 on windows, it crashes the browser. There's nothing fancy in it, and i've stripped it down so i know the problem only happens when something is the second line of the table. Any ideas what's going on? Regards Gav ** 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] Flash in different browsers
Hi All, I have a page with a flash pie chart on it. http://www4.boardofstudies.nsw.edu.au/testResults.cfm?testID=247560testUUID=C1CDB6E1-C314-A418-C97C52990D47F6EC It is not showing up in some browsers. What's the best way of placing this flash chart? http://www.browsercam.com/public.aspx?proj_id=81300 Thanks Gav PS any other comments on this site? (flash detection is not done yet). http://www4.boardofstudies.nsw.edu.au/ * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] Flash in different browsers
Thanks Scott, that worked a treat. http://www.browsercam.com/public.aspx?proj_id=81305 Nice to see Netscape 4 is behaving well as always! http://www.browsercam.com/projects/81305/1341243.jpg Gav On Fri, 16 Jul 2004 16:50:34 +1000, scott parsons [EMAIL PROTECTED] wrote: ooops, hit send too soon... I was going to go on to say that the only obvious differences were your lack of width and height attributes... you could try putting them back in... s scott parsons wrote: personally I think you should use an embed tag as provided by macromedia when you publish the .swf... but since you seem to be using hixie's conditionals... here is the original article from hixie http://ln.hixie.ch/?start=1081798064count=1 Gavin Cooney wrote: Hi All, I have a page with a flash pie chart on it. http://www4.boardofstudies.nsw.edu.au/testResults.cfm?testID=247560testUUID=C1CDB6E1-C314-A418-C97C52990D47F6EC It is not showing up in some browsers. What's the best way of placing this flash chart? http://www.browsercam.com/public.aspx?proj_id=81300 Thanks Gav PS any other comments on this site? (flash detection is not done yet). http://www4.boardofstudies.nsw.edu.au/ * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * . * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * 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] WYSIWYG editor
I use RealObjects eoPro. It produces decent valid XHTML code. http://www.realobjects.com/edit-on_Pro_3_x_2_x.435.0.html but its not free! ;-) Gav - Original Message - From: [EMAIL PROTECTED] To: WSG (E-mail) [EMAIL PROTECTED] Sent: Thursday, May 06, 2004 8:26 PM Subject: [WSG] WYSIWYG editor Anybody know a WYSIWYG editor but that generate XHTML with CSS? Thk David Gironella Casademont * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS Tables
Have a look at this CSS/table tutorial http://markl.f2o.org/tutorial/tables/Advanced_Tables.html - Original Message - From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, April 22, 2004 11:37 AM Subject: [WSG] CSS Tables Hey everyone, I've been reading this list for a couple weeks and this is my first time posting. I've got a question about something I've been working on recently. I'm pretty sure it's a lost cause, but I might as well ask. I recently converted a directory lister script from using table tags to using CSS styled tables (display:table), and I've noticed that there is no provision for a colspan attribute. This makes sense, because tables are for displaying tabular data and not for fancy headers, but I want to do it anyway. Basically I want to make the first cell (that displays the path) maintain the entire table's width without effecting the other columns' width as it does in the table version. Note, I have a user agent switch, since CSS tables don't work with IE, for displaying the old tables or the new display:tables accordingly. Here's an example: http://eastsdomain.com/test/ . Thanks! -Noa * 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] IE 5.5 CSS problem- to do with media=print?
Hi all,
Is there a problem with IE 5.5 and printable style
sheets?
I have a page (on a CD, so i can't send teh url)
with the following styles
style type="text/css"
media="all"@import
url("../mcq_images/mcq_css.css");/style
style type="text/css"
media="print"@import
url("../mcq_images/mcq_print_css.css");/style
This works fine on most browsers, but on IE 5.5
there seems to be some stuff missing from the HTML. This is the same stuff that
is excluded in the printable stylesheet.
!--#printtipcontainer
{display:none;}#mcqnav {display:none;}.stats_table
{page-break-inside:avoid;}#page_container
{page-break-after:always;}--
Could IE 5.5 be displaying the print style sheet
along with the normal stylesheet? Is this a known problem, or have i done
something stupid!?
Thanks,
Gavin
Re: [WSG] Unordered list with id
Thanks, you're a genius!
Gav
- Original Message -
From: Ben Bishop [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Tuesday, February 17, 2004 4:38 PM
Subject: Re: [WSG] Unordered list with id
Hi Gavin,
Quick fix. You can make either (or both) of the following changes:
#mcqnav .thisquestionlink {
background: red;
}
OR
#mcqnav .thisquestionlink {
background: red !important;
}
Regards,
Ben
Gavin Cooney wrote:
Now i want to highlight the current page using a different CSS style. I
have
tried all sorts of combinations, and in this example i have an
ID=thisquestion on the relevant li and a class=thisquestionlink on
the
a href inside the li.
*
The discussion list for http://webstandardsgroup.org/
*
*
The discussion list for http://webstandardsgroup.org/
*
Re: [WSG] CD Navigation
Hugh, Thanks for your reply. I didn't want to make you cross! I just lifted that javascript from somewhere, and i'll get working on a non-IE version. I realise that users will have to download acrobat. The pages cannot be in HTML because they are student hand-writing samples. They also need to be fully-printable. I suppose i could use Jpegs on a HTML page, but PDF seems the best bet. I've got browser cam working as we speak. Thanks again, Gavin - Original Message - From: Hugh Todd [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, January 22, 2004 5:08 PM Subject: Re: [WSG] CD Navigation Gavin, So the navigation that ColdFusion creates is above, and I would welcome any feedback you can give me. Any suggestions on how to tidy up the CSS or HTML? Several display issues (without looking at the code). 1) None of the current Mac browsers, AFAIK, currently display PDFs in the browser window (by default, that is, without a third party plug-in). So your frame setup won't work unless the question pages are in HTML. (All of the PDF links will open in the Adobe or Apple PDF readers.) 2) In non-IE browsers the left hand column appears in a completely expanded form. One very long column of links. This could be explained by the fact that the Javascript code used to expand the links is written explicitly for IE only. This makes me cross. 3) The header does not behave itself in IE5 Mac or Mozilla Mac. Looks OK in the beautifully well-behaved Safari. 4) In IE 5 and Mozilla the Sample 1 icon in each question seems to repeat itself, with an overlap. Even more bizarrely, the left hand, underneath version of the icon actually drifts a few pixels off the left hand border of the Mozilla browser. In Safari, no doubling up of the Sample 1 icon, but *all of the icons drift left off the left hand border of the browser. Looks as though you may want to go to browsercam right away. -Hugh Todd :) * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
