how to allign links,videos,photos properly.plz check out below code ..

**itsmenarwal** · Feb 2 '10, 06:55 PM

HI Everyone..

I am not able to align links,videos,ph otos etc in right way.Foe example i have aligned sign out on right side page but when i click on any area which falls in the row area(in which sign out is placed),i got sign out but i want when i click only on link i get sign out.I have used photos in my pages and videos.I have placed photos in a table in less than half of page width .I want that in remaining half area videos player appreas..But i am not able to do this..I am sending u my files plz check and tell me correct method to align these things i think Div will be used but i dont know its prooper use.Plz suggesr me what should i do.

Home_page.php

Code:

<html>
<head>
    <title>Home Page</title>
</head>


<body background="bg.JPG">

<table>
<tr><td><?php include('search_file.php'); ?></td>
<td><?php include('google.php'); ?></td>
</table>

<font color="red"><b><h2 align="center">Deepak Narwal Welcomes You</h2></b></font>
<hr size="2" width="50%">

<a  href="logout_file.php"><h3 align="right">Sign Out</h3></a>
<?php include("photo_upload.php"); ?>
<br /><br /><br /><br />

<?php include("video_upload.php"); ?>

<br /><a href="upload_file.php"><h4>Up-Load Files</h4></a>
<br /><br />

<a href="list_files.php"><h4>List All Up-Loaded Files</h4></a>



</body>
</html>

Next file in which i have used photos are

photo_upload.ph p

Code:

<html>
<head>
<script type="text/javascript">
function changeimage(n)
  {
    var img=document.getElementById("sample");
if(n==1) 
 {
   img.src="16.jpg";
 }
 else
 {
  img.src="5.jpg";
 }
}
</script>
</head> 




<body>
<table cellpadding=10 cellspacing=6 align=left border=1>

<tr>
<td><a href="kat.JPG"><img src="kat.JPG" width="200" height="150" border="0" alt="katrina"></a></td>
<td><a href="kat2.JPG" ><img src="5.jpg"  border="0" width="200" height="150" id ="sample" alt="sample" onmouseover="changeimage(1)" onmouseout="changeimage(2)"></a></td> 
</tr>

<tr>
<td><a href="kat3.JPG"><img src="kat3.JPG" width="200" height="150" border="0"></a></td>
<td><a href="kat4.JPG"><img src="kat4.JPG" width="200" height="150" border="0"></a></td>
</tr>
</table>
</body>
</html>

For videos my file is

Code:

video_upload.php
<html>
<head>
    <script src="flowplayer-3.1.4.min.js"></script>
</head>


<body>

<a 
    style="display:block;width:300px;height:250px;position:relative;left:1054;"  
    id="player">
</a>

<script language="JavaScript">
    flowplayer("player", "flowplayer-3.1.5.swf" , { clip: { autoPlay : false, autoBuffering: true},   playlist: [ 'video.flv', 'flowplayer.flv'] });  //create a object of clip name
</script>
<br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br />



<object classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" align="right" width="320" height="260" codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab">
<param name="custommode" value="none" />
    <param name="loop" value="true" />
    <param name="autoPlay" value="false" />
    <param name="autoBuffering" value="true" />
    <param name="src" value="http://localhost/idiot.mkv" />
<embed type="video/divx" src="http://localhost/idiot.mkv" custommode="none" width="300" height="250" previewImage="deepak.JPG" loop="true"  autoPlay="false"  pluginspage="http://go.divx.com/plugin/download/">
</embed>
</object>

</body>
</html>

Tell me how i can allign pics in half width area and videos in next half width area in same rows...