Автор Тема: Css позициониране  (Прочетена 1254 пъти)

0 Потребители и 1 Гост преглежда(т) тази тема.

martoo

  • Jr. Member
  • **
  • Благодарности
  • -Казани: 0
  • -Получени: 0
  • Публикации: 76
Css позициониране
« -: 08 Септември 2011, 14:10:56 »
Здравейте  :) .Значи имам проблем с позиционирането на елементите :

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <link rel="stylesheet" href="<?= site_url();?>css/admin.css" type="text/css" charset="utf-8" />
        <title></title>
    </head>
    <body>
        <h1>Banners Management</h1>
        <div id="topmenu">
        <a href="bannery/newbanner">New Banner</a>
        </div>
       <table border="1">
         <tr>
           <th>ID</th> 
           <th>Name</th>
           <th>Status</th>
           <th>Clicks</th> 
           <th>Hits</th> 
         </tr>
          <?php foreach($banners as $banner):?>
         <tr>
           <td><?=$banner->banner_id;?></td> 
           <td><?=$banner->alt;?></td> 
           <td><?=$banner->status;?></td> 
           <td><?=$banner->clicks;?></td> 
           <td><?=$banner->hits;?></td> 
           
         </tr>
         <?php endforeach;?>
       </table>
       
    </body>
</html>


та проблема е следния искам да преместя тага <h1> когато ко местя на ляво на дясно няма проблем но когато му дам padding:top или margin:top се преместват всички елементи все едно са в един блок.Та как да манипулирам само този елемент който искам? Ето и Css-a:

 
 
 
    body{margin:0 auto;padding:0 auto}
   
   
   h1{padding: 20px 0 0 400px;} 
 
   div#topmenu{margin:0px  0px 0px 900px;}
   
   
« Последна редакция: 08 Септември 2011, 14:15:24 от martoo »

sisoweb

  • Newbie
  • *
  • Благодарности
  • -Казани: 1
  • -Получени: 0
  • Публикации: 46
Re: Css позициониране
« Отговор #1 -: 08 Септември 2011, 16:54:44 »
Здравейте  :) .Значи имам проблем с позиционирането на елементите :

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <link rel="stylesheet" href="<?= site_url();?>css/admin.css" type="text/css" charset="utf-8" />
        <title></title>
    </head>
    <body>
        <h1>Banners Management</h1>
        <div id="topmenu">
        <a href="bannery/newbanner">New Banner</a>
        </div>
       <table border="1">
         <tr>
           <th>ID</th> 
           <th>Name</th>
           <th>Status</th>
           <th>Clicks</th> 
           <th>Hits</th> 
         </tr>
          <?php foreach($banners as $banner):?>
         <tr>
           <td><?=$banner->banner_id;?></td> 
           <td><?=$banner->alt;?></td> 
           <td><?=$banner->status;?></td> 
           <td><?=$banner->clicks;?></td> 
           <td><?=$banner->hits;?></td> 
           
         </tr>
         <?php endforeach;?>
       </table>
       
    </body>
</html>


та проблема е следния искам да преместя тага <h1> когато ко местя на ляво на дясно няма проблем но когато му дам padding:top или margin:top се преместват всички елементи все едно са в един блок.Та как да манипулирам само този елемент който искам? Ето и Css-a:

 
 
 
    body{margin:0 auto;padding:0 auto}
   
   
   h1{padding: 20px 0 0 400px;} 
 
   div#topmenu{margin:0px  0px 0px 900px;}
   
   
С margin?