xd3vilx
08-07-2006, 01:00 PM
Hi, i need help in a Template...i would like the "Latest News" and "Main Navigation" section to replace each other position. I tried to change the code myself but seem to have no luck. So can anyone help me? Thanks alot.
http://img430.imageshack.us/img430/336/untitled1dv1.jpg
Here is the full template 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Your Site</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
if (document.images)
{
image1 = new Image(131, 33);
image1.src = "images/top_nav_small_tab_hover.gif";
}
//-->
</script>
</head>
<body>
<!-- START TOP HEADER (TO EDIT GO TO: PSD Photoshop Files/header.psd OR Blank Image Files/header.jpg) -->
<img src="images/header.jpg" alt="header" width="703" height="121" />
<!-- END TOP HEADER -->
<!-- START TOP NAV -->
<ul id="topnav">
<li class="bigtab">Home</li>
<li><a href="#" class="smalltab">About Us</a></li>
<li><a href="#" class="smalltab">Message Board</a></li>
<li><a href="#" class="smalltab">Contact Us</a></li>
</ul>
<!-- END TOP NAV -->
<!-- START SLOGAN HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box.psd OR Blank Image Files/slogan_box.jpg) -->
<img src="images/slogan_box.gif" alt="slogan box" />
<!-- END SLOGAN HEADER -->
<!-- START STATS BAR (IF YOU WISH TO NOT HAVE THE ICONS PLEASE LOOK AT INDEX_BLANK.HTML AS WE HAVE TAKEN THEM OUT FOR YOU) -->
<ul id="statsbar">
<li id="comments">10,232 Comments</li>
<li id="hits">298 Unique Hits Today</li>
<li id="online">65 People Online</li>
</ul>
<!-- END STATS BAR -->
<div id="container">
<!-- START LEFT COLUMNS -->
<div id="left">
<h2>Main Navigation</h2>
<!-- START MAIN NAVIGATION -->
<ul id="leftnav">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
<!-- END MAIN NAVIGATION -->
<h2>Latest News</h2>
<div id="news">
<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a>
<img src="images/news_seperator.gif" alt="sep" />
<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a>
<img src="images/news_seperator.gif" alt="sep" />
<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a></div>
</div>
<!-- END LEFT COLUMN -->
<!-- START RIGHT COLUMN -->
<div id="right">
<!-- START SLOGAN 2 HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box_2.psd OR Blank Image Files/slogan_box_2.jpg) -->
<img src="images/slogan_box_2.jpg" alt="slogan" width="485" height="205" />
<h2>Welcome to yoursite.com</h2>
<div id="maincontent">
<!-- START MAIN CONTENT HERE -->
<h3>Zymic Free Templates</h3>
<p>Thanks for downloading a template from <a href="http://www.zymic.com">Zymic</a>! Please read the <strong>read me file</strong> located in the template zip file as it contains all the information needed to customize this particular template.</p>
<h3>Zymic Copyright Removal </h3>
<p>You may not delete or edit the Zymic copyright on the footer of this template without our permission. If you delete our copyright you are breaking various <a href="http://www.whatiscopyright.org">copyright laws</a>. We regulary search for illegal copyright removals (using bots and report staff). <br />
<br />
To <strong>remove the copyright</strong> please send a small fee of $5 using <a href="http://www.paypal.com">paypal</a> to templates@zymic.com - Since the template simply has HTML text copyright, simply delete/edit it after payment. We will keep a record of the paypal invoice for proof or purchase. </p>
<h3>Zymic Free Templates Help </h3>
<p>If you have read the read me file 1000 times and are still having problems please feel free to ask for help.<br />
<br />
Forum: <a href="http://www.zymic.com/forum/">Zymic Webmaster Forums</a><br />
<br />
IRC: irc.zymic.com #zymic</p>
<!--END MAIN CONTENT HERE -->
</div>
</div>
<!-- END RIGHT COLUMN -->
</div>
<!-- ZYMIC COPYRIGHT - DO NOT REMOVE ELSE FACE LEGAL ACTION -->
<p id="footer">© Copyright 2006 - <a href="http://www.zymic.com">Free Templates</a> By <a href="http://www.zymic.com">Zymic</a> - All Rights Reserved </p>
</body>
</html>
http://img430.imageshack.us/img430/336/untitled1dv1.jpg
Here is the full template 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Your Site</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
if (document.images)
{
image1 = new Image(131, 33);
image1.src = "images/top_nav_small_tab_hover.gif";
}
//-->
</script>
</head>
<body>
<!-- START TOP HEADER (TO EDIT GO TO: PSD Photoshop Files/header.psd OR Blank Image Files/header.jpg) -->
<img src="images/header.jpg" alt="header" width="703" height="121" />
<!-- END TOP HEADER -->
<!-- START TOP NAV -->
<ul id="topnav">
<li class="bigtab">Home</li>
<li><a href="#" class="smalltab">About Us</a></li>
<li><a href="#" class="smalltab">Message Board</a></li>
<li><a href="#" class="smalltab">Contact Us</a></li>
</ul>
<!-- END TOP NAV -->
<!-- START SLOGAN HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box.psd OR Blank Image Files/slogan_box.jpg) -->
<img src="images/slogan_box.gif" alt="slogan box" />
<!-- END SLOGAN HEADER -->
<!-- START STATS BAR (IF YOU WISH TO NOT HAVE THE ICONS PLEASE LOOK AT INDEX_BLANK.HTML AS WE HAVE TAKEN THEM OUT FOR YOU) -->
<ul id="statsbar">
<li id="comments">10,232 Comments</li>
<li id="hits">298 Unique Hits Today</li>
<li id="online">65 People Online</li>
</ul>
<!-- END STATS BAR -->
<div id="container">
<!-- START LEFT COLUMNS -->
<div id="left">
<h2>Main Navigation</h2>
<!-- START MAIN NAVIGATION -->
<ul id="leftnav">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
<!-- END MAIN NAVIGATION -->
<h2>Latest News</h2>
<div id="news">
<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a>
<img src="images/news_seperator.gif" alt="sep" />
<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a>
<img src="images/news_seperator.gif" alt="sep" />
<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a></div>
</div>
<!-- END LEFT COLUMN -->
<!-- START RIGHT COLUMN -->
<div id="right">
<!-- START SLOGAN 2 HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box_2.psd OR Blank Image Files/slogan_box_2.jpg) -->
<img src="images/slogan_box_2.jpg" alt="slogan" width="485" height="205" />
<h2>Welcome to yoursite.com</h2>
<div id="maincontent">
<!-- START MAIN CONTENT HERE -->
<h3>Zymic Free Templates</h3>
<p>Thanks for downloading a template from <a href="http://www.zymic.com">Zymic</a>! Please read the <strong>read me file</strong> located in the template zip file as it contains all the information needed to customize this particular template.</p>
<h3>Zymic Copyright Removal </h3>
<p>You may not delete or edit the Zymic copyright on the footer of this template without our permission. If you delete our copyright you are breaking various <a href="http://www.whatiscopyright.org">copyright laws</a>. We regulary search for illegal copyright removals (using bots and report staff). <br />
<br />
To <strong>remove the copyright</strong> please send a small fee of $5 using <a href="http://www.paypal.com">paypal</a> to templates@zymic.com - Since the template simply has HTML text copyright, simply delete/edit it after payment. We will keep a record of the paypal invoice for proof or purchase. </p>
<h3>Zymic Free Templates Help </h3>
<p>If you have read the read me file 1000 times and are still having problems please feel free to ask for help.<br />
<br />
Forum: <a href="http://www.zymic.com/forum/">Zymic Webmaster Forums</a><br />
<br />
IRC: irc.zymic.com #zymic</p>
<!--END MAIN CONTENT HERE -->
</div>
</div>
<!-- END RIGHT COLUMN -->
</div>
<!-- ZYMIC COPYRIGHT - DO NOT REMOVE ELSE FACE LEGAL ACTION -->
<p id="footer">© Copyright 2006 - <a href="http://www.zymic.com">Free Templates</a> By <a href="http://www.zymic.com">Zymic</a> - All Rights Reserved </p>
</body>
</html>