Jump to content

Help with splitting this page into 3 columns ?


Chrisj

Recommended Posts

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>

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.