奇怪的放置在桌子上

-2

好吧，所以即時編碼和託管一個項目，我們在學校做的網站，並試圖創建一個「關於我們」 - 標籤。我們是6人，我有6張照片，名字和工作描述，我放在桌子上。我的桌子和我想要的完全一樣，但是它的擺放位置是點的方式。奇怪的放置在桌子上

代碼如下...

如果你想一套完整的預覽

<div class="mainContent"> 

    <div class="content" style="width: 80%;"> 

     <article class="topContent"> 

      <header class="omosstext"> 
       <h2 style="color: #D7622C">more random text</h2> 
       <p>some random text</p> 
      </header> 

       <table class="oss" style="border-spacing: 50px 2px;"> 
        <tr style="line-height: 20px;"> 
        <td><img src="img/pic1.jpg" class="image1"></td> 
        <td><img src="img/pic2.jpg" class="image1"></td> 
        <td><img src="img/pic3.jpg" class="image1"></td> 
        <td><img src="img/pic4.jpg" class="image1"></td> 
        <td><img src="img/pic5.jpg" class="image1"></td> 
        <td><img src="img/pic5.jpg" class="image1"></td> 
        </tr> 

        <tr style="line-height: 20px;"> 
        <td>name1</td> 
        <td>name2</td> 
        <td>name3</td> 
        <td>name4</td> 
        <td>name5</td> 
        <td>name6</td> 
        </tr> 
        <tr style="line-height:20px;"> 
        <td>VD</td> 
        <td>Webbansvarig</td> 
        <td>Grafisk Designer</td> 
        <td>Ekonom</td> 
        <td>Grafisk Designer</td> 
        <td>Kontaktperson</td> 
        </tr> 
       </table> 
      </article> 
    </div> 
</div>

- >http://gguf.se/kontakt.html

謝謝！ :)

來源

2016-10-20 jesper magnusson

現在的樣子是什麼樣的，你想讓它看起來像什麼？ – j08691

嘗試檢查員/螢火蟲，看看發生了什麼。您已將margin：200px設置爲表格，可能希望刪除/減少該值！ –

在你的CSS：

.topContent table { 
    display: block; 
    margin: 200px; 
    line-height: 200px; 
}

您的保證金設置爲200像素。
我想你可能意思是20px？ :)
希望這有助於！

來源

2016-10-20 20:47:57 tuneHarmonic

奇怪的放置在桌子上

回答

相關問題