Question

请问我将如何定位（点击立即注册并下订单）以保持在左侧的再加上单词之间的中间位置，并且右下方的伸手可及的标识是我的标记语言（链接到页面{ {3}}）

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
     <title>Reacheasy - Foremost website for shopping from Uk, and globally to Nigeria</title>
   <meta name="description" content="We offer online shopping and shipping from UK stores to Nigeria" />
    <meta name="keywords" content="shipping to nigeria, freight to nigeria,online shopping from uk" />


    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<link href="reasy.css" rel="stylesheet" type="text/css"/>  
</head>
  <body>
<div id="outer">
<div id="page">
<div id="header">
<div id="adban" style="position: absolute; left: 50%; margin-left: -150px;">
<span style="left;"><a href="reregister.php">Click here to Register now and place your orders</a></span>
</div>
<div id="hlogo">
<span style="float:right;margin:2px 2px 0 0;"><img src="img/relogo2.jpg"  class="logoImage" width="96" height="96"/></span>
</div>
<span style="font-size:small;text-shadow: 10px 10px 1px grey;"><h1>Reacheasy<span style="font-size:small;"><?php echo $_SESSION['username'];?></span></h1></span>
<ul id="nav">
    <li class="current"><a href="index.php">Home</a></li>
     <li><a href="women.php">Women</a></li>
     <li><a href="men.php">Men</a></li>
     <li><a href="children.php">Children</a></li>
     <li><a href="homeandappliances.php">Home&amp;Appliances</a></li>
     <li><a href="visionandsound.php">Vision&amp;Sounds</a></li>
      <!--<li><a href="motoring.php">Motoring</a></li>-->
      <li><a href="homemore.php">More</a></li>
      <li><a href="howto.php">Help(How to?)</a></li>
  </ul>
</div> <!--end of navigation div -->
</div>
<div id="navigation">

<?php
if($_SESSION['username'])
{ ?>
<ul id="navigationlb">
<li><a href='howto.php'>Help(How to?)</a></li>
<li><a href='notification.php'>Consignment notification</a></li>
<li><a href='youraccount.php'>Order Placement</a></li>
<li><a href='relogout.php'>Log out</a></li>
 </ul>
<?php }else{
?>
  <div>
<form action='relogin.php' method='post' class='rl'>
<fieldset>
<legend>Login</legend>
    <div>
    <label for='username' class='fixedwidth'>Username</label>
    <input type='text' name='username' id='username'/>
    </div>

    <div>
    <label for='password' class='fixedwidth'>Password</label>
    <input type='password' name='password' id='password'/>
    </div>
<div class='buttonarea'>
    <input type='submit' value='Log in'/>
    </div>
<p>
<a href='reregister.php'>Register </a>
<BR>PLACE YOUR ORDERS FROM ANYWHERE</BR> 
IN THE WORLD </BR> TO NIGERIA
</p>
<!--<p>
<BR>PLACE YOUR ORDER FROM ANYWHERE</BR> 
IN THE WORLD </BR> TO NIGERIA
</p>-->
</fieldset>
</form>
</div>
<?php
}
?>

Answer 1

为你的adban元素添加一些CSS样式，这样的事情可以解决这个问题：

<div id="adban" style="position: absolute; left: 50%; margin-left: -150px;">

Answer 2

只需申请

您的adban div

top:50%

<div id="adban" style="margin-left:-150px; position:absolute; left:50%; top:50%;">

试图定位标题

2 个答案: