Tye
12-22-2008, 03:00 PM
Hello, I'm having a bit of trouble with my layout. I have the basic set up already completed. Have a look here:
www.animeunloaded.com (http://www.animeunloaded.com)
But I want a container around it like the grey area in this site:
Here (http://www.narutospot.net)
I know this is CSS, but I don't know how to do this without completely trashing my layout.
Here is the code for the Index page of my website:
<!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=utf-8" />
<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle2.css" />
<script type="text/javascript" src="chromejs/chrome.js">
/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<title>AnimeUnloaded.com</title>
</head>
<body>
<table width="1000" border="0" align="center" cellpadding="15" cellspacing="5">
<tr>
<th scope="col"><img src="Images/Banners/AnimeUnloadedTransparentBanner.png" alt="head" width="1000" height="150" /></th>
</tr>
</table>
<table width="1000" border="0" align="center" cellpadding="15" cellspacing="5">
<tr align="left">
<th scope="col">
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href=../index.html>Home</a></li>
<li><a href="#" rel="dropmenu1">Animes</a></li>
<li><a href=../releasedates.html>Release Dates</a></li>
</ul>
</div>
<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href=../bleach.php>Bleach</a>
<a href=../naruto.php>Naruto Shippuden</a>
<a href="http://www.animeunloaded.com">Cowboy BeBop (Soon)</a>
</div>
<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>
</th>
</tr>
</table>
<table width="1000" border="0" align="center" cellpadding="15" cellspacing="5">
<tr>
<td><table width="1000" border="0" cellspacing="5" cellpadding="15">
<tr>
<td><strong>News // Updates: </strong>Site has been completely reconstructed. Reminder, this site is not some bullshit user interactive site, we are here for one reason. To watch videos, mainly anime. So if you want to chat, discuss, or express your love for Naruto/Bleach/Ect. You've come to the WRONG place; we are here for VIEWING purposes only.
<p>Thank You.</p>
<p>Sincerely,</p>
<p>Ryan (The Admin)</p></td>
<td>
<script type="text/javascript"><!--
google_ad_client = "pub-3289959596797445";
/* 300x250, created 12/21/08 */
google_ad_slot = "2584307925";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</table>
<table width="669" border="0" align="center" cellpadding="15" cellspacing="5">
<tr>
<td><p><strong>Naruto Shippuden 89 (High Quality):</strong> "Price of Power"
</p>
<p>
<embed src="http://www.veoh.com/veohplayer.swf?permalinkId=v16955990aGMZaM4e&id=anonymous&player=videodetailsembedded&videoAutoPlay=0" allowFullScreen="true" width="620" height="400" bgcolor="#FFFFFF" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
<br/>
<font size="1">Watch <a href="http://www.veoh.com/videos/v16955990aGMZaM4e">Naruto Shippuuden 89[NinjaParadise.net]</a> in <a href="http://www.veoh.com/browse/videos.html?category=category_anime">Anime</a> | View More <a href="http://www.veoh.com/">Free Videos Online at Veoh.com</a></font></p></td>
</tr>
</table>
<p> </p></td>
</tr>
</table>
<table width="1000" border="0" align="center" cellpadding="15" cellspacing="5">
<tr>
<td align="center"><strong>|| Legal Disclaimer || Hosting By: LotD ||</strong></td>
</tr>
</table>
<p> </p>
</body>
</html>
Help...please. :p
www.animeunloaded.com (http://www.animeunloaded.com)
But I want a container around it like the grey area in this site:
Here (http://www.narutospot.net)
I know this is CSS, but I don't know how to do this without completely trashing my layout.
Here is the code for the Index page of my website:
<!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=utf-8" />
<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle2.css" />
<script type="text/javascript" src="chromejs/chrome.js">
/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<title>AnimeUnloaded.com</title>
</head>
<body>
<table width="1000" border="0" align="center" cellpadding="15" cellspacing="5">
<tr>
<th scope="col"><img src="Images/Banners/AnimeUnloadedTransparentBanner.png" alt="head" width="1000" height="150" /></th>
</tr>
</table>
<table width="1000" border="0" align="center" cellpadding="15" cellspacing="5">
<tr align="left">
<th scope="col">
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href=../index.html>Home</a></li>
<li><a href="#" rel="dropmenu1">Animes</a></li>
<li><a href=../releasedates.html>Release Dates</a></li>
</ul>
</div>
<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href=../bleach.php>Bleach</a>
<a href=../naruto.php>Naruto Shippuden</a>
<a href="http://www.animeunloaded.com">Cowboy BeBop (Soon)</a>
</div>
<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>
</th>
</tr>
</table>
<table width="1000" border="0" align="center" cellpadding="15" cellspacing="5">
<tr>
<td><table width="1000" border="0" cellspacing="5" cellpadding="15">
<tr>
<td><strong>News // Updates: </strong>Site has been completely reconstructed. Reminder, this site is not some bullshit user interactive site, we are here for one reason. To watch videos, mainly anime. So if you want to chat, discuss, or express your love for Naruto/Bleach/Ect. You've come to the WRONG place; we are here for VIEWING purposes only.
<p>Thank You.</p>
<p>Sincerely,</p>
<p>Ryan (The Admin)</p></td>
<td>
<script type="text/javascript"><!--
google_ad_client = "pub-3289959596797445";
/* 300x250, created 12/21/08 */
google_ad_slot = "2584307925";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</table>
<table width="669" border="0" align="center" cellpadding="15" cellspacing="5">
<tr>
<td><p><strong>Naruto Shippuden 89 (High Quality):</strong> "Price of Power"
</p>
<p>
<embed src="http://www.veoh.com/veohplayer.swf?permalinkId=v16955990aGMZaM4e&id=anonymous&player=videodetailsembedded&videoAutoPlay=0" allowFullScreen="true" width="620" height="400" bgcolor="#FFFFFF" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
<br/>
<font size="1">Watch <a href="http://www.veoh.com/videos/v16955990aGMZaM4e">Naruto Shippuuden 89[NinjaParadise.net]</a> in <a href="http://www.veoh.com/browse/videos.html?category=category_anime">Anime</a> | View More <a href="http://www.veoh.com/">Free Videos Online at Veoh.com</a></font></p></td>
</tr>
</table>
<p> </p></td>
</tr>
</table>
<table width="1000" border="0" align="center" cellpadding="15" cellspacing="5">
<tr>
<td align="center"><strong>|| Legal Disclaimer || Hosting By: LotD ||</strong></td>
</tr>
</table>
<p> </p>
</body>
</html>
Help...please. :p