Jump to content

Help with splitting this page into 3 columns ?

Chrisj

By Chrisj
in PHP Coding Help

Recommended Posts

Chrisj Prolific Member

Chrisj

Posted
Posted

I'd like to split this page into 3 columns, but only the lower 3/4th of the page, below the Carousel section. (This code doesn't have the header or footer included).

 

Can someone guide me in this?

Thanks. I look forward to your reply(s).

 

<!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" />
<title>Untitled Document</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="[var.base_url]/javascripts/ahah.js" ></script>
<script type="text/javascript" src="[var.base_url]/javascripts/swfobject.js"></script>
</head>
<body class="MainBody_TEMP">
<!--Start of Left column -->
<div id="ContentSplitContainer_left3">
  <!-- start of now showing -->
  <div id="IndexNowShowing">
        	<object type="application/x-shockwave-flash" data="watchingnow.swf?x=watchingnow.php&t=Videos being watched right now..." width="550" height="115" align="top">
  	  <param name="allowScriptAccess" value="sameDomain">
  	  <param name="movie" value="watchingnow.swf?x=watchingnow.php&t=Videos being watched right now...">
  	  <param name="quality" value="high">
  	  <param name="bgcolor" value="">
  	</object>
  </div>
  <!--end of now showing -->
   <!-- Start of Carousel -->
  <div id="mycarousel" class="carousel-component">
    <div class="carousel-prev"> <img id="prev-arrow" class="left-button-image"
            src="carousel_files/images/left-enabled.gif" alt="Previous"/> </div>
    <div class="carousel-next"> <img id="next-arrow" class="right-button-image"
            src="carousel_files/images/right-enabled.gif" alt="Next Button"/> </div>
    <div class="carousel-clip-region">
      <ul class="carousel-list">
        <li id="mycarousel-item-1"><a href="[var.base_url]/play.php?vid=[mp.indexer]"><img width="116" height="90" src="[var.base_url]/uploads/thumbs/[mp.video_id;block=li].jpg" alt="[mp.title:block=td]"/></a>
          <!--[mp.title;block=div;ope=max:15;comm]-->
          <br />
          <!--[mp.date_uploaded;block=div;comm]-->
          <br />
        </li>
      </ul>
    </div>
  </div>
  <!-- End of Carousel -->
    <!-- Start of videos list -->
  <div id="IndexVideoListContainer">
  <div id="indexajax">
    <div id="IndexVideoDetails">
          <ul class="VideoDetails_All_List">
        <li><a href="play.php?vid=[blkfeatured.indexer;block=div]"><img src="uploads/thumbs/[blkfeatured.video_id;block=div].jpg" alt="video pic" width="120" height="90" border="0" class="IndexVideoDetails_Thumb" /></a></li>
        <li class="font4_12"></li>
      </ul>
      <ul class="VideoDetails_Info_List">
        <li><a href="play.php?vid=[blkfeatured.indexer;block=div]">
          <span class="font4_14"><!--[blkfeatured.title;block=div;ope=max:45;comm]--></span>
        </a></li>
        <li>
          <!--[blkfeatured.description;block=div;ope=max:45;comm]-->
        </li>
        <li><span class="font4_12">Rating  </span><img border="0" src="images/[blkfeatured.star1;block=div]" width="21" height="21" alt="1 Star"><img border="0" src="images/[blkfeatured.star2;block=div]" width="21" height="21"><img border="0" src="images/[blkfeatured.star3;block=div]" width="21" height="21"><img border="0" src="images/[blkfeatured.star4;block=div]" width="21" height="21"><img border="0" src="images/[blkfeatured.star5;block=div]" width="21" height="21">        <span class="font4_12">Views:</span> (
          <!--[blkfeatured.number_of_views;block=div;comm]-->
          )       <span class="font4_12">Duration:</span> (
          <!--[blkfeatured.video_length;block=div;ope=max:45;comm]-->
          )</li>
        <li><span class="font4_12">Category:</span> <a href="category_home.php?cid=[blkfeatured.channel;block=div]">
          <!--[blkfeatured.channel;block=div;ope=max:20;comm]-->
          </a>      <span class="font4_12">Uploaded:</span>
          <!--[blkfeatured.date_uploaded;block=div;comm]-->
        </li>
        <li> </li>
      </ul>
      <div class="clearfix2"></div>
    </div>
    </div>
    <br />
  </div>
  <!--end of video list -->
</div>
<!--End of Left column -->
<!--start of right column -->
<div id="ContentSplitContainer_right2">
  <!--random video start -->
  <div id="IndexPreviewBox_1">
    <!-- Ads -->
    <div id="IndexPreviewBox_2">
      <div id="IndexPreviewBox_content">
        <ul class="IndexPreviewBox_list">
          <li>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" name="theMediaPlayer"
width="300" height="280"
id="theMediaPlayer">
              <param name=movie value="flvplayer.swf">
              <param name=quality value="high">
              <param name=bgcolor value="#FFFFFF">
              <param name=allowFullScreen value="false">
              <param name=swLiveConnect value="true">
              <param name=allowScriptAccess value="sameDomain">
              <param name="FlashVars" value="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF">
              <embed type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="300" height="280" bgcolor="#FFFFFF"
name="theMediaPlayer"
src="flvplayer.swf"
flashvars="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF"></embed>
            </object>
          </li>
         </ul>
      </div>
    </div>
  </div>
  <!--random video end -->
  <!-- start of login box - will auto hide when logged in-->
  <div id="IndexLoginGoldBox_1">
    <!--[onload_300;block=div;when [var.show_login_box]=1;comm]-->
    <div id="IndexLoginGoldBox_2">
      <div id="IndexLoginGoldBox_content">
        <div id="RelatedVideosTitle">     <span class="font5_14">Login and start Uploading!</span></div>
        <ul class="IndexLoginGoldBox_list">
          <form name="login" action="login.php" method="POST" class="FormIndexLogin">
            <li>Username    
              <input type="text" name="user_name_login" size="20" />
            </li>
            <li>Password      
              <input type="password" name="password_login" size="20" />
            </li>
            <li>                          
              <input type="hidden" name="submitted" value="yes" />
              <input type="submit" value="Login Now" name="logi_n" />
            </li>
          </form>
        </ul>
      </div>
    </div>
  </div>
  <!-- end of login box -->
  <!--ads right start -->
  <div id="IndexGrayBox_1">
    <!-- Ads -->
    <div id="IndexGrayBox_2">
      <div id="IndexGrayBox_content">
        <ul class="IndexGrayBox_list">
          <li>
            <!--[var.ads_right;htmlconv=no;comm]-->
             </li>
        </ul>
      </div>
    </div>
  </div>
  <!--ads right end -->
  </div>
<!--end of right column -->
<div class="clearfix2"></div>
</body>

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.