2010-02-02 79 views
0

如果我点击退出行的任何部分,我都会退出并且有更多类似的问题。如何正确对齐链接,视频和照片

我无法以正确的方式对齐链接,视频,照片等。例如,我在右侧页面上注销了注销,但是当我点击行区域中的任何区域(注销位于其中)时,我退出了注册,但是当我只点击链接时,我想注销退出注销。

我在我的页面和视频中使用了照片。我已经把照片放在一张不到一半的页面宽度的表格中。我想在剩下的半区视频播放器appreas。但我无法做到这一点。

我向你发送我的文件,请检查并告诉我正确的方法来对齐这些东西我认为Div会被使用,但我不知道这是否是prooper的使用。请建议我该怎么做。

Home_page.php

<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> 

下一个文件在我所使用的照片是

photo_upload.php 

<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> 

对于视频我的文件是

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> 

告诉我,我怎么能在对齐图片半宽区域和下一半宽度区域中的视频在同一行中。

回答

0

首先你必须在video_upload.phpphoto_upload.php摆脱<html><head>,并<body>标签的。
您正在将这些文件包含到您的主HTML页面中!这已经有了这些标签。您不能再次在body标记内有一个html标记。你可以阅读structure of HTML documents

而对于布局,以及很难说实际上没有看到它的样子。也许你想问doctype.com这个问题更多的是关于设计。

+0

感谢flix我也有这个问题的文档类型also.If你想看到快照,我可以通过邮件发送。可以在这里atatch – 2010-02-02 19:20:42

+0

作为一个说明,doctype.com截止于2013年2月15日。[阅读更多关于它](http://blog.doctype.com/doctype_is_closing_on_the_14th_1)。 – Krease 2014-02-18 05:29:48