Question

如果我点击退出行的任何部分，我就会退出并有更多这样的问题。

我无法以正确的方式对齐链接，视频，照片等。例如，我已在右侧页面上对齐退出，但是当我点击位于行区域（放置了退出区域）的任何区域时，我退出了但我希望当我只点击链接时我会退出。

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

我发送给你我的文件请检查并告诉我正确的方法来调整这些东西我认为Div将被使用，但我不知道这是否是有用的。请建议我该怎么做。

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>

告诉我如何在半宽区域中对齐图片，在相同行的下半部分宽度区域中对齐视频。

Answer 1

首先，您必须摆脱<html>和<head>中的<body>，video_upload.php和photo_upload.php标记。
您将这些文件包含在主HTML页面中！这已经有了这些标签。您无法再次在html标记内添加body标记。

您应该阅读structure of HTML documents。

对于布局而言，如果不实际看到它的样子，很难说清楚。也许你想在doctype.com询问，因为这个问题更多的是关于设计。

如何正确对齐链接，视频，照片

1 个答案: