Изображения выливаются из таблицы

Question

У меня проблемы с домашним заданием ...
Я совершенно новичок в HTML/CSS и не могу найти исправления для своих изображений, выплескивающихся из моей таблицы ... независимо от размеров моих фотографий, они все равно не помещаются в ячейки таблицы ...

Изображение таблицы:

<div class="section1 center">
 <p class="section1Text">
  Pamela Holland is a University of Melbourne trained Clinical 
   Psychologist practicing in Melbourne's far southeastern suburbs and West 
   Gippsland who specializes in the delivery of scientifically supported 
   cognitive-behavioral therapies (CBT) to adults and older adolescents 
   experiencing emotional difficulties.
 </p>

 <table style="position:absolute;z-index:6;color:white;font- 
  size:13px;top:145px;left:160px;">

    <tr>
        <td><img src="images/bullets.png" width="15px"></td>
        <td>8 years of experience</td>
        <td><img src="images/bullets.png" width="15px"></td>
        <td>Full confidentiality</td>
    </tr>

    <tr>
        <td><img src="images/bullets.png" width="15px"></td>
        <td>Modern and effective methods of psychotherapy</td>
        <td><img src="images/bullets.png" width="15px"></td>
        <td>My office is located in city center</td>
    </tr>
</table>

<img src="images/owner.png" width="700px">

<div class="dividerTransparency center">
    <p>gsasga</p>
</div>
</div>

и мой CSS:

.section1 {
width:50%;
background-color:#aba89d;
position:relative;
}

.section1Text{
z-index:5;
position:absolute;
text-align:center;
width:60%;
font-size:13px;
color:white;
top:70px;
left:210px;
 }

.dividerTransparency {
width:100%;
height:42px;
background-color:rgba(103,101,96,.5);
position:relative;
z-index:3;

}

.section1 img {
margin-left:50px;
position:relative;
bottom:-45px;
z-index:2;
}

Я надеюсь, что это нормально .. Я не знаю более простой способ поделиться кодом здесь, так как я совсем новый ...

Answer 1

Пожалуйста, добавьте ниже css.

table tr td img{
    bottom:auto;}

Это работа для меня.