Weird placement on tables

时间:2016-10-20 20:08:48

标签: html css

Okay so im coding and hosting a website for a project we do in school and im trying to create a "about us"-tag. we are 6 people and i have 6 photos, names and workdescriptions that i have placed in a table. i have the table exactly as i want but its placement is way of point.

code is as following...

<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>

if you want preview of complete set --> http://gguf.se/kontakt.html

Thanks! :)

1 个答案:

答案 0 :(得分:0)

在你的CSS中:

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

您的保证金设置为200px 我想你可能意味着20px? :)
希望这有帮助!