2014-01-22 32 views
0

我想做一個標誌設計業務,所以我設置了一些CSS來製作一個看起來不錯的網頁,但是沿着這條路我意識到在頂部灰色框不會進入青色框!我試圖把填充和做一個保證金,但它沒有奏效。有小費嗎?下面是代碼:爲什麼灰盒子不會進入白盒

<html> 
    <head> 
     <style type="text/css"> 
      #Logo{ 
      height:50px; 
      width:250px; 
      background-color:green; 
      font-family:Algerian; 
      color:white; 
      text-align:center; 
      } 
      #Logo-border1{ 
      height:75px; 
      width:275px; 
      background-color:blue; 
      } 
      #Logo-border2{ 
      height:100px; 
      width:300px; 
      background-color:yellow; 
      } 
      #Logo-border3{ 
      height:125px; 
      width:325px; 
      background-color:red; 
      } 
      #Logo-border3:hover{   
      height:125px; 
      width:325px; 
      background-color:red; 
      cursor:pointer; 
      } 
      #Header{ 
      padding:7px;  
      width:1554; 
      height:175; 
      background-color:cyan; 
      } 
      #Title{ 
      margin-right:100px; 
      margin-bottom:0px; 
      padding:3px; 
      height:150; 
      width:1150; 
      background-color:gray; 
      } 
     </style> 
    </head> 
    <body background="Images/Background.jpg"> 
     <table> 
      <tr> 
      <td> 
      <div id=Header> 
       <a style="color:white;text-decoration:none;" href="file:///C:/Users/Owner/Desktop/Website-Buy%20Items%20Cheap/Index.html" title="Logo Design"> 
       <div onClick=window.location=("file:///C:/Users/Owner/Desktop/Website-Buy%20Items%20Cheap/Index.html"); id="Logo-border3"> 
       <div id="Logo-border2"> 
       <div id="Logo-border1"> 
       <div id="Logo"> 
        <h1> 
        <b>Logo Design</b> 
        </h1> 
       </div></div></div></div></a> 
      <td><div id="Title">hi</div></td> 
      </div> 
      </td>   
      </tr> 
     </table> 
    </body> 
</html> 

回答

2

您所有損壞的HTML,我可以告訴你,#Title處於不同<td>元素#Header,因此它永遠不會是它裏面。

修改您的HTML。

此外,單位是必需的。將px添加到所有未標記的長度數字。

0

這裏有一些更緊湊 -

HTML

<div class='outerdiv2'> 
<div class='outerdiv1'> 
<div class='centerdiv'>Logo Design</div> 
</div> 
</div> 

但我真的不知道你想要的稱號。