VPF::Переделать table в div - Форум программистов

Atlete

Дата 7.7.2008, 11:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 15.8.2007

Репутация: нет
Всего: нет

есть верстака с использованием table
код следующий:

Код


<table align="center">
<tr>
<td>part_left</td>
<td>CENTER</td>
<td>part_right</td>
</tr>
</table>

вся эта таблица выодится в центре браузера.
При изменении размера таблица остается в центре
Как повторить подобное только использовать div.

bars80080

Дата 7.7.2008, 11:48 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Код


<style>
body { text-align: center; }
#qw { margin-left: auto; margin-right: auto; }
</style>
<body>
<div id="qw">
<span>part_left</span>
<span>CENTER</span>
<span>part_right</span>
</div>
</body>

Atlete

Дата 7.7.2008, 12:14 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 15.8.2007

Репутация: нет
Всего: нет

Спасибо за ответ, но а если в данную струкутру будут вноситься вложенные div для вывода данных

в таблицах это выглядело так:

Код


<table align="center">
<tr>
<td>
   <table style="width:100px;">
     <tr>
       <td> some data left</td>
     </tr>
   </table>
</td>
<td>
   <table style="width:300px;">
     <tr>
       <td> data in center</td>
     </tr>
     <tr>
       <td> data in center</td>
     </tr>
     <tr>
       <td> data in center</td>
     </tr>
   </table>
</td>
<td>
   <table style="width:200px;">
     <tr>
       <td> some data right</td>
     </tr>
   </table>
</td>
</tr>
</table>

также неопходимо чтобы можно ыбло задать ширину столбцов.

bars80080

Дата 7.7.2008, 12:45 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

да задавай, кто мешает?

нужны вложенные блоки? вкладывай. если нужны вертикальные друг под другом - испльзуй div, если линейные слева направо - span, ширину также можно указать, как и в таблице

Atlete

Дата 7.7.2008, 14:31 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 15.8.2007

Репутация: нет
Всего: нет

Напсиал следующий код

Код


<style>
body { text-align: center; }
#qw { margin-left: auto; margin-right: auto; }
</style>
<body>
<div id="qw">
<span>
    <div>som code</div>
</span>
<span>
    <div>
        <span>11111</span>
        <span>22222</span>
        <span>33333</span>
    </div>
</span>
<span>part_right</span>
</div>
</body>

Вывод в брузер:

som code
11111 22222 33333
part_right

а мне нужно чтобы было так:

som code 11111 22222 33333 part_right

но с вложенными дивами. Что нужно изменить?

bars80080

Дата 7.7.2008, 14:38 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а зачем в таком случае div'ы, которые и вызывают перевод строки?

Код


<style>
body { text-align: center; }
#qw { margin-left: auto; margin-right: auto; }
</style>
<body>
<div id="qw">
<span>
    som code
</span>
<span>
    
        <span>11111</span>
        <span>22222</span>
        <span>33333</span>
    
</span>
<span>part_right</span>
</div>
</body>

Добавлено через 39 секунд
зачем дивы?, чем спаны хуже их?

WebDisaster

Дата 7.7.2008, 14:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19

Цитата(Atlete @ 7.7.2008, 14:31

)

Atlete, вкладывать блочные элементы внутрь строчных -- дурной тон =)

Atlete

Дата 7.7.2008, 22:57 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 15.8.2007

Репутация: нет
Всего: нет

Понятно....сказывается верстка таблицами.
Спасибо всем за разъяснение.

Ну а если необходимл сделать вложенную таблицу, то как это реализовать?

bars80080

Дата 8.7.2008, 09:38 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

засовываешь таблицу внутрь блока, ничего более конкретно на такой общий вопрос ответить нельзя

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »