Почему моя таблица отображается в одной ячейке

-1

Моя таблица хранится в одной ячейке, не знаю, что я сделал неправильно. любой желающий посмотреть и сообщить мне, где я ошибся.Почему моя таблица отображается в одной ячейке

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link rel="stylesheet" type="text/css" href="main.css"> 
<title>Ironton Fire department Sponsors</title> 
</head> 

<body> 
<div style="width:1020px; height:1020px; float:center; background- image:url(images/zombie_5k_TM_AP_stripped.png)"> 
<div class="home"> 
      <img src='images/home_button.jpg' name="register" onMouseOver="this.src='images/home_button_hover.jpg'" onMouseOut="this.src='images/home_button.jpg'" onclick="location.href='index.html'"/> 
     </div> 
     <div class="register"> 
      <img src='images/register_button.jpg' name="register" onMouseOver="this.src='images/register_button_hover.jpg'" onMouseOut="this.src='images/register_button.jpg'" onclick="location.href='register.html'"/> 
     </div> 
     <div class="sponsor"> 
      <img src='images/sponsor_button.jpg' name="sponsor" onMouseOver="this.src='images/sponsor_button_hover.jpg'" onMouseOut="this.src='images/sponsor_button.jpg'" onclick="location.href='sponsors.html'"/> 
     </div> 
     <div class="gallery"> 
      <img src='images/gallery_button.jpg' name="gallery" onMouseOver="this.src='images/gallery_button_hover.jpg'" onMouseOut="this.src='images/gallery_button.jpg'" onclick="location.href='gallery.html'" /> 
     </div> 
    <div class="sponsors"> 
<table> 
    <tr> 
     <td align="center" width="250">Seth Jackson - Edward Jones</td> 
     <td align="center" width="250">Heritage Mechanical </td> 
    </tr> 
    <tr> 
     <td align="center" width="250">Mike Flanagan – Iron Range Auto </td> 
     <td align="center" width="250">&nbsp;</td> 
    </tr> 
</table> 
</div> 
<div class="sform"> 
< p align="center"> 
    <a style="color: #D91D1F;"href="Images/ZX5K Sponsorship Agreement.pdf" target="_blank">ZX5K Sponsorship Agreement</a></p></div></div> 
</body> 
</html>

вот CSS, которая охватывает класс .sponsors

.sponsors { 
    position: absolute; 
    top: 280px; 
    left: 340px; 
}

здесь ссылка, чтобы увидеть, что я имею в виду, http://www.ifdauxzx5k.com/sponsors.html

источник

2014-02-10 Tony La Valle

Ваш стол находится внутри класса спонсоров, и вы дали ширину 150 пикселей. И ваши ячейки имеют общую ширину 500. Я думаю, ваша проблема там. Редактировать: hmm, и я также вижу, что в классе отсутствует символ «S». – mauricehofman

' есть ненужное пространство перед 'p' – Reeno

@MaHo У него есть 2 divs,' .sponsors' и '.sponsor'. Ты смотришь на неверного div, и он дал неправильный кусок css. '.sponsor' - кнопка меню. Я отредактировал его. – Timmetje

Ваш стол не отображается в одном клетка. Но все ячейки находятся на вершине eachother, потому что у вас есть position: absolute; на вашем TD в вашем main.css line 62.

td{ 
    color: #D91D1F; 
    position: absolute; 
}

Поэтому каждый TD собирается в левом верхнем положении стола. Удалите эту строку, и она будет вести себя корректно.

источник

2014-02-10 16:03:00 Timmetje

благодарю вас, я не видел, что я сделал это, что я смотрел на это уже довольно давно. –

У меня есть еще один вопрос с этим сайтом. почему он не находится в центре браузера? он всегда сидит сверху и слева. –

Почему моя таблица отображается в одной ячейке

ответ

Смежные вопросы