 |
boardom b2 message board
|
View previous topic :: View next topic |
Author |
Message |
aNt^
Joined: 19 May 2004 Posts: 2
|
Posted: Wed May 19, 2004 2:22 am Post subject: Alignment in Calendar |
|
|
Heya, I have just setup my blog site, but there is one problem.
In the calendar, when ever I have made a post on the date, it is aligned to the right! While the rest of the calendar is center alligned!
I tried editing the CSS to have text-align: center; but it didn't make a difference??
Anyone got any tips?? |
|
Back to top |
|
 |
Sigg3
Joined: 03 Jul 2003 Posts: 294 Location: Oslo, Norway
|
|
Back to top |
|
 |
aNt^
Joined: 19 May 2004 Posts: 2
|
Posted: Thu May 20, 2004 11:42 pm Post subject: |
|
|
Ahhh, sorry about that!
Site - http://ants.id.au/b2/
For the CSS, this is what i'm using. I have tried to use CSS Calendar settings from another post on here, but still no go!
Code: |
/*
credit for the original concept and core of the layout comes courtesy of Rob Chandanais via:
http://bluerobot.com/web/layouts/layout2.html
used as default layout for b2, with permission from Dean Peters,
who first adapted it ( http://www.deanpeters.com/b2 )
*/
body {
margin:0px;
padding:0px;
font-family:verdana, arial, helvetica, sans-serif;
color:#ccc;
background-color:black;
}
h2 {
margin:15px 300px 15px 0px;
padding:6px;
font-size:14px;
line-height:14px;
font-weight:bold;
background-color:#666666;
color:#0000cc;
}
h1, h4, h5, .storyCategory, .storyAuthor {
margin:15px 0px 10px 0px;
padding:0px;
font-size:28px;
line-height:28px;
font-weight:900;
color:#ccc;
}
h4, h5, .storyCategory, .storyAuthor {
font-size:12px;
line-height:12px;
font-weight:800;
color:#999;
}
.storyTitle {
font-weight:bold;
font-size:12px;
colour: black;
}
.storyCategory, .storyAuthor {
font-size:10px;
line-height:10px;
}
h5, .storyAuthor {
font-size:10px;
font-style:italic;
}
p, .storyContent {
font:11px/20px verdana, arial, helvetica, sans-serif;
margin:0px 15px 0px 20px;
padding:0px;
colour: #fff;
}
#content>p {margin:0px;}
#content>p+p {text-indent:30px;}
.storyContent {
font:11px/16px verdana, arial, helvetica, sans-serif;
colour: #fff;
}
#content>.storyContent {margin:0px;}
#content>.storyContent+.storyContent {text-indent:30px;}
a {
color:#09c;
font-size:11px;
text-decoration:none;
font-weight:600;
font-family:verdana, arial, helvetica, sans-serif;
}
a:link {
color:#0033ff;
text-align:center;
}
a:visited {
color:#0066ff;
text-align:center;
}
a:hover {
background-color:#fff;
text-align:center;
}
#header {
margin:50px 0px 20px 0px;
padding:17px 0px 0px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
*/ /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#666666;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
voice-family: "\"}\"";
voice-family:inherit;
height:14px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header {height:14px;}
#header a {
font-size:18px;
font-weight:800;
}
#header a:hover { background-color:#666666; }
#content {
margin:0px 210px 50px 10px;
padding:10px;
}
#contentcomments {
margin:0px 0px 50px 10px;
padding:10px;
}
#menu {
position:absolute;
top:100px;
right:20px;
width:172px;
padding:10px;
background-color:#666666;
line-height:17px;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:150px;
}
/* Again, "be nice to Opera 5". */
body>#menu {width:150px;}
#menu a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
#menu h4 {
margin: 12px 0px 4px 0px;
}
#chaff {
text-align: center;
}
#chaff a {
color: #000000;
font-size:2px;
}
#chaff a:link { color: #000000; }
#chaff a:visited { color: #000000; }
#chaff a:hover { background-color:#000000; }
.centerP {
text-align: center;
}
#contentcomments input, #content input, #menu input {
margin: 1px;
padding: 1px 1px 4px 1px;
border: 1px solid #ccc;
font:11px/14px verdana, arial, helvetica, sans-serif;
}
#contentcomments textarea, #content textarea, #menu textarea {
margin: 1px;
padding: 1px;
border: 1px solid #ccc;
font:11px/14px verdana, arial, helvetica, sans-serif;
}
.commentfield {
margin-bottom: 4px;
}
/* b2 calendar items */
.b2calendartable {
padding: 0px 6px 6px 6px;
margin-left:7px; /* controls the left margin of dates */
} /* used to balance position */
a .b2calendarnav {
color:#69c; /* color of next/previous links */
text-transform: capitalize;
font-weight:bold;
font-size:9px;
}
/* difinition for the month name and year on calendar */
.b2calendarmonth {
color:#000000; /* color of month tile */
font-size:12px; /* Size of text */
text-transform: capitalize; /* insures first letter cap */
font-weight:bold;
}
/* Doy of the week definitions */
.b2calendarheadercell {
color:#000000; /* color of day heading in calendar */
font-size:10px; /* Size of text */
text-align:center;
}
/* definition for for date cell in calendar */
.b2calendarcell {
color:#000000; /* color of date when no entries */
font-size:10px; /* Size of text */
text-align:center;
font-family:verdana, arial, sans-serif;
}
/* definition for for links in date cell in calendar */
.b2calendarcell a.b2calendarlinkpost {font-size:11px;} /* font size */
.b2calendarcell a.b2calendarlinkpost:link {color:#06c;} /* color for link */
.b2calendarcell a.b2calendarlinkpost:visited {color:#06c;} /* visited set the same */
.b2calendarcell a.b2calendarlinkpost:hover { /* gray background */
background-color:#ccc;
color:#03f;
text-align:center;
}
/* definition for TODAY's day */
.b2calendartoday {
text-align:center;
color:#000000; /* color of date for today */
font-size:10px; /* Size of text */
font-weight:bold;
}
|
Any help would be appricated! |
|
Back to top |
|
 |
|
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
|
Powered by phpBB 2 © 2001, 2002 phpBB Group
|