PDA

View Full Version : Trouble with my sidebar and tables going nuts!


Karkar
04-22-2007, 04:37 AM
Hi! I'm not a very good coder, and very new to dreamweaver.

I have made page with 3 columns - One to put all the sidebar stuff in, another to create some space between sidebar and the 3rd column where all the main info is gonna go. Whenever i put the sidebar into the 1st column, the text curser is shifted down and I cannot start typing from the top of the cell... I'm so confused. I'm sure I've done everything wrong lol. Here is the code if it helps:


<html>
<head>
<title>Blah</title>
<link rel="stylesheet" href="css/mystyle.css" type="text/css">
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css">
<!--
.style13 {font-family: Arial, Helvetica, sans-serif}
.style15 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.style16 {font-size: 12px}
-->
</style>
</head>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('images/but/join_but_f2.jpg','images/but/search_but_f2.jpg','images/but/browse_but_f2.jpg','images/but/rss_but_f2.jpg','images/but/contact_but_f2.jpg','images/but/space2_f2.jpg');">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="180" colspan="2"><img src="images/eggs_logo.gif" width="180" height="80"></td>
<td width="100%">
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="583">
<!-- fwtable fwsrc="mybuts.png" fwbase="mybuts.jpg" fwstyle="Dreamweaver" fwdocid = "28258939" fwnested="0" -->
<tr>
<td colspan="6"><img name="space1" src="images/but/space1.jpg" width="583" height="46" border="0" id="space1" alt="" /></td>
</tr>
<tr>
<td><a href="join.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('join_but','','images/but/join_but_f2.jpg',1);"><img name="join_but" src="images/but/join_but.jpg" width="70" height="34" border="0" id="join_but" alt="Join Eggs!" /></a></td>

<td><a href="search.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('search_but','','images/but/search_but_f2.jpg',1);"><img name="search_but" src="images/but/search_but.jpg" width="100" height="34" border="0" id="search_but" alt="Search!" /></a></td>

<td><a href="browse.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('browse_but','','images/but/browse_but_f2.jpg',1);"><img name="browse_but" src="images/but/browse_but.jpg" width="107" height="34" border="0" id="browse_but" alt="Browse users and groups" /></a></td>

<td><a href="rssinfo.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('rss_but','','images/but/rss_but_f2.jpg',1);"><img name="rss_but" src="images/but/rss_but.jpg" width="138" height="34" border="0" id="rss_but" alt="Check out our feeds" /></a></td>

<td><a href="contact.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('contact_but','','images/but/contact_but_f2.jpg',1);"><img name="contact_but" src="images/but/contact_but.jpg" width="114" height="34" border="0" id="contact_but" alt="Contact us!" /></a></td>

<td><a href="javascript:;" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('space2','','images/but/space2_f2.jpg',1);"><img name="space2" src="images/but/space2.jpg" width="54" height="34" border="0" id="space2" alt="" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"><h1><span style="color:#000000">Welcome to</span> Eggs</h1></td>
</tr>
<tr>
<td><table width="100%" border="1" cellspacing="0" cellpadding="4">
<tr>
<td bordercolor="#000000" bgcolor="#f1f1f1"><span class="style15">PROFILE</span></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Create Account </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Create Group </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">View Groups </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Search Groups </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">View Profiles </a></td>
</tr>
</table>
<table width="100%" border="1" cellspacing="0" cellpadding="4">
<tr>
<td bordercolor="#000000" bgcolor="#f1f1f1"><span class="style15">PROFILE</span></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Create Account </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Create Group </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">View Groups </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Search Groups </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">View Profiles </a></td>
</tr>
</table>
<table width="100%" border="1" cellspacing="0" cellpadding="4">
<tr>
<td bordercolor="#000000" bgcolor="#f1f1f1"><span class="style15">PROFILE</span></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Create Account </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Create Group </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">View Groups </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">Search Groups </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CCCCFF"><a href="#" class="style10 style13 style16">View Profiles </a></td>
</tr>
</table>
<p>&nbsp;</p></td>
<td><p>&nbsp;</p>
<p>&nbsp;</p></td>
<td><p>Hello</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
</tr>

<tr>
<td colspan="3">&nbsp;</td>
</tr>
</table>
</body>
</html>


Thanks heaps for any help.

Andromeda
04-22-2007, 05:17 AM
Hi Karkar

I'm sorry, I don't really understand what it is you are wanting to do. Which cell are you wanting to type at the top of?

Karkar
04-22-2007, 03:06 PM
I guess all the columns. None of them let me start at the top. only th emiddle

fwr1000
04-22-2007, 04:36 PM
Click inside the cell you want to type into
Go to the property inspector
The is a drop down on the lower left side that says "Vert'
Choose Top.

another way to do this is using CSS but sounds like you're pretty new and this is the quickest way.

Karkar
04-23-2007, 02:32 AM
oh cool. thanks heaps. did the job :-)!