Question

我的小css代码需要一些帮助。我希望我的所有元素仍然处于放大和缩小浏览器的阶段。

我很感激我的代码中的一些调整。

CSS代码：

form{
    position:absolute;

    top:270px;
    right:490px;
}
  input{

  }

ul{

    margin-top: 330px;
    padding-left: 410px;
}

li{

    padding:10px;
    list-style-type: none;
    display:inline;
    font-size: 13px;
    font-family: "Lucida Console";
   }



h4{
    position: fixed;
    margin-left: 1115px;
    margin-top: -220px;
    letter-spacing: 2px;
}

索引代码：

<html>
 <head>
   <title>Pogo++</title>
    <link rel="stylesheet" type="text/css" href="search.css">
    <link rel="stylesheet" type="text/css" href="http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff">
  </head>

  <body>

   <center>
   <a href="search.php"> <img src="pogo++.jpg" width="510px" height="auto"> </a>
   </center>

   <form action = "search.php" method="get">

   Pogo: <input type="text" name="value" placeholder="Search Anything" style="height:40px; width:240px;"  >
   <input type="submit" name="search" value="Pogo It" style="height:40px">

   </form>

 <?php
   $con=oci_connect('system','system','localhost/XE');
     if(isset($_GET['search'])){



     $stid = oci_parse($con, 'SELECT * FROM search');
     oci_execute($stid);
       while($row=oci_fetch_array($stid)){
          $title = $row['title'];
          $link = $row['sitelink1'];
          $desc = $row['sitedesk1'];

     echo $title;

       }
     }
?>

  <a href=#><h4>&copy 2014 Pogosoft</h4></a>

   </body>

<footer>
 <ul>
  <li><a href="contact.php">Contact</a></li>
  <li><a href="conditions.php">Conditions and Terms</a></li>
  <li><a href="conf.php">Confidentiality</a></li>
  </ul>
</footer>
   </html>

元素已固定+在浏览器中放大/缩小

0 个答案: