Помогите перевести табличную вёрстку в html на div

Статус
В этой теме нельзя размещать новые ответы.

Evgeniy

Создатель
Регистрация
7 Июн 2007
Сообщения
33
Реакции
4
Код:
<table class="maintable">
    <tr>
        <td id="left">
            <div class="sideblock">
                <div class="menu">
                    меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                </div>
               </div>
        </td>
        <td id="right">
          контент
      контент<br>
      контент<br>
      контент
        </td>
   </tr>
</table>
Код:
table.maintable{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    cellspacing:0;
    border:0;
}
table.maintable td{
    border:0;
    vertical-align:top;
}
#left{
    width:197px;
    padding:5px 0 0 0;
    border-right:3px solid #eee;
  background-color: green;
}
#right{
    padding-top:5px;
background-color: red; 
}
 
не правильно заголовок написал. не обязательно html5
 
Нет ничего проще онлайн: Для просмотра ссылки Войди или Зарегистрируйся
Код:
<style type="text/css">
        .table {
            display: table;
        }

        .row {
            display: table-row;
        }

        .column {
            display: table-cell;
            vertical-align: top;
        }
    </style>
   
<div>
    <div>
        <div>
            <div>
                <div>
                    меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                </div>
               </div>
        </div>
        <div>
          контент
      контент<br>
      контент<br>
      контент
        </div>
   </div>
</div>
 
DevOrc, а вы проверяли код, который показали?

Я вот смотрю и не могу понять, а как классы в стилях привязываются к дивам?

Evgeniy
1) cellspacing у CSS не существует, вместо него используется border-spacing
2) На скорую руку так Для просмотра ссылки Войди или Зарегистрируйся
хотя конечно надо смотреть задачу, ведь возможно таблицы и не нужны.
И таблицы надо использовать там, где действительно необходимы таблицы, а не пытаться панически и фанатически их реализовать на дивах.
 
Последнее редактирование:
DevOrc, а вы проверяли код, который показали?

Я вот смотрю и не могу понять, а как классы в стилях привязываются к дивам?

Evgeniy
1) cellspacing у CSS не существует, вместо него используется border-spacing
2) На скорую руку так Для просмотра ссылки Войди или Зарегистрируйся
хотя конечно надо смотреть задачу, ведь возможно таблицы и не нужны.
И таблицы надо использовать там, где действительно необходимы таблицы, а не пытаться панически и фанатически их реализовать на дивах.


Вот, набросал, но идея наверно понятна Для просмотра ссылки Войди или Зарегистрируйся
 
Для списка меню лучше всего использовать <ul> и <li>
<br> - это плохо и стилями изменять высоту не удобно будет.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху