By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
431,816 Members | 1,332 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 431,816 IT Pros & Developers. It's quick & easy.

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

P: 20
HI Everyone..

I am not able to align links,videos,photos 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

Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <head>
  3.     <title>Home Page</title>
  4. </head>
  5.  
  6.  
  7. <body background="bg.JPG">
  8.  
  9. <table>
  10. <tr><td><?php include('search_file.php'); ?></td>
  11. <td><?php include('google.php'); ?></td>
  12. </table>
  13.  
  14. <font color="red"><b><h2 align="center">Deepak Narwal Welcomes You</h2></b></font>
  15. <hr size="2" width="50%">
  16.  
  17. <a  href="logout_file.php"><h3 align="right">Sign Out</h3></a>
  18. <?php include("photo_upload.php"); ?>
  19. <br /><br /><br /><br />
  20.  
  21. <?php include("video_upload.php"); ?>
  22.  
  23. <br /><a href="upload_file.php"><h4>Up-Load Files</h4></a>
  24. <br /><br />
  25.  
  26. <a href="list_files.php"><h4>List All Up-Loaded Files</h4></a>
  27.  
  28.  
  29.  
  30. </body>
  31. </html>
  32.  
  33.  


Next file in which i have used photos are

photo_upload.php

Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changeimage(n)
  5.   {
  6.     var img=document.getElementById("sample");
  7. if(n==1) 
  8.  {
  9.    img.src="16.jpg";
  10.  }
  11.  else
  12.  {
  13.   img.src="5.jpg";
  14.  }
  15. }
  16. </script>
  17. </head> 
  18.  
  19.  
  20.  
  21.  
  22. <body>
  23. <table cellpadding=10 cellspacing=6 align=left border=1>
  24.  
  25. <tr>
  26. <td><a href="kat.JPG"><img src="kat.JPG" width="200" height="150" border="0" alt="katrina"></a></td>
  27. <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> 
  28. </tr>
  29.  
  30. <tr>
  31. <td><a href="kat3.JPG"><img src="kat3.JPG" width="200" height="150" border="0"></a></td>
  32. <td><a href="kat4.JPG"><img src="kat4.JPG" width="200" height="150" border="0"></a></td>
  33. </tr>
  34. </table>
  35. </body>
  36. </html>
  37.  
  38.  

For videos my file is


Expand|Select|Wrap|Line Numbers
  1. video_upload.php
  2. <html>
  3. <head>
  4.     <script src="flowplayer-3.1.4.min.js"></script>
  5. </head>
  6.  
  7.  
  8. <body>
  9.  
  10. <a 
  11.     style="display:block;width:300px;height:250px;position:relative;left:1054;"  
  12.     id="player">
  13. </a>
  14.  
  15. <script language="JavaScript">
  16.     flowplayer("player", "flowplayer-3.1.5.swf" , { clip: { autoPlay : false, autoBuffering: true},   playlist: [ 'video.flv', 'flowplayer.flv'] });  //create a object of clip name
  17. </script>
  18. <br /><br /><br /><br /><br /><br />
  19. <br /><br /><br /><br /><br /><br /><br /><br /><br />
  20. <br /><br /><br />
  21.  
  22.  
  23.  
  24. <object classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" align="right" width="320" height="260" codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab">
  25. <param name="custommode" value="none" />
  26.     <param name="loop" value="true" />
  27.     <param name="autoPlay" value="false" />
  28.     <param name="autoBuffering" value="true" />
  29.     <param name="src" value="http://localhost/idiot.mkv" />
  30. <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/">
  31. </embed>
  32. </object>
  33.  
  34. </body>
  35. </html>
  36.  
  37.  
Tell me how i can allign pics in half width area and videos in next half width area in same rows...
Feb 2 '10 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.