Re: [WSG] Absolute position problem in IE

[tee]

> Tee, I figured this out.  Change the width of your "#leftColWrapper to
> 92px, the same as is in your books class.  Small consolation though, in
> face of the Dean Edwards(IE7) conflicts, eh, but thought I'd pass it on.
> 
> cheers
> Donna
> 
Donna, I was going to make 3 more cups of super strong black sugar free
Vietnamese coffee so that I have energy to figure this out. Thanks for
rescuing me from caffeine :)

tee

**
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] textarea: why rows and cols?

[Scott Swabey \(Lafinboy Productions\)]

> The rows and cols attributes - mandatory for any textarea 
> element - defines the *VISIBLE* height and width of the 
> element. So why are they in the mark-up? I've googled long 
> and hard and haven't found anything to the contrary. Surely 
> these attributes should be defined in the CSS.
> 
> Any thoughts?
I declare the height/width of textareas in CSS and don't use cols/rows in
the markup. I haven't come across any problems in [ limited ] testing so
far.

Regards 


Scott Swabey
General Manager

Lafinboy Productions
:: website design :: website development :: graphic design

e  [EMAIL PROTECTED]
t   +61 (0)415 193 126
w  www.lafinboy.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] Absolute position problem in IE

[tee]

Thanks all, that is a quick and skillful diagnose :)
 
> You've got his code for the current menu item:
> 
> Karate Overview
> 
> I would suggest you could incorporate your 'active' class into the 'current'
> class and so do away with one of them. This itself could be causing
> problems. BTW, I can't find a 'current' style in your CSS anywhere.
I must have accidentally deleted it when trying to figure what went wrong
with the code that prompted IE not working - never learn the lesson that
long hours of work in front of the computer can only result more mistake.

> You also define height for the links when active but not in their normal
> state. And I think this block here is your culprit:
> 
> #menu li#active a {
> background: #fff;
> width: 140px;
> height: 28px;
> color: #000;
> }

Thanks! I will make a test and see if it makes the different. I do want the
height be 28px in active state.
> Though exactly how to rectify it for your needs I couldn't say. Shouldn't
> 'active' be either a pseudo selector or a class.
Isn't 'a' (active a) belong to pseudo class?
 

> Also, you might want to re-work your page layout a little so that you're
> starting with an H1 and not an H2, then descend from there.

For unknown reason I never like to use H1. Under screen reader, I feel as if
h1 is shouting at me out loud from my screen. Does it matter if it doesn't
have h1? 

tee
> 

**
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] Absolute position problem in IE

[Donna Jones]

The two images work fine and the left
column seems working fine except it doesn't stay where I want it to be,


Tee, I figured this out.  Change the width of your "#leftColWrapper to 
92px, the same as is in your books class.  Small consolation though, in 
face of the Dean Edwards(IE7) conflicts, eh, but thought I'd pass it on.


cheers
Donna


**
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] textarea: why rows and cols?

[robert]

The rows and cols attributes - mandatory for any textarea element - defines
the *VISIBLE* height and width of the element. So why are they in the
mark-up? I've googled long and hard and haven't found anything to the
contrary. Surely these attributes should be defined in the CSS.

Any thoughts?
**
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] Absolute position problem in IE

[Donna Jones]

tee wrote:

The site looks fine under IE6 on my PC. Nice job.



Thanks but are your sure the menu is working??? It obviously doesn't in my
IE 5/6 (both W2K and XP home); hover disappear and links are not clickable.

tee


Hi Tee: I just looked - and the menus aren't working for me.  I 
downloaded most of your code and tried looking at it locally, and the 
menus started working!  makes me wonder about the IE7 bit.  (major 
sigh).


so  just copied IE7 over to that directory, and yes, IE6 has quit 
working in the menu.  its something to do with IE7.


Here's the low-down: on-line, through your site.  IE6 and IE55 don't 
work; IE5.0 does (but who cares).


In my download, locally: everything works.

I add IE7 and then IE6 doesn't work but IE5.5 does.

anyway, try putting a "bad path" in the IE7 stuff, easy to test that way.

it never stops .

Donna





I was working on a site that has 4 absolute divs for two png images, a left
column and a right column for menu. The two images work fine and the left
column seems working fine except it doesn't stay where I want it to be,
however the right column menu, links and hover are not working at all.

This is the first time I have 4 absolute position wrapped in a relative div,
I was wondering if IE has issue with more than one absolute div.

The page:
http://clients.lotusseeds.com
css: http://clients.lotusseeds.com/index.css


Thanks!

tee




**
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] Absolute position problem in IE

[Webmaster]

Sorry tee. I see what you're saying.

No, the links don't work.

You've got his code for the current menu item:

Karate Overview

I would suggest you could incorporate your 'active' class into the 'current'
class and so do away with one of them. This itself could be causing
problems. BTW, I can't find a 'current' style in your CSS anywhere.

You also define height for the links when active but not in their normal
state. And I think this block here is your culprit:

#menu li#active a {
background: #fff;
width: 140px;
height: 28px;
color: #000;
}

Though exactly how to rectify it for your needs I couldn't say. Shouldn't
'active' be either a pseudo selector or a class.

Also, you might want to re-work your page layout a little so that you're
starting with an H1 and not an H2, then descend from there.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of tee
Sent: Monday, 27 June 2005 1:33 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Absolute position problem in IE


> 
> The site looks fine under IE6 on my PC. Nice job.
> 
Thanks but are your sure the menu is working??? It obviously doesn't in my
IE 5/6 (both W2K and XP home); hover disappear and links are not clickable.

tee
> 
> I was working on a site that has 4 absolute divs for two png images, a 
> left column and a right column for menu. The two images work fine and 
> the left column seems working fine except it doesn't stay where I want 
> it to be, however the right column menu, links and hover are not working
at all.
> 
> This is the first time I have 4 absolute position wrapped in a 
> relative div, I was wondering if IE has issue with more than one absolute
div.
> 
> The page:
> http://clients.lotusseeds.com
> css: http://clients.lotusseeds.com/index.css
> 
> 
> Thanks!
> 
> tee

> 

**
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] Absolute position problem in IE

[Nick Cowie]

tee wrote:
>Thanks but are your sure the menu is working??? It obviously doesn't in my
>IE 5/6 (both W2K and XP home); hover disappear and links are not clickable.

Try it without the background png on the li. 

I see you are using IE7 from Dean Edwards, but the magic of his javascript may 
be conflicting with hover over a png.

If that does not work, disable the ie7 patch and try again.

I am sure that the problem is in that combination and not in absolute 
positioning inside a relative container. I have done far worse/ more 
complicated layout using absolute and relative containers.


Nick

This email is from the Department of Consumer and Employment Protection and any 
information or attachments to it may be confidential. If you are not the 
intended recipient, please reply mail to the sender informing them of the error 
and delete all copies from your computer system, including attachments and your 
reply email. As the information is confidential you must not disclose, copy or 
use it in any manner.
**
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] Absolute position problem in IE

[tee]

> 
> The site looks fine under IE6 on my PC. Nice job.
> 
Thanks but are your sure the menu is working??? It obviously doesn't in my
IE 5/6 (both W2K and XP home); hover disappear and links are not clickable.

tee
> 
> I was working on a site that has 4 absolute divs for two png images, a left
> column and a right column for menu. The two images work fine and the left
> column seems working fine except it doesn't stay where I want it to be,
> however the right column menu, links and hover are not working at all.
> 
> This is the first time I have 4 absolute position wrapped in a relative div,
> I was wondering if IE has issue with more than one absolute div.
> 
> The page:
> http://clients.lotusseeds.com
> css: http://clients.lotusseeds.com/index.css
> 
> 
> Thanks!
> 
> tee

> 

**
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] Absolute position problem in IE

[Webmaster]

The site looks fine under IE6 on my PC. Nice job. 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of tee
Sent: Monday, 27 June 2005 12:19 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Absolute position problem in IE

I was working on a site that has 4 absolute divs for two png images, a left
column and a right column for menu. The two images work fine and the left
column seems working fine except it doesn't stay where I want it to be,
however the right column menu, links and hover are not working at all.

This is the first time I have 4 absolute position wrapped in a relative div,
I was wondering if IE has issue with more than one absolute div.

The page:
http://clients.lotusseeds.com
css: http://clients.lotusseeds.com/index.css


Thanks!

tee

**
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] Vertical Positioning

[Tatham Oddie]

Guys
/ girls,

 

I’m
having some problems with the vertical positioning on www.whatcanido.com.au. Basically the
content area is restricted to a maximum height of 600px, and after that I want
it be vertically centred on the page. I’m aware of numerous ways to do
this (implemented it on www.e-oddie.com)
however I can’t actually get any of them to work reliably.

 

You’ll
need to look at the page on a higher resolution (1280x1024 or up) to see what I
mean. To see what I want to achieve, try adding a margin-top rule to the html
selector.

 

(IE
is completely stuffed in this regard – if anybody has an idea of how I might
be able to start fixing this let me know)

 

 

 

Thanks,

 

Tatham Oddie

 

Fuel Advance - Ignite Your Idea

www.fueladvance.com

 

Re: [WSG] javascript & IE5

[David Hucklesby]

On Fri, 24 Jun 2005 10:12:57 +0100, Phil Baines wrote:
>
> ... I have come across a javascript problem. The javascript used on
> the site allows subcategories to be closed, and clicked
> open/closed. This worked wonders in Firefox, IE6 and IE5.5
> (Although my cursor:pointer; isn’t right in IE5).
>
> But I get a javascript error in IE5.5. Can anyone else confirm this
> for me, and does anyone have even the slightest idea what is
> causing the error?
>
> Link: http://dev.netring.co.uk/newporttown/
>
Sorry, Phil - I see no sub-categories! I tried clicking around but
nothing happens, in IE 6 or Opera 7 on XP SP2.

But I can help you with the cursor problem. IE uses the proprietary
"cursor: hand" for what you want. Non-standard, of course.

Cordially,
David
--
David Hucklesby, on 6/26/2005

--


**
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] Absolute position problem in IE

[tee]

I was working on a site that has 4 absolute divs for two png images, a left
column and a right column for menu. The two images work fine and the left
column seems working fine except it doesn't stay where I want it to be,
however the right column menu, links and hover are not working at all.

This is the first time I have 4 absolute position wrapped in a relative div,
I was wondering if IE has issue with more than one absolute div.

The page:
http://clients.lotusseeds.com
css: http://clients.lotusseeds.com/index.css


Thanks!

tee

**
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] Picky, picky, picky

[Webmaster]

I hate to be a pedant but "descendant selectors" will return much better
results.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Nick Gleitzman
Sent: Saturday, 25 June 2005 7:21 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Picky, picky, picky


On 25 Jun 2005, at 4:37 PM, Cole Kuryakin - x7m wrote:

> I'm almost embarrased to ask this because it's such a minor detail, 
> but it's driving me crazy.
>  
> First, the link: http://www.x7m.us/_testing/index2.htm
>  
> This is a new design I'm just starting to build. If you look at it in 
> FF/Netscape/Opera it's perfect (the latest versions of those browsers, 
> anyway). If you look at it in IE6 the headline image (Quality.
> Reliability. Reputation.) within the h1 sits about 6 pixels lower than 
> it should, which of course pushes everything else down as well.
>  
> This head is suppose to align with the nav bar you see on the left. In 
> FF, Netscape, and Opera it does. Perfect. IE, of course, well...
>  
> I've tried everything I can think of to correct this, and I've come to 
> the conclusion that it's something going on with the h1. But I've 
> tried everything there too, including zeroing the top margin and top 
> padding on the h1 without result. Besides, all of these things are 
> already zeroed at the top of the style sheet.
>  
> Can someone spot the error of my ways when it comes to the IE 
> rendering?
>  
> Cole

Add this:

div { border: 1px solid #f00 }

to your css and look at the page in IE6, compared to FF. You'll see that the
extra space is actually being generated by your div id="topEdgeH". Doesn't
affect the logo placeholder, because it's positioned absolutely - but it
does push the  down.

Fix? You could play with the div id="topEdgeH" to try and stop the extra
space (height? line-height?), or simply add

_margin-bottom: 290px;

to it for IE6 - adjust to taste.

Other comments: I realise this is a WIP, but your  format is
completely inaccessible - you don't even have alt text.

I suspect if you run your CSS through the validator, you'll find some errors
- I noticed some instances of 'color: Black', and I don't think you can use
upper case for color names (although I'll happily stand corrected).

More generally - I really don't think CSS needs to be this complex. I
believe you're creating more potential management headaches for yourself
with your CSS than you need to. Try Googling 'descendent selectors' and
learn how to get rid of that long list of classes. If they're in your CSS,
they're cluttering your markup, somewhere (presumably on L2 pages). And what
if you decide to change the colour of the elements you have styled by
'class='red' to another colour? Try to label CSS rules for function, rather
than appearance. You'll sleep better somewhere down the line...

And one design comment: your main headline (the one in question) has a LH
border, imaged, of red. So do your links, on hover. I immediately presumed
that the headline was a link as well...

All the above just my 2c, but HTH -

Nick

___
Omnivision. Websight.
http://www.omnivision.com.au/

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

**
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] Selectors

[Mordechai Peller]

Chris Kennon wrote:

My anger with MS, particularly IE, deluged again. So I ask has this  
browser moved from the dark ages, allowing use of the following:


Child Selectors
Adjacent Sibling Selectors
Attribute Selectors


As it stands now, they might add them to a future release, though I 
think having them by the final release of IE 8 is still a long shot.


That said, a child selector can be simulated with universal selectors 
(see 
http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/).


Or should I take a brisk power walk until the ager ebbs away? 


Don't walk...RUN
**
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] 'strong' as class name

[Richard Czeiger]

Hi tee,

I still think the  tag is the way to go for you.
In your example you have inline text that you want to make bold and a diff 
colour and font.
This *shounds* like you want to strongly emphasis that text. Why not use the 
 element to do it?

You can still apply your styles:

Strong is bold


strong {
   font: 1em bold Arial, san-serif;
   text-transform: uppercase;
   text-decoration: none;
   color: #369;
}


I'd make the argument that if you still don't want to use the  tag 
then at least think of a different name for your class as i think it might 
get confusing later on.


Cheers  :o)
Richard


- Original Message - 
From: "tee" <[EMAIL PROTECTED]>

To: 
Sent: Sunday, June 26, 2005 9:52 PM
Subject: Re: [WSG] 'strong' as class name




Thank you Andy, for the link and reminder.
Note that the second font family is 'sans-serif' (with an 's' and 
hyphen).

Should be:
Strong is bold

They are correct in my files. I should have paid more attention in typing
when posting question to the list so to prevent confusion.


FURTHER READING
<
http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-shorthand-at-a-glance/2/ >

Cheers,

tee

**
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] Images not loading...

[Jeff D. Reid]

Here is a listing of the image file names I see:  (from top of page to
bottom)

vinter_header.jpg
quickmap.gif
row of 6 horzontal nav bar mouseovers
aktivitet.gif
aktivitetsmenu.gif (in right sidebar)
colum of 4 javascript links w/small preceding graphic
rightsidetest.jpg
rightsidetest1.jpg
top.gif (at bottom of page)


HTH,
Jeff

- Original Message - 
From: "Kim Kruse" <[EMAIL PROTECTED]>
To: 
Sent: Sunday, June 26, 2005 4:53 PM
Subject: Re: [WSG] Images not loading...


> Hi Jeff,
>
> Thanks for your reply. Perhaps I would a great idea to mention it's the
> images in the navbar below the header image.
>
> Do they still show?
>
> Kim
>
> Jeff D. Reid wrote:
>
> >All images load just fine using the following:
> >
> >Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414
> >Firefox/1.0.3 and Windows XP Pro
> >
> >I am located in Cincinnati, Ohio, USA and it is Sunday, June 26, 2005,
3:12
> >pm EST..
> >
> >HTH,
> >Jeff
> >
> >- Original Message - 
> >From: "Kim Kruse" <[EMAIL PROTECTED]>
> >To: 
> >Sent: Sunday, June 26, 2005 2:27 PM
> >Subject: [WSG] Images not loading...
> >
> >
> >
> >
> >>Hi,
> >>
> >>On this page http://mouseriders.dk/esrum/test.htm I have some sort of
> >>problem in FF and other Gecko browsers.
> >>
> >>The images just don't show up unless I scroll the page, mouseover the
> >>links or reload the page. Does anybody know why?
> >>
> >>I would really appreciate some help as I have no idea what's causing
this.
> >>
> >>Thank you very much
> >>Kim
> >>**
> >>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] Images not loading...

[Carl Reynolds]

Kim Kruse wrote:


Hi,

On this page http://mouseriders.dk/esrum/test.htm I have some sort of 
problem in FF and other Gecko browsers.


The images just don't show up unless I scroll the page, mouseover the 
links or reload the page. Does anybody know why?



The page looks the same in FF-1.0.4 and IE-6 on Windows-2000.

There is an image of  some buildings with the words "Esrum Mollegard" at 
the top of the page.
The nav bar with six items is directly under that image. The nav items 
roll-over.

Under the nav bar is an image with the words "Aktivitets eksempel"
Under that is a lot of text with an up-arrow at the bottom.
On the right side is a side bar with some links and two pictures of people.
All of this is followed by a horizontal blue bar with what looks like 
contact information.


This is in both Firefox and InterNET Explorer.


The page looks pretty complete to me, but then I can't read it.
What are you missing?



Carl.



**
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] Images not loading...

[Zachary Hopkins]

Kim,

I see what you're talking about.  When the page first loaded for me 
(Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) 
Gecko/20050511 Firefox/1.0.4 (ax)), I saw images for only the first 2 
navigation buttons.  When I clicked away to another application and then 
came back, they were there.


I'm not really sure as to exactly why this occurs, but if you don't mind 
me asking, why is the height set to 0?


--Zachary

Kim Kruse wrote:


Hi Jeff,

Thanks for your reply. Perhaps I would a great idea to mention it's 
the images in the navbar below the header image.


Do they still show?

Kim

Jeff D. Reid wrote:


All images load just fine using the following:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414
Firefox/1.0.3 and Windows XP Pro

I am located in Cincinnati, Ohio, USA and it is Sunday, June 26, 
2005, 3:12

pm EST..

HTH,
Jeff

- Original Message - From: "Kim Kruse" <[EMAIL PROTECTED]>
To: 
Sent: Sunday, June 26, 2005 2:27 PM
Subject: [WSG] Images not loading...


 


Hi,

On this page http://mouseriders.dk/esrum/test.htm I have some sort of
problem in FF and other Gecko browsers.

The images just don't show up unless I scroll the page, mouseover the
links or reload the page. Does anybody know why?

I would really appreciate some help as I have no idea what's causing 
this.


Thank you very much
Kim
**
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 best way to predict the future is to invent it." 


[EMAIL PROTECTED]
http://www.hopkinsprogramming.net

**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

[WSG] Selectors

[Chris Kennon]

Hi,

After reading this most informative article:

http://juicystudio.com/article/div-mania.php

My anger with MS, particularly IE, deluged again. So I ask has this  
browser moved from the dark ages, allowing use of the following:


Child Selectors
Adjacent Sibling Selectors
Attribute Selectors

Or should I take a brisk power walk until the ager ebbs away?




CK
___
"An ideal is merely the projection, on an enormously
enlarged scale, of some aspect of personality."
-- Aldus Huxley

**
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] Images not loading...

[Kim Kruse]

Hi Jeff,

Thanks for your reply. Perhaps I would a great idea to mention it's the 
images in the navbar below the header image.


Do they still show?

Kim

Jeff D. Reid wrote:


All images load just fine using the following:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414
Firefox/1.0.3 and Windows XP Pro

I am located in Cincinnati, Ohio, USA and it is Sunday, June 26, 2005, 3:12
pm EST..

HTH,
Jeff

- Original Message - 
From: "Kim Kruse" <[EMAIL PROTECTED]>

To: 
Sent: Sunday, June 26, 2005 2:27 PM
Subject: [WSG] Images not loading...


 


Hi,

On this page http://mouseriders.dk/esrum/test.htm I have some sort of
problem in FF and other Gecko browsers.

The images just don't show up unless I scroll the page, mouseover the
links or reload the page. Does anybody know why?

I would really appreciate some help as I have no idea what's causing this.

Thank you very much
Kim
**
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] Images not loading...

[Jeff D. Reid]

All images load just fine using the following:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414
Firefox/1.0.3 and Windows XP Pro

I am located in Cincinnati, Ohio, USA and it is Sunday, June 26, 2005, 3:12
pm EST..

HTH,
Jeff

- Original Message - 
From: "Kim Kruse" <[EMAIL PROTECTED]>
To: 
Sent: Sunday, June 26, 2005 2:27 PM
Subject: [WSG] Images not loading...


> Hi,
>
> On this page http://mouseriders.dk/esrum/test.htm I have some sort of
> problem in FF and other Gecko browsers.
>
> The images just don't show up unless I scroll the page, mouseover the
> links or reload the page. Does anybody know why?
>
> I would really appreciate some help as I have no idea what's causing this.
>
> Thank you very much
> Kim
> **
> 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] Images not loading...

[Kim Kruse]

Hi,

On this page http://mouseriders.dk/esrum/test.htm I have some sort of 
problem in FF and other Gecko browsers.


The images just don't show up unless I scroll the page, mouseover the 
links or reload the page. Does anybody know why?


I would really appreciate some help as I have no idea what's causing this.

Thank you very much
Kim
**
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] 'strong' as class name

[tee]

Thank you Andy, for the link and reminder.
> Note that the second font family is 'sans-serif' (with an 's' and hyphen).
> Should be:
> Strong is bold
They are correct in my files. I should have paid more attention in typing
when posting question to the list so to prevent confusion.
  
> FURTHER READING
> < 
> http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-shorthand-at-a-glance/2/ >
> 
> Cheers,
tee

**
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] 'strong' as class name

[Andy Kirkwood | Motive]

Hi tee,


.strong {
font: 1em bold #369 Arial, San Serif
text-transform: uppercase;
text-decoration: none;}


The font shorthand doesn't include a color property. Your rule should 
look like this:


.strong {
color: #369;
font: bold 1em Arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
}

Note that the second font family is 'sans-serif' (with an 's' and hyphen).

HTML
Also a bug in the HTML, you open a span but close a strong.

Strong is bold



Should be:
Strong is bold

FURTHER READING
< 
http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-shorthand-at-a-glance/2/ >


Cheers,

--
Andy Kirkwood | Creative Director

Motive | web.design.integrity
http://www.motive.co.nz
ph: (04) 3 800 800  fx: (04) 970 9693
mob: 021 369 693
93 Rintoul St, Newtown
PO Box 7150, Wellington South, New Zealand
**
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] 'strong' as class name

[tee]

Never mind, I got it figure out. The #369 color shouldn't stay with 'font:'

Sorry for the confusion.

tee

> From: tee <[EMAIL PROTECTED]>
> Reply-To: wsg@webstandardsgroup.org
> Date: Sun, 26 Jun 2005 01:03:13 -0700
> To: 
> Subject: Re: [WSG] 'strong' as class name
> 
> Maybe I got the concept wrong?! I don't want it as Type selector but span
> CLASS. 
> In my html, it goes like this:
> 
> Strong is bold
> 
> And css 
> .strong {}

**
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] 'strong' as class name

[tee]

Oops.. Typo error. I do have the semi-colon is in my css file.

Maybe I got the concept wrong?! I don't want it as Type selector but span
CLASS. 
In my html, it goes like this:

Strong is bold

And css 
.strong {}

Tell me I got it all wrong?

Thanks!

tee


> 
> You're also missing a semi-colon after "San Serif" =)
> 
> - carter
> On 6/26/05, Tatham Oddie <[EMAIL PROTECTED]> wrote:
>> 
>> Tee,
>> 
>> You've got the wrong selector. Use:
>> 
>> strong
>> {
>> font: 1em bold #369 Arial, San Serif
>> text-transform: uppercase;
>> text-decoration: none;
>> }
>> 
>> 
>> Or consult the SelectORacle:
>> 
>> http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py
>> 
>> 
>> 
>> Thanks,
>> 
>> Tatham Oddie
>> Fuel Advance - Ignite Your Idea
>> www.fueladvance.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] 'strong' as class name

[Justin Carter]

You're also missing a semi-colon after "San Serif" =)
- carter 
On 6/26/05, Tatham Oddie <[EMAIL PROTECTED]> wrote:
Tee,You've got the wrong selector. Use:strong{   font: 1em bold #369 Arial, San Serif
   text-transform: uppercase;   text-decoration: none;}Or consult the SelectORacle:http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py
Thanks,Tatham OddieFuel Advance - Ignite Your Ideawww.fueladvance.com

RE: [WSG] 'strong' as class name

[Tatham Oddie]

Tee,

You've got the wrong selector. Use:

strong
{
font: 1em bold #369 Arial, San Serif
text-transform: uppercase;
text-decoration: none;
}


Or consult the SelectORacle:

http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py



Thanks,

Tatham Oddie
Fuel Advance - Ignite Your Idea
www.fueladvance.com


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of tee
Sent: Sunday, 26 June 2005 5:12 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] 'strong' as class name

I named a class as 

.strong {
font: 1em bold #369 Arial, San Serif
text-transform: uppercase;
text-decoration: none;}

But it does work except the 'bold'. I am curious if the  deserved
for xxx only. The reason I want to name that class as
'strong' is because it suits the purpose for the elements I want it be bold,
but I want it to have different typeface and font size and color.

Thanks!

tee

**
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] 'strong' as class name

[tee]

I named a class as 

.strong {
font: 1em bold #369 Arial, San Serif
text-transform: uppercase;
text-decoration: none;}

But it does work except the 'bold'. I am curious if the  deserved
for xxx only. The reason I want to name that class as
'strong' is because it suits the purpose for the elements I want it be bold,
but I want it to have different typeface and font size and color.

Thanks!

tee

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**