Html 定位按钮（CSS）的最佳方法？_Html_Css

Html 定位按钮（CSS）的最佳方法？

html css

Html 定位按钮（CSS）的最佳方法？,html,css,Html,Css,我想知道放置按钮的最佳方式是什么？我试图使这个网站的老师要求我做，但我不知道如何正确定位按钮这就是我所拥有的： [/img] 这就是我需要的： src: .css文件 .html文件资料: Mäng 1 Aktivne 佩里奥德贾特卡阿朗德吹奏蒂米德斯克努米德卡伦达 QPP计划M+U 尝试使用此代码 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=

我想知道放置按钮的最佳方式是什么？我试图使这个网站的老师要求我做，但我不知道如何正确定位按钮

这就是我所拥有的： [/img]

这就是我需要的：

src:

.css文件

.html文件


资料:
Mäng 1 Aktivne
佩里奥德
贾特卡
阿朗德
吹奏
蒂米德
斯克努米德
卡伦达
QPP计划M+U

尝试使用此代码

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Dynama </title>

            <link href="./css/style.css" rel="stylesheet" type="text/css">

</head>      

 <body text="#000000" style="background:#ffffff url('images/background.png') repeat scroll top center; height:1000px;">
 <div id="logo"><a href="http://dynama.eek.ee"><img src="./images/logo.png"/></a></div>
 <div class="clear"></div>
 <div>
 <div id="info"><a href="http://dynama.eek.ee"></a>Information:</div>
 <div id="tile_top">
     <div class="kool1">
 <a href="#" class="kool1">Kool 1</a> </div>
<a href="#" class="kool2">Kool 2</a>
<a href="#" class="kool3">Kool 3</a>
    <a href="#" class="log">Log out</a>
    <a href="#"><img class="lEnglish" height="25px" width="45px" src="./images/Flag_eng.png"/> </a>
    <a href="#"><img class="lRussian" height="25px" width="45px" src="./images/Flag_rus.png"/> </a>
    <a href="#"><img class="lEstonian" height="25px" width="45px" src="./images/Flag_est.png"/> </a>     


  </div>
   <div id="tile_mid">
    <a href="#" class="but1">Button 1</a>
    <a href="#" class="but2">Button 2</a>
    <a href="#" class="but3">Button 3</a>
    </div>

    <div class="clear"></div>
    </div>


   <div id="mang1">Mäng 1 AKTIIVNE</div>
   <div class="clear"></div>
   <div id="uusp">Uus periood</div>
   <div class="clear"></div>
   <div id="jatka">Jätka</div>

   <div class="clear"></div>

   <div id="aru">ARUANDED</div>
   <div class="clear"></div>
   <div id="too">TOOTED</div>
    <div class="clear"></div>
   <div id="teams">TIIMID</div>
    <div class="clear"></div>
   <div id="sqn">SQNUMID</div>
   <div class="clear"></div>
   <div id="kalend">KALENDAR</div>
   <div class="clear"></div>
   <div id="plan">QPPEPLAN M+U</div>
   <div class="clear"></div>




            <img id="clear" height="25px" width="45px" src="./images/clear.png"/>
     <div id="tile_mid_pt2">
    <a href="#" class="but4">Button 4</a>
    <a href="#" class="but5">Button 5</a>
    </div>

     <div class="clear"></div>      

    </body>


    </html>


迪纳马
资料:
Mäng 1 Aktivne
佩里奥德
贾特卡
阿朗德
吹奏
蒂米德
斯克努米德
卡伦达
QPP计划M+U

请在此处发布您的代码。我们不做作业。请使用内置图像上传器，以免图像链接损坏。嘿，我只是问了如何正确定位按钮。这是一个问题吗？“如果我立即被炒鱿鱼，我该如何学习一些东西？”问题是社区觉得你甚至在问之前都没有试过学习。这不是一个填鸭式的社区。我们希望您先尝试解决一个问题，然后在遇到问题时提出问题。只有在你用尽你的可用资源后，你才应该问问题。有成千上万的页面和资源可以教你这个基本的定位技术。问这样的问题只表明你不愿意自己解决问题，而是让别人帮你解决。

<base href="http://dynama.eek.ee">

    <div text="#000000" style="background:#ffffff url('http://dynama.eek.ee/images/background.png') repeat scroll top center; height:1000px;">
 <div id="logo"><a href="http://dynama.eek.ee"><img src="./images/logo.png"/></a></div>
 <div class="clear"></div>
 <div id="info"><a href="http://dynama.eek.ee"></a>Information:</div>
  <div class="clear"></div>

  <div id="mang1">Mäng 1 AKTIIVNE</div>
   <div class="clear"></div>
   <div id="uusp">Uus periood</div>
    <div class="clear"></div>
 <div id="jatka">Jätka</div>

   <div class="clear"></div>

  <div id="aru">ARUANDED</div>
    <div class="clear"></div>
  <div id="too">TOOTED</div>
    <div class="clear"></div>
 <div id="teams">TIIMID</div>
   <div class="clear"></div>
 <div id="sqn">SQNUMID</div>
   <div class="clear"></div>
<div id="kalend">KALENDAR</div>
  <div class="clear"></div>
<div id="plan">QPPEPLAN M+U</div>
  <div class="clear"></div>


      <div id="tile_top">
     <div class="kool1">
    <a href="#" class="kool1">Kool 1</a> </div>
    <a href="#" class="kool2">Kool 2</a>
    <a href="#" class="kool3">Kool 3</a>
    <a href="#" class="log">Log out</a>
    <a href="#"><img class="lEnglish" height="25px" width="45px" src="./images/Flag_eng.png"/> </a>
    <a href="#"><img class="lRussian" height="25px" width="45px" src="./images/Flag_rus.png"/> </a>
    <a href="#"><img class="lEstonian" height="25px" width="45px" src="./images/Flag_est.png"/> </a>



</div>

<div id="tile_mid">
    <a href="#" class="but1">Button 1</a>
    <a href="#" class="but2">Button 2</a>
    <a href="#" class="but3">Button 3</a>
    </div>
        <img id="clear" height="25px" width="45px" src="./images/clear.png"/>
    <div id="tile_mid_pt2">
    <a href="#" class="but4">Button 4</a>
    <a href="#" class="but5">Button 5</a>
    </div>

 <div class="clear"></div>








</div>

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Dynama </title>

            <link href="./css/style.css" rel="stylesheet" type="text/css">

</head>      

 <body text="#000000" style="background:#ffffff url('images/background.png') repeat scroll top center; height:1000px;">
 <div id="logo"><a href="http://dynama.eek.ee"><img src="./images/logo.png"/></a></div>
 <div class="clear"></div>
 <div>
 <div id="info"><a href="http://dynama.eek.ee"></a>Information:</div>
 <div id="tile_top">
     <div class="kool1">
 <a href="#" class="kool1">Kool 1</a> </div>
<a href="#" class="kool2">Kool 2</a>
<a href="#" class="kool3">Kool 3</a>
    <a href="#" class="log">Log out</a>
    <a href="#"><img class="lEnglish" height="25px" width="45px" src="./images/Flag_eng.png"/> </a>
    <a href="#"><img class="lRussian" height="25px" width="45px" src="./images/Flag_rus.png"/> </a>
    <a href="#"><img class="lEstonian" height="25px" width="45px" src="./images/Flag_est.png"/> </a>     


  </div>
   <div id="tile_mid">
    <a href="#" class="but1">Button 1</a>
    <a href="#" class="but2">Button 2</a>
    <a href="#" class="but3">Button 3</a>
    </div>

    <div class="clear"></div>
    </div>


   <div id="mang1">Mäng 1 AKTIIVNE</div>
   <div class="clear"></div>
   <div id="uusp">Uus periood</div>
   <div class="clear"></div>
   <div id="jatka">Jätka</div>

   <div class="clear"></div>

   <div id="aru">ARUANDED</div>
   <div class="clear"></div>
   <div id="too">TOOTED</div>
    <div class="clear"></div>
   <div id="teams">TIIMID</div>
    <div class="clear"></div>
   <div id="sqn">SQNUMID</div>
   <div class="clear"></div>
   <div id="kalend">KALENDAR</div>
   <div class="clear"></div>
   <div id="plan">QPPEPLAN M+U</div>
   <div class="clear"></div>




            <img id="clear" height="25px" width="45px" src="./images/clear.png"/>
     <div id="tile_mid_pt2">
    <a href="#" class="but4">Button 4</a>
    <a href="#" class="but5">Button 5</a>
    </div>

     <div class="clear"></div>      

    </body>


    </html>