[css-d] stylesheets for clock

[Stephen Davis]

Thanks Alan

The style does exist for clockface in stylesheetButtons.css. It is 
div.clockface {position:relative; z-index: 1;}

I intend to remove frames in the future, and use two divs one for the header 
and a scrolling one for the body. This will of course make downloads bigger but 
instead of having buttons as links I will be able to have drop down targets for 
headings in the page.

Their are several stylesheets for this page and all but IE are validated, and 
every page is validated for XHTML1.0 including the index.

Their are only two very small stylesheets for the top frame, one inline and the 
other at:

http://arithmetic.890m.com/stylesheetButtons.css

Two in the bottom

http://arithmetic.890m.com/stylesheetIE.css
http://arithmetic.890m.com/stylesheetOpFire.css

The others are similar just different properties sizes ect.

Regards
Steve Davis


  __
Sent from Yahoo! Mail.
A Smarter Email http://uk.docs.yahoo.com/nowyoucan.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] stylesheets for clock

[Alan K Baker]

You are of course quite correct, .clockface does exist, 'fraid I missed the 
relevant stylesheet. :-)
Having looked at it, I suggest a small alteration which will make it easier in 
the future for you to float elements next to it and you'd be able to get rid of 
the table, which is irrelevant, and position your link and button images more 
elegantly and accurately.

div.clockface {position:relative;width:100px;height:100px; z-index: 1;}

defines width and height for the clockface and stops the div from spreading 
across the entire page.

There's an odd thing about the clock in IE6 and 7 in that the clock actually 
does work OK, but the top (CSS) validator link image is missing. Firefox 
displays the images correctly, but of course the clock doesn't update. I 
haven't had time to look, but the image thing is probably just some positioning 
and overflow management.

I've a suspicion that the clock not working is a Javascript problem, not CSS, 
so I'm afraid it can't be covered on this forum, and I'm not sufficiently 
JavaScript savvy to help you privately.

I agree about the bigger downloads for each page, but although they may 
validate, frames are not recommended.

Regards, 
 
Alan.
 
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch  A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus


  - Original Message - 
  From: Stephen Davis 
  To: css-d@lists.css-discuss.org 
  Sent: Thursday, May 08, 2008 12:07 PM
  Subject: [css-d] stylesheets for clock


  Thanks Alan

  The style does exist for clockface in stylesheetButtons.css. It is 
div.clockface {position:relative; z-index: 1;}

  I intend to remove frames in the future, and use two divs one for the header 
and a scrolling one for the body. This will of course make downloads bigger but 
instead of having buttons as links I will be able to have drop down targets for 
headings in the page..

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/