Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Hi, need a bit of help with side navigation table.
Old 01-07-2008, 06:39 PM Hi, need a bit of help with side navigation table.
Junior Talker

Posts: 2
Trades: 0
Hi,

I need to put this website online in 36 hours basically and need some help with the side menu, where it says home, nature of his claim, exordium and so on...
I would like to add some more menu's, but when I add a new row in the table, it looks different and I cant get the text to be in the middle of the row like the others, even when I press the centre buttons.
I made the site from a template and made in in dreamweaver.
Also the CSS carries on in another site I make, so if I change the colour of the roll over background, it changes it in both sites.
Could somebody please help me?
Thanks

Heres the source code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../template1/mm_health_nutr.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May"," June","July","August","Septemb er","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
<style type="text/css">
<!--
.style2 {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #333333;
}
.style3 {color: #356D64}
.style4 {font-family: "Times New Roman", Times, serif}
body {
background-color: #FFFFFF;
}
body,td,th {
color: #333333;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">


<tr bgcolor="#D5EDB3">
<td colspan="3" bgcolor="#FFFFFF"><img src="../template1/site_banner.png.jpg" width="820" height="168" /></td>
<td height="122" colspan="2" align="center" valign="top" bgcolor="#FFFFFF" id="tagline">&nbsp;</td>
</tr>

<tr>
<td height="29" colspan="5" bgcolor="#AFC7BD"><img src="../template1/mm_spacer.gif" alt="" width="1" height="2" border="0" />
<!-- #BeginDate format:Am1 -->January 7, 2008<!-- #EndDate --></td>
</tr>



<tr>
<td colspan="5"><img src="../template1/mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>

<tr>
<td width="165" valign="top" bgcolor="#CCCCCC">
<table width="165" height="319" border="0" cellpadding="0" cellspacing="0" id="navigation">
<tr>
<td width="165">&nbsp;<br />
&nbsp;<br /></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText style2">Home</a></td>
</tr>
<tr>
<td width="165"><a href="Nature of his claim.html" class="navText">Nature of his claim </a></td>
</tr>
<tr>
<td width="165"><a href="Exordium.html">Exordium</a></td>
</tr>
<tr></tr>
<tr>
<td width="165"><a href="His teachings.html">His teachings </a></td>
</tr>
<tr></tr>

<tr>
<td width="165"><a href="Links.html">Links</a></td>
</tr>
<tr></tr>
<tr></tr>
</table>
<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<img src="../template1/bookstores.jpg" width="140" height="486" /><br /> </td>
<td width="50"><img src="../template1/mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="619" valign="top"><img src="../template1/mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
&nbsp;<br />
&nbsp;<br />
<table width="616" height="670" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="616" class="pageName style3 style4">WELCOME TO MEHDI ZAND.ORG </td>
</tr>

<tr>
<td height="390" class="bodyText"><p>This Home Page layout makes a great starting point for your website. Virtually all of the content is customizable, including the images, the text, and the links. You can decide whether to keep the existing graphics or swap them out for pictures of your own.</p>
<p>The text on this page is intended to help you jumpstart your design by suggesting the sort of content you may want to include, but don't let it limit you. The same is also true for the link text - feel free to change the names of the links to better suit your particular needs. The Home Page layout can be used for multiple pages on your site, or you can choose from the Text, Catalogue, Product, or Calendar layouts as well. Don't be afraid to get creative and combine different page layouts to make your site as engaging as possible. If you have any questions about using Contribute to edit these pages, refer to the Read Me file included with the download or to the Contribute Help System. Have fun and make a great website!</p></td>
</tr>
<tr>
<td height="71" class="bodyText"><span class="pageName style3 style4">News</span></td>
</tr>
<tr>
<td height="183" class="bodyText"><p>Volume III of the Exordium has been scheduled for 2008 July release - more info here </p>
<p>New Mehdi Zand site launched</p>
<p>New Wolrd of Yaad site launched</p>
<p>&nbsp; </p></td>
</tr>
</table>
<br />
&nbsp;<br /> </td>
<td width="50"><img src="../template1/mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="190" valign="top"><br />
&nbsp;<br /></td>
</tr>
<tr>
<td width="165">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="619"><a href="Contact mehdi zand.html">Contact Us </a></td>
<td width="50">&nbsp;</td>
<td width="190">&nbsp;</td>
</tr>
</table>
</body>
</html>

and heres the css file

The only images are the banner and the link under the nav menu
Sorry if this is cheeky or rude, but I need help.
Thanks again
Attached Files
File Type: txt cssmzsite.txt (242 Bytes, 1 views)

Last edited by khearts; 01-07-2008 at 06:41 PM..
khearts is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 01-07-2008, 08:18 PM Re: Hi, need a bit of help with side navigation table.
Average Talker

Posts: 17
Trades: 1
I'm not too sure how many people would be happy with you using tables, especially ones that don't validate. Anyway, let me know what this does. I haven't tested the code, but it should get your menu looking the same. (You were missing the class attribute on the other a links).

This is by no means a solution to your website, maybe not an improvement. But I am just helping a bit.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../template1/mm_health_nutr.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May"," June","July","August","Septemb er","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
<style type="text/css">
<!--
.navText {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #333333;
}
.style3 {color: #356D64}
.style4 {font-family: "Times New Roman", Times, serif}
body {
background-color: #FFFFFF;
}
body,td,th {
color: #333333;
}
#navigation{
    text-align: center;
    height: 319px;
    width: 165px;
}

-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">


<tr bgcolor="#D5EDB3">
<td colspan="3" bgcolor="#FFFFFF"><img src="../template1/site_banner.png.jpg" width="820" height="168" alt="" /></td>
<td height="122" colspan="2" align="center" valign="top" bgcolor="#FFFFFF" id="tagline">&nbsp;</td>
</tr>

<tr>
<td height="29" colspan="5" bgcolor="#AFC7BD"><img src="../template1/mm_spacer.gif" alt="" width="1" height="2" border="0" />
<!-- #BeginDate format:Am1 -->January 7, 2008<!-- #EndDate --></td>
</tr>



<tr>
<td colspan="5"><img src="../template1/mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>

<tr>
<td valign="top" bgcolor="#CCCCCC">
<table border="0" cellpadding="0" cellspacing="0" id="navigation">
<tr>
<td>&nbsp;<br />
&nbsp;<br /></td>
</tr>
<tr>
<td><a href="javascript:;" class="navText">Home</a></td>
</tr>
<tr>
<td><a href="Nature of his claim.html" class="navText">Nature of his claim </a></td>
</tr>
<tr>
<td><a href="Exordium.html" class="navText">Exordium</a></td>
</tr>
<tr>
<td><a href="His teachings.html" class="navText">His teachings </a></td>
</tr>
<tr>
<td width="165"><a href="Links.html" class="navText">Links</a></td>
</tr>
</table>
<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<img src="../template1/bookstores.jpg" width="140" height="486" alt="" /><br /> </td>
<td width="50"><img src="../template1/mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="619" valign="top"><img src="../template1/mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
&nbsp;<br />
&nbsp;<br />
<table width="616" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="616" class="pageName style3 style4">WELCOME TO MEHDI ZAND.ORG </td>
</tr>

<tr>
<td height="390" class="bodyText"><p>This Home Page layout makes a great starting point for your website. Virtually all of the content is customizable, including the images, the text, and the links. You can decide whether to keep the existing graphics or swap them out for pictures of your own.</p>
<p>The text on this page is intended to help you jumpstart your design by suggesting the sort of content you may want to include, but don't let it limit you. The same is also true for the link text - feel free to change the names of the links to better suit your particular needs. The Home Page layout can be used for multiple pages on your site, or you can choose from the Text, Catalogue, Product, or Calendar layouts as well. Don't be afraid to get creative and combine different page layouts to make your site as engaging as possible. If you have any questions about using Contribute to edit these pages, refer to the Read Me file included with the download or to the Contribute Help System. Have fun and make a great website!</p></td>
</tr>
<tr>
<td height="71" class="bodyText"><span class="pageName style3 style4">News</span></td>
</tr>
<tr>
<td height="183" class="bodyText"><p>Volume III of the Exordium has been scheduled for 2008 July release - more info here </p>
<p>New Mehdi Zand site launched</p>
<p>New Wolrd of Yaad site launched</p>
<p>&nbsp; </p></td>
</tr>
</table>
<br />
&nbsp;<br /> </td>
<td width="50"><img src="../template1/mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="190" valign="top"><br />
&nbsp;<br /></td>
</tr>
<tr>
<td width="165">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="619"><a href="Contact mehdi zand.html">Contact Us </a></td>
<td width="50">&nbsp;</td>
<td width="190">&nbsp;</td>
</tr>
</table>
</body>
</html>
Majic is offline
Reply With Quote
View Public Profile
 
Old 01-08-2008, 12:06 PM Re: Hi, need a bit of help with side navigation table.
Junior Talker

Posts: 2
Trades: 0
Thanks for the advise.
Ive changed some of the names so they link properly, (no spaces)
Thanks for the help.

someone else told me I should just add

<tr>
<td width="165"><a href="Links2.html">Links2</a></td>
</tr>
<tr></tr>
to the code, which I have and it looks to have worked great.
Now Ill sort out the css so each site has its own. and Ill post the final site on here.
Thanks again
khearts is offline
Reply With Quote
View Public Profile
 
Old 01-08-2008, 08:28 PM Re: Hi, need a bit of help with side navigation table.
Average Talker

Posts: 17
Trades: 1
Just a note:
I don't think using
Code:
<tr></tr>
is valid and is really unnecessary.
Majic is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Hi, need a bit of help with side navigation table.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.38201 seconds with 13 queries