...

View Full Version : how to style border-collapse?



fagin
07-30-2011, 04:45 AM
Hello everybody,

I just found a calendar script @ http://www.javascriptkit.com/script/cut20.shtml.

I like everything about and the only thing I want to change is the border. I'd like to collapse it. I'm a student in web development. Can anyone help? I imagine I'd have to change something here below: (to see the full script go to link above) Thanks very much for your help.


function drawCal(firstDay, lastDate, date, monthName, year) {
// constant table settings
var headerHeight = 50 // height of the table's header cell
var border = 2 // 3D height of table's border
var cellspacing = 4 // width of table's border
var headerColor = "midnightblue" // color of table's header
var headerSize = "+3" // size of tables header font
var colWidth = 60 // width of columns in table
var dayCellHeight = 25 // height of cells containing days of the week
var dayColor = "darkblue" // color of font representing week days
var cellHeight = 40 // height of cells representing dates in the calendar
var todayColor = "red" // color specifying today's date in the calendar
var timeColor = "purple" // color of font representing current time

// create basic table structure
var text = "" // initialize accumulative variable to empty string
text += '<CENTER>'
text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings
text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell
text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header
text += monthName + ' ' + year
text += '</FONT>' // close table header's font settings
text += '</TH>' // close header cell

// variables to hold constant settings
var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'
openCol += '<FONT COLOR="' + dayColor + '">'
var closeCol = '</FONT></TD>'

sunfighter
07-30-2011, 05:30 PM
var border = 2 // 3D height of table's border controls the border. Change 2 to 0 or whatever.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum