CSS - Changing A 7 Day Calendar To A Five Day Calendar

I was wondering how to layout a calendar in CSS. One of the ones you see everywhere, usually done as tabular data that has boxes for each date and are laid out

1 2 3 4 5
6 7 8 9 10

etc etc...

What've I done wrong...? See what's happening with my calendar he

tuirennhurstfield.com/calendartrial.php

In IE8 the SUN & MON columns are replacing columns FRI & SAT and are pushing TUES-SAT down a level so they are below... This seems to only be happening in IE8, works fine in IE6, IE7, Safari and Firefox...

I purchased this script and the script worked fine in IE8 on the demo (see he codecanyon.net/item/smooth-php-calendar-reloaded/full_screen_preview/105891 )

I've clearly edited something wrong in the CSS when I was making it work with the visual look of my site... But I'm not sure what I'm looking at, and the original developer has given me the sterling advice of "check your css"

If you can help at all please let me know!

Thanks!!!

I have a style sheet which creates a calendar which is hooked up to a recordset. Like a blog calendar. My problem is on months that seem to have more data then others the calendar table pushes the page or the table therefor creating problems. Here is my CSS, is there a way to lock the table so if data population does occur it doesnt knock everything out of wack?

Thanks so much for any help you may offer.
Steve

/* CSS Document */
table#calendar {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
table#calendar caption {
font-size: 10px;
font-weight: normal;
}
table#calendar a {
text-decoration:none;
}
table#calendar tr#days th {
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
font-weight: normal;
padding: .3em 1px;
}
table#calendar tr#title th {
font-size: 10px;
background: White;
color: Black;
font-size: 10px;
border: 0px solid #224;
padding-top: 0.3em;
padding-left: 0.3px;
}
table#calendar td {
font-size: 10px;
width: 30px;
color: #000000;
text-align: right;
border: 0px solid gray;
border-color: FFFFFF;
vertical-align: top;
}
table#calendar .day7 {
border-right: 0px solid #FFFFFF;
}
table#calendar td a {
font-weight: normal;
display: block;
margin: 0;
padding: 0px;
width: 30px;
}
table#calendar th a {
font-weight: normal;
}
table#calendar a:link {color: 0000CC;}
table#calendar a:visited {color: 0000CC;}
table#calendar a:hover {
background: Silver;
}
table#calendar .day1, table#calendar .day7 {
background: White;
}
table#calendar .blank {
background: White;
border: 0px solid #;
border-right: 0px solid #99A;
}
table#calendar .lastweek td {
border-bottom: 0px solid #AAB;
}
table#calendar .today {
background-color: #A3AEB0;
border: 0px solid black;
}

please close thread

Ok.

I've got a calendar all set up, and it displays properly in its frame in Firefox.

using firefox, try the following link:

http://www.kennedygallery.org (click events calendar)

in IE, the whole thing is right-justified or centered or something.

Since I discovered the problem, I even started putting redundant declarations in the calendar's style sheet:

Code:

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background : #FFFFFF ;
	color : #505458;
	margin: 0px;
	margin-left: 10px !important;
	width:590px !important;
}

.maintable {
	position: absolute;
	left: 10px !important;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
}

etc, etc.

So is there a positioning bug or something that I have to work around to make it display as it does in Firefox?

Thanks,

Perry.

I am try to make a page that is similar to outlooks calendar page for a day. The page would have a scrollbar that scrolls from 12am to 12am(next day), but the initial position is 8 am instead of 12am.

I can set an anchor and make sure the page opens to that anchor, but it is an awkward solution and might cause some linking problems.

Anyone know who to do this?

Hi, how can I set the <a> tag (of <a href...) to be of some color in one div and some other color in another div?

I'm revamping my personal webpage. (What I've done so far is at http://homepage.mac.com/johntstuart/mockup/ )

I've been told there is a way for JavaScript to replace the content of a DIV, when the user selects from the navigation.

Can anyone point me in the direction of this JavaScript? And any tutorials?

I have a header.inc and a css style sheet that are called to each page of a website via php. In the style sheet there are two styles that I would like to change depending on the section of the website.

For example:
in the style sheet
css id "subnav" has background: #E8EDF5 and
cssi id "subtitle" has background #E8EDF5

however in each major section of the website I would like to change the background colors of the divs that have id "subnav" and "subtitle".

Is there type of php statement that I could place at the top of my website pages that would allow me to specify the colors of these two css ids?

Hope I have made this clear.

Anyone know why the margins change on the links when I hover over them with IE. (check left column navigation)

http://section31.us/temp/tortilla/tortilla.html

Note: This works fine on firefox, but goes ape**** on IE.

hey all,
so im way behind the times when it comes to creating webpages with div's instead of nested and renested tables. I can nest tables with the best of them but when it comes to using div's and css instead i just can't figure out how to precisely place things! Does anyone know of a guide that explains how to use divs effectively instead of tables?
thanks
- legit

Hi am looking for help changing a form select box with css.

I am trying to get the select box in line with the rest of the scroll boxes and arrows on my site....

http://www.peteromoore.com/site3/brochure.htm

is there any way to change the select box arrow to match the arrow beside it???
any help would be appreciated.

Hello,

I have been looking all ovet the forums and google and cant find a code to do this.

what i am trying to do is when someone prints a page, i want the footer that is automataly printed at the bottom of the page to change.

Lets say your on www.yahoo.com and you print the page.
the footer will say http://www.yahoo.com

what i am trying to find is a code that i can change the footer to say whatever i wanted.

so if your on yahoo.com and press print it says "HELLO" (for example).

Thanks In Advance.

I need some help. I'm starting out with php and i'm already stressing out.
Here's the challenge:
I have to make a page that contains 3 radio buttons
the radio buttons control which color font you'll like to display on that page
the page must reference itself (no outside css stylesheet)
I must use the switch function to switch the stylesheet.

So far, this is what I have.

Can someone help me figure out what I'm doing wrong?

Thank you.

Dan

--------------clipping starts here---------------------

<html>
<head>
<title></title>
<body style="font-family:Arial, Helvetica, sans-serif; color: green;">
</table>
<tr>
<td>
<form name="stylecolor" method=POST" action asgn_2j.php">

Green
<input type="radio" name="style" value="a">

Blue
<input type="radio" name="style" value="b">

Red
<input type="radio" name="style" value="c">

<INPUT TYPE=HIDDEN NAME=stylecolor VALUE=true>

<INPUT TYPE=submit NAME="SUBMIT" VALUE="Submit">


$stylecolor=$HTTP_POST_VARS['stylecolor'];

switch($stylecolor)
{
case 'a'
echo '(<body style="font-family:Arial, Helvetica, sans-serif; color: green;">)' ;

case 'b'
echo '(<body style="font-family:Arial, Helvetica, sans-serif; color: blue;">)' ;

case 'c'
echo '(<body style="font-family:Arial, Helvetica, sans-serif; color: red;">)' ;

default:
echo 'you didn't choose' ;
break;

}
</form>
</td>
</tr>
</table>
</body>
</html>

Does anybody knows how to change the bgcolor of a box when we hover the mouse over it? Go http://www.avocadolite.com/v9/ to get what i mean.

In this case the avocado's bgcolor is green, i think.