Previous Message
Next Message

stylesheets for clock

Sent by Alan K Baker on 8 May 2008 15:03


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: [EMAIL-REMOVED] 
  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-REMOVED]]
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/
Previous Message
Next Message

Message thread: