Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Tables or Frames - please help

Status
Not open for further replies.
KAINCJ1

KAINCJ1

Technical User
Mar 30, 2003
6
0
0
GB
Hi guys, Im really new to DW2004MX so please excuse me.

My problem is this:
On my homepage I want to use a flash banner across the top including my navigation menu, under that to the left side of my page I want to have a php calendar,(I have the code in a file called calendar.htm) and underneath that an email subscription form, but I want them both and the flash banner to remain constant.
I want my other pages to load into the bottom right section of the page.

I have created a table on my homepage, and in one of the cells I would like it to display a calendar script automatically when the whole homepage loads.

underneath is the code for the layout of my homepage...


PAGE CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutDefaultTable-->
<tr>
<td height="150" colspan="2" valign="top">FLASH BANNER AND NAVIGATION </td>
</tr>
<tr>
<td width="230" height="230" valign="top">CALENDAR</td>
<td width="570" rowspan="2" valign="top">AREA TO LOAD EXTERNAL PAGES </td>
</tr>
<tr>
<td height="150" valign="top">EMAIL SUBSCRIPTION </td>
</tr>
<tr>
<td height="70" colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table>
</body>
</html>


CALENDAR CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="
<head>

<title>
Calendar
</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<head>
<style type='text/css' media='screen'>@import "calendar_stylesheet.css";</style>
</head>

<h1>may 2007</h1>

<ol class="dayheaders">
<li><abbr title="sunday">s</abbr></li>
<li><abbr title="monday">m</abbr></li>
<li><abbr title="tuesday">t</abbr></li>
<li><abbr title="wednesday">w</abbr></li>

<li><abbr title="thursday">t</abbr></li>
<li><abbr title="friday">f</abbr></li>
<li><abbr title="saturday">s</abbr></li>
</ol>

<ol class="calendar tuesdaystart">
<li class="firstday">
<a href="#"><span>1</span></a>
<div class="events"><p><h1>Heading</h1></p>
</div>
</li>

<li>
<a href=" ><span>2</span></a>
<div class="events"><p>Manchesters first nude lap dancing venue</p>
</div>
</li>

<li>
<a href="#"><span>3</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>4</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>5</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>6</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>7</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>8</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>9</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>10</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>11</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>12</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>13</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>14</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>15</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>16</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>17</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>18</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>19</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>20</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>21</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>22</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>23</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>24</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>25</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>26</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>27</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>28</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>29</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>30</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>

<li>
<a href="#"><span>31</span></a>
<div class="events"><p>TEXT</p>
</div>
</li>
</ol>

</body>
</html>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<html>



CALENDAR CSS

body {
background: #eeeee7;
}

ol { list-style: none; }

.calendar, .dayheaders {
width: 175px;
overflow:auto;
margin: 0px;
padding: 0px;
_height:1%;
}

.calendar {
border: 1px solid #ccc;
border-bottom-color: #665;
border-right-color: #665;
background: #ccb;
/*position: relative;*/
}

.calendar li a, .calendar li {
display: block;
width: 23px;
height: 23px;
}

.dayheaders li {
display: block;
width: 25px;
height: 15px;
text-transform: lowercase;
}

.calendar li, .dayheaders li { float: left; }
.calendar a, .dayheaders li { text-align: center; }

.calendar li {
border: 1px solid #666;
border-bottom-color: #ddb;
border-right-color: #ddb;
background: #aa9;
display: inline; /* For IE */
}

.calendar a {
height: 18px;
text-decoration: none;
background: #bba;
}

.calendar a:hover {
background: #ccb;
}

.calendar a span {
position: relative;
top: 4px;
}

.sundaystart .firstday { margin-left: 0px; }
.mondaystart .firstday { margin-left: 25px; }
.tuesdaystart .firstday { margin-left: 50px; }
.wednesdaystart .firstday { margin-left: 75px; }
.thursdaystart .firstday { margin-left: 100px; }
.fridaystart .firstday { margin-left: 125px; }
.saturdaystart .firstday { margin-left: 150px; }

a, li, h1, p {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
color: #552;
}

h1 { font-size: 18px; }

.events {
position: absolute;
left: 185px;
padding: 20px;
top: 0px;
width: 200px;
display: none;
}

.calendar li:hover .events, .events:hover {
display: block;
}






How do I incorporate the calendar script into a table cell on my homepage so it loads when the whole page loads?

Should i be using tables/cells or should i be using frames, or should I be using both?

If anyone can advise how to solve this problem I would be very grateful


Regards
KAINCJ
 
Sort by date Sort by votes
Tables or frames?
To be blunt, I'd use neither. Your data doesn't appear to be tabular in nature, so you're just adding weight to the pages by using tables. Use divs and proper css to sort things out.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

LyndonOHRC
  • Locked
  • Question
Need help using ImageCrop()
Replies
1
Views
43
LyndonOHRC
LyndonOHRC
MDEJAKE
  • Locked
  • Question
autosuggest (cfc and jquery) help
Replies
0
Views
52
MDEJAKE
MDEJAKE
brettco
  • Locked
  • Question
Crosstabs help in Cold Fusion
Replies
0
Views
40
brettco
brettco
lwfg
  • Locked
  • Question
alternatives to frames
Replies
0
Views
36
lwfg
lwfg
redoakhg
  • Locked
  • Question
SQL Query Help 1
Replies
5
Views
66
redoakhg
redoakhg

Part and Inventory Search

Sponsor

Back
Top