Chrisj Posted April 7, 2009 Share Posted April 7, 2009 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> Quote Link to comment https://forums.phpfreaks.com/topic/153014-help-with-splitting-this-page-into-3-columns/ Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.