| View previous topic :: View next topic |
| Author |
Message |
DCCS - The Apprentice
Joined: 12 Jul 2004
Posts: 68
Location: DC
|
 Posted: Tue Aug 03, 2004 12:35 pm |
 |
|
|
| Quote: |
| I noticed a lot of colspan modifiers that I could not trace in your code. Did you add these or is it code generated by FrontPage? |
it depends where you are refering to. some I did, but others frontpage did it's black magic and added for me. |
|
mjpliv
Joined: 11 May 2004
Posts: 406
Location: Nova Scotia
|
| Posted: Tue Aug 03, 2004 12:37 pm |
|
|
|
Open your page and press the "Print Screen" button. This copies a screen capture to your clipboard. Open up Paint and go to "edit" then "paste".
Save the file as a GIF image and email it to me. |
|
mjpliv
Joined: 11 May 2004
Posts: 406
Location: Nova Scotia
|
| Posted: Tue Aug 03, 2004 12:39 pm |
|
|
|
| Code: |
<table width="100%" bgcolor="transparent">
</tr>
<tr><td colspan=2 height=8>Test 00 1</td></tr>
<tr><td colspan=2 height=8>Test 00 2</td></tr>
<tr><td colspan=2 height=8>Test 00 3</td></tr>
<tr><td colspan=2 height=8>Test 00 4</td></tr>
<tr><td colspan=2 height=8>Test 00 5</td></tr>
</table> |
These ones (appears twice) |
|
DCCS - The Apprentice
Joined: 12 Jul 2004
Posts: 68
Location: DC
|
| Posted: Tue Aug 03, 2004 12:46 pm |
|
|
|
ah, thanks. haha, and you coulda just told me to email it to yu  |
|
DCCS - The Apprentice
Joined: 12 Jul 2004
Posts: 68
Location: DC
|
| Posted: Tue Aug 03, 2004 1:02 pm |
|
|
|
| mjpliv wrote: |
| Code: |
<table width="100%" bgcolor="transparent">
</tr>
<tr><td colspan=2 height=8>Test 00 1</td></tr>
<tr><td colspan=2 height=8>Test 00 2</td></tr>
<tr><td colspan=2 height=8>Test 00 3</td></tr>
<tr><td colspan=2 height=8>Test 00 4</td></tr>
<tr><td colspan=2 height=8>Test 00 5</td></tr>
</table> |
These ones (appears twice) |
I fail to see the problem in that  that </tr> is closing an above tag, unless you are saying I should move it up. but I duno. |
|
mjpliv
Joined: 11 May 2004
Posts: 406
Location: Nova Scotia
|
| Posted: Tue Aug 03, 2004 1:12 pm |
|
|
|
| Its the colspan that is the problem. |
|
DCCS - The Apprentice
Joined: 12 Jul 2004
Posts: 68
Location: DC
|
| Posted: Wed Aug 04, 2004 4:38 am |
|
|
|
| so what do you mean by that? in that specific block of code, should I just erase those colspan values, and let the width value control it's width? |
|
mjpliv
Joined: 11 May 2004
Posts: 406
Location: Nova Scotia
|
| Posted: Wed Aug 04, 2004 4:53 am |
|
|
|
Colspan is only used to stretch a table cell over two or more columns. In this particular case these table cells are the only data on each row within a table that only has one column. In other words, the "colspan=2" has no meaning to the browser.
You may also notice that in the first line after the table tag in this snippet of code -----
| Code: |
<table width="100%" bgcolor="transparent">
</tr>
<tr><td colspan=2 height=8>Test 00 1</td></tr>
<tr><td colspan=2 height=8>Test 00 2</td></tr>
<tr><td colspan=2 height=8>Test 00 3</td></tr>
<tr><td colspan=2 height=8>Test 00 4</td></tr>
<tr><td colspan=2 height=8>Test 00 5</td></tr>
</table> |
----you are closing a table row that was not opened. Removing it has no effect but leaving it only makes the code harder to follow. I have your GIF emails and will look at them when I get a few minutes this morning.
It would also be helpfull if you posted all of the HTML code for this page rather than just the part you think is the problem. |
|
DCCS - The Apprentice
Joined: 12 Jul 2004
Posts: 68
Location: DC
|
| Posted: Wed Aug 04, 2004 5:38 am |
|
|
|
haha, I am sorry indeed. yu gotta forgive me though. I just started learning HTML 3 weeks ago. and two of those weeks I was away, gone to the beach  anyways, yeah I hope the gif emails help. and I'll try to improve on my clarity for you. I'm not very good at that :/ |
|
DCCS - The Apprentice
Joined: 12 Jul 2004
Posts: 68
Location: DC
|
| Posted: Wed Aug 04, 2004 6:12 am |
|
|
|
hmm, odd. alright I deleted the "colspan=2" entries. that all was fine. no errors. but it seems that the </tr> needs to stay where it's placed in the area I had in the code yu posted above.
| Code: |
<table width="100%" bgcolor="transparent">
</tr>
<tr><td colspan=2 height=8>Test 00 1</td></tr>
<tr><td colspan=2 height=8>Test 00 2</td></tr>
<tr><td colspan=2 height=8>Test 00 3</td></tr>
<tr><td colspan=2 height=8>Test 00 4</td></tr>
<tr><td colspan=2 height=8>Test 00 5</td></tr>
</table>
|
I moved it to where it closed the <tr> before the new table started. so I'll give you two more bits of code (both with more code area shown for clarity) to help you see what I'm saying.
| Code: |
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcoler="transparent">
</tr>
<tr><td colspan=2 height=8>Test 01 1</td></tr>
<tr><td colspan=2 height=8>Test 01 2</td></tr>
<tr><td colspan=2 height=8>Test 01 3</td></tr>
<tr><td colspan=2 height=8>Test 01 4</td></tr>
<tr><td colspan=2 height=8>Test 01 5</td></tr>
|
as you have pointed out the ending tr tag is after a new table is started. I corrected it to this:
| Code: |
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
</tr>
<table width="100%" bgcolor="transparent">
<tr><td height=8>Test 00 1</td></tr>
<tr><td height=8>Test 00 2</td></tr>
<tr><td height=8>Test 00 3</td></tr>
<tr><td height=8>Test 00 4</td></tr>
<tr><td height=8>Test 00 5</td></tr>
|
however, in doing that, the values of between the two tr tags are now not showing up in the preview page, meaning there must be an error with the entire table. SO. here's the full code of that table:
| Code: |
<table align=left width=130 height=300 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width="100%">
<table align=left width="100%" height="5" border="0" cellpadding=0 cellspacing=0>
<tr>
<td align=center class="boldtable TD" background='resources1/blue_top.gif'><font style="color:#000000; filter:Alpha(Opacity=10)">Header</font></td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/edit_left_orange.gif' width="10" height="11" border="0" alt="left corner blue image">
<td width="100%" background='resources1/bg_orange_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer">
<td bgcolor="darkblue"><img src='resources1/edit_right_orange.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
<tr>
<td colspan=3>
<table width="100%" cellspacing=0 cellpadding=0 align=left>
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
</tr>
<table width="100%" bgcolor="transparent">
<tr><td height=8>Test 00 1</td></tr>
<tr><td height=8>Test 00 2</td></tr>
<tr><td height=8>Test 00 3</td></tr>
<tr><td height=8>Test 00 4</td></tr>
<tr><td height=8>Test 00 5</td></tr>
</table>
<td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
</tr>
</table>
</td>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
<td width="100%" background='resources1/bg_blue_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
</table>
</td>
</tr>
</table> |
My synopsis is that I'm still missing a <tr> somewhere. though it could be just an ill placement of another tag. but if so, I don't understand why the table would work perfectly if I left the code the way it was (first 'code' example in this post).
I know this kind of thing is mind numbing for you. but again, I'm tryin to learn as fast and efficient as possible. and I'm currently fiddling with the 'search bar' and crap too. so I do, indeed, really, REALLY appreaciate the help! and if you've got more important things to do, then don't ever make this a priority, I'll understand  |
|
mjpliv
Joined: 11 May 2004
Posts: 406
Location: Nova Scotia
|
| Posted: Wed Aug 04, 2004 6:19 am |
|
|
|
Notice that the inner table (five table rows) is not part of the outer table. Add the appropriate TR and TD tags to make it part of the outer table.
| Code: |
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
</tr>
<table width="100%" bgcolor="transparent">
<tr><td height=8>Test 00 1</td></tr>
<tr><td height=8>Test 00 2</td></tr>
<tr><td height=8>Test 00 3</td></tr>
<tr><td height=8>Test 00 4</td></tr>
<tr><td height=8>Test 00 5</td></tr>
</table>
<td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td> |
|
|
DCCS - The Apprentice
Joined: 12 Jul 2004
Posts: 68
Location: DC
|
| Posted: Wed Aug 04, 2004 6:33 am |
|
|
|
hmm. how's about just doin this:
| Code: |
<tr>
<td colspan=3>
<table width="100%" cellspacing=0 cellpadding=0 align=left>
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcolor="transparent">
<tr><td height=8>Test 00 1</td></tr>
<tr><td height=8>Test 00 2</td></tr>
<tr><td height=8>Test 00 3</td></tr>
<tr><td height=8>Test 00 4</td></tr>
<tr><td height=8>Test 00 5</td></tr>
</tr>
</table>
<td bgcolor="transparent"><img src='resources1/ |
I just moved the </tr> tag to the end, just before the </table>, making the smaller table part of the larger one. it seemed to work. |
|
mjpliv
Joined: 11 May 2004
Posts: 406
Location: Nova Scotia
|
| Posted: Wed Aug 04, 2004 6:36 am |
|
|
|
| Now may be a good time to repost your HTML (the whole thing) with all of the changes made so far. That way I can review it again if needed. |
|
DCCS - The Apprentice
Joined: 12 Jul 2004
Posts: 68
Location: DC
|
| Posted: Wed Aug 04, 2004 6:42 am |
|
|
|
well, alright! disregard any searchbar stuff. still tryin to fiddle with that. still hadn't made changes to col span on one of the tables. I shall though. here yu go:
| Code: |
<html>
<head>
<title>-test- Davie County Online</title>
<link href="resources1/stylez.css" rel="stylesheet" type="text/css">
<STYLE TYPE="text/css">
<meta name=description content="Davie County's Official Government Web Page.">
<!--
BODY
{
color:#000066;
background-color:white;
font-family:serif;
}
A:link{color:#000066}
A:visited{color:#339900}
-->
</STYLE>
<style type="text/css">
body
{
scrollbar-3dlight-color: darkblue;
scrollbar-arrow-color: darkblue;
scrollbar-base-color: white;
scrollbar-darkshadow-color: darkblue;
scrollbar-face-color:
scrollbar-highlight-color:
scrollbar-shadow-color:
}
</style>
<style type="text/css">
body
{
background-image: url("resources1/preload_r06_c02.jpg");
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: fixed;
}
</style>
</head>
<table align=left width="112" border=0 cellspacing=0 cellpadding=0>
<tr>
<td width="44" align=left><img src="resources1/davie_seal.gif" width=112 height=110></td>
</tr>
</table>
<table align=center>
<tr>
<td width="234" align=center valign=middle><img src="resources1/top_menu_banner.jpg" width="437" height="99"></td>
</tr>
</table>
<table align=center cellspacing=0 cellpadding=0>
<tr>
<td width="100%" valign=middle align=center><span class="topofpage">
<a href="http://www.co.davie.nc.us">Home</a>
| <a href="_blank.htm">Visitor</a>
| <a href="_blank.htm">Resident</a>
| <a href="_blank.htm">Employee</a></span>
<hr noshade width="30%" align=center>
</td>
<td align=left><img src="resources1/search.gif">
</td>
</tr>
</table>
<!--line break-->
<table width="100%" bordercolor=darkblue border="1" cellspacing=0 cellpadding=0 align=center>
<tr>
<td align=center><marquee scrollamount=8 bgcolor=lightblue style="filter:Alpha(Opacity=50)"><font color=darkblue>Welcome to the Davie County Website! For the most updated information like minutes, please select the correct department from the drop down menu.</font></marquee></td>
</tr>
</table>
<br>
<table align=left width=130 height=300 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width="100%">
<table align=left width="100%" height="5" border="0" cellpadding=0 cellspacing=0>
<tr>
<td align=center class="boldtable TD" background='resources1/blue_top.gif'><font style="color:#000000; filter:Alpha(Opacity=10)">Header</font></td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/edit_left_orange.gif' width="10" height="11" border="0" alt="left corner blue image">
<td width="100%" background='resources1/bg_orange_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer">
<td bgcolor="darkblue"><img src='resources1/edit_right_orange.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
<tr>
<td colspan=3>
<table width="100%" cellspacing=0 cellpadding=0 align=left>
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcolor="transparent">
<tr><td height=8>Test 00 1</td></tr>
<tr><td height=8>Test 00 2</td></tr>
<tr><td height=8>Test 00 3</td></tr>
<tr><td height=8>Test 00 4</td></tr>
<tr><td height=8>Test 00 5</td></tr>
</tr>
</table>
<td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
</tr>
</table>
</td>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
<td width="100%" background='resources1/bg_blue_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table align=left width="100%" height="5" border="0" cellpadding=0 cellspacing=0>
<tr>
<td align=center class="boldtable TD" background='resources1/blue_top.gif'>Header2</td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/edit_left_orange.gif' width="10" height="11" border="0" alt="left corner blue image">
<td width="100%" background='resources1/bg_orange_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer">
<td bgcolor="darkblue"><img src='resources1/edit_right_orange.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
</table>
<tr>
<td colspan=3>
<table width="100%" cellspacing=0 cellpadding=0 align=left>
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcoler="transparent">
<tr><td height=8>Test 01 1</td></tr>
<tr><td height=8>Test 01 2</td></tr>
<tr><td height=8>Test 01 3</td></tr>
<tr><td height=8>Test 01 4</td></tr>
<tr><td height=8>Test 01 5</td></tr>
</tr>
</table>
<td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
</tr>
</table>
</td>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
<td width="100%" background='resources1/bg_blue_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--right side column-->
<div align=right><table align=right width=130 height=200 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width="100%">
<table align=right width="100%" height="100%" border="0" cellpadding=0 cellspacing=0>
<tr>
<td align=center class="boldtable TD" background='resources1/blue_top.gif'><font style="color:darkblue; filter:Alpha(Opacity=10)">Header</font></td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/edit_left_orange.gif' width="10" height="11" border="0" alt="left corner blue image">
<td width="100%" background='resources1/bg_orange_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer">
<td bgcolor="darkblue"><img src='resources1/edit_right_orange.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
<tr>
<td colspan=3>
<table width="100%" cellspacing=0 cellpadding=0 align=left>
<tr>
<td bgcolor="darkblue"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<td bgcolor="transparent"><img src="resources1/space.gif" width=2 height=1 border=0></td>
<table width="100%" bgcolor="transparent">
</tr>
<tr><td colspan=2 height=8>Test 00 1</td></tr>
<tr><td colspan=2 height=8>Test 00 2</td></tr>
<tr><td colspan=2 height=8>Test 00 3</td></tr>
<tr><td colspan=2 height=8>Test 00 4</td></tr>
<tr><td colspan=2 height=8>Test 00 5</td></tr>
</table>
<td bgcolor="transparent"><img src='resources1/space.gif' width=6 height=1 border=0 alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/space.gif' width=2 height=1 border="0" alt="spacer"></td>
</tr>
</table>
</td>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="darkblue"><img src='resources1/bottom_left.gif' width="10" height="11" border="0" alt="left corner blue image"></td>
<td width="100%" background='resources1/bg_blue_white.gif'><img src='resources1/space.gif' width="1" height="1" border="0" alt="spacer"></td>
<td bgcolor="darkblue"><img src='resources1/bottom_right.gif' width="10" height="11" border="0" alt="right color blue image"></td>
</tr>
</table>
</td>
</tr>
</table> |
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
