LINUX.ORG.RU

Re: table -> div

<table><tr>
    <td>ABCDE</td>
    <td>12345</td>
</tr></table>

<div style="overflow:hidden;">
    <div style="float:left">ABCDE</div>
    <div style="float:left">12345</div>
</div>

QuietSoul ()

Re: table -> div

Было: <table><tr><td></td></tr></table> Стало: <div><table><tr><td><div></div></td></tr></table></div>

Miguel ★★★★★ ()

Re: table -> div

Спасибо всем будем пробывать, а то уже до посинения натрахался с div и css.

xtron ()
Ответ на: Re: table -> div от Miguel

Re: table -> div

<table> не прет :) цель все <table> перевести на <div>

xtron ()
Ответ на: Re: table -> div от QuietSoul

Re: table -> div

QuietSoul походу помогло - большое спасибо !
не допер бы что нужно в обоих проставить css float.

xtron ()
Ответ на: Re: table -> div от xtron

Re: table -> div

Я имел в виду, что цель а) идиотская, б) недостижимая практически. Поверь опыту бывшего веб-программера.

Miguel ★★★★★ ()
Ответ на: Re: table -> div от Miguel

Re: table -> div

нифига. Поверь опыту не бывшего веб-программера.

И что теперь?

Pi ★★★★★ ()
Ответ на: Re: table -> div от Pi

Re: table -> div

Всё бы хорошо, но сложная вёрстка слоями требует такого количества хаков, что слои теряют все преимущества перед таблицами. Так что - выбирать надо в каждом конкретном случае.

KRoN73 ★★★★★ ()
Ответ на: Re: table -> div от anonymous

Re: table -> div

Во-во. Я тоже эту диаграмму вспоминал, только не нашёл.

Miguel ★★★★★ ()
Ответ на: Re: table -> div от QuietSoul

Re: table -> div

Блин все бы хорошо:

<div style="overflow:hidden;">
<div style="float:left">ABCDE</div>
<div style="float:left">12345</div>
</div>

Но когда во второй внутреннем div вместо 12345 _МНОГО_ текста (с пробелами который может переносится) этот div прыгает под первый внутренний div. Можно их как то намертво склеить ? Можно конечно внешнему div дать width:100% и внутренним четко задать ширину, но дело в том что у первого внутреннего div ширина задается не в процентах а в пикселях, а width:* для второго не пашет :(

xtron ()
Ответ на: Re: table -> div от xtron

Re: table -> div

YES ! Описанная проблема решается выбрасыванием float:left из второго внутреннего div и добавлением туда margin-left:???px;

xtron ()
Ответ на: Re: table -> div от xtron

Re: table -> div

Почему-то мне кажется, что Вам стоило хоть что-нибудь но почитать по теме!!!

Если времени совсем в обрез, то вот http://softwaremaniacs.org/blog/category/web/primer/

ИМХО материал полезен. И ссылки там есть.

За отказ от табличной верстки - плюс пицот. За попытку решить наскоком - минус.

PS И не стоит слушать "типа вебдезигнеров" и прочих "профи" толкующих тут про невозможность...

Bebop ★★ ()
Ответ на: Re: table -> div от Bebop

Re: table -> div

О! А ссылку-то уже давали :)

Bebop ★★ ()
Ответ на: Re: table -> div от Bebop

Re: table -> div

Этот наскок уже больше года висит :) Что такое margin я знаю но в таком ракурсе взглянул на это только сейчас :)

xtron ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.