HTML/CSS noobie здесь.
Извините, если это очень простая проблема, но я не знаю, как это записать в Google.
Это (очень, очень) рудиментарный веб-сайт, который я делаю для своей старшей школы робототехники.
Как заставить боковую панель начинать сверху и не центрировать? Это таблица внутри другой таблицы.
Вот CSS для "боковой панели":
#sidebar {
height: 100%;
width: 200px;
}
EDIT: Вот HTML:
<body>
<table>
<tr class="banner">
<h1>Banner goes here</h1>
<p>Nothing here is final. No, the final site will not be this ugly.</p>
</tr>
<tr>
<td>
<table class="center" id="sidebar">
<tr><td>Home</td></tr>
<tr><td>About</td></tr>
<tr><td>Sponsors</td></tr>
<tr><td>Contact Us</td></tr>
<tr><td>FTC 5969</td></tr>
<tr><td>FRC 4538</td></tr>
<tr><td>FTC 7084</td></tr>
<tr><td>Media</td></tr>
<tr><td>Events</td></tr>
</table>
</td>
<td>
(main content)
</td>
</tr>
</table>
Думаю, я понял это для вас.
Я пробовал это с помощью той же самой вещи на моем сайте
<td style="vertical-align:top;">
Добавьте этот атрибут стиля в тег td, окружающий ваш контент слева, и он должен ударить его вверх по верхней части ячейки, в которой он находится.
Альтернатива CSS - это
#sidebar {
height: 100%;
width: 200px;
vertical-align:top;
}
или если вы специально хотите его только для ваших тд-тегов, просто выполните
#sidebar td {
vertical-align:top;
}
под основной вашей подписью #sidebar
table.center td
или .center td
. Таким образом, у вас есть общее правило css для каждой ячейки таблицы, которое является хорошей отправной точкой для обеспечения согласованного стиля на всех страницах.
Если вы используете таблицу внутри другой таблицы, просто используйте vertical-align: сверху на TD #sidebar.
ДЕМО: http://jsfiddle.net/nukec/7XjTv/
HTML:
<table class="one" >
<tr>
<td>
<table>
<tr>
<td> sdsdsdsdsd
</td>
</tr>
</table>
</td>
</tr>
</table>
CSS:
table{
border: 1px solid red;
}
.one{
height:500px;
}
td{
vertical-align:top;
}