General Support: How To: Create a Column View for Thumbnail and Send the Text to the Right of the Thumbnail

Firstly, im going to start by Showing you the result of followin this tutorial, and im sure it'll provide help to a lot of people:

To do this, replace these lines of Code in Gallery.php : (line 422)

$output .= '<li class="thumbnail"><div class="tag"><a href="' . generate_url("picture",$row["id"]) . '">' . $imgtag . "</a><br />";


if ($config["allow_dl"])
$output .= '<input type="checkbox" name="checked[]" value="'.$row["id"].'" />';

$filename = basename($row["path"]);

if (strlen($filename) > $config["truncate"] && $config["truncate"] != 0)
$filename = substr($filename, 0, $config["truncate"])."...";

$output .= $filename.'<br />';

With:

$output .= '<div id="pagewidth"><div id="wrapper"><div id="leftcol" class="thumbnail" ><a href="' . generate_url("picture",$row["id"]) . '">' . $imgtag . "</a><br /></div>";


if ($config["allow_dl"])
$output .= '<input type="checkbox" name="checked[]" value="'.$row["id"].'" />';

// Override default thubnail file name with optional caption
$filename = $filename_short = $row["caption"] ? $row["caption"] : basename($row["path"]);

// Create a substringed version of the $filename
if (strlen($filename) > $config["truncate"] && $config["truncate"] != 0)
$filename_short = substr($filename, 0, $config["truncate"])."...";

$output .= "<div id='maincol'><b>Description:</b><br /> $filename<br /></div>";

Now add the following to Gallery.css:

/* Thumbnail Image Layout */
#width{
width:650px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#leftcol{
width:125px;
float:left;
position:relative;
height:118px;
background-color:#FFFFFF;
}

#maincol{background-color: #FFFFFF;
float: right;
padding-right: 50px;
display:inline;
position: relative;
width:525px;
height: 118px;
}

Thats it, i know this has been requested before so i thought i would post it up. Sorry For the Big Spaces....