Помогите найти ошибку в верстке, срочно!!! Плззз

12
[Удален]
1295

Добрый день всем! Если у кого-то есть возможность потратить пару минут на просмотр моей проблемы, то сделайте это пожалуйста и подскажите плз!

Всем заранее спасибо.

Суть проблемы:

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

После этого решил вставить банальую картинку в текст на странице с параметром align="left" , чтобы текст справа облегал ее. Но тут неожиданно ширина страницы увеличилась согласно параметру "ширина фоты + ширина текстовой страницы", хотя по идее текст должен был урезаться по правой стороне и пойти вниз. В общем что получилось смотрите здесь.

Чтобы было понятнее, вот структура общей таблицы -

<table cellspacing="0" cellpadding="0" border="0">

<tr>
<td rowspan="6">здесь левая тень</td>
<td colspan="2">самая верхняя синяя строка по центру</td>
<td rowspan="6">здесь правая тень</td>
</tr>

<tr>
<td>картинка логотипа</td>
<td>полоска высотой сто пикселов и шириной 1, которая вытягивается</td>
</tr>

<tr>
<td colspan="2">оранжевое меню</td>
</tr>

<tr>
<td colspan="2">тень под меню</td>
</tr>

<tr>
<td colspan="2">нижняя часть, в ней таблица из трех столбцов td: первый td -левая менюшка, второе td - текстовая центральная часть, которая уезжает, третяя td правые окошки</td>
</tr>

<tr>
<td colspan="2">здесь пока ничего</td>
</tr>

</table>

Всем, кто отклинется еще раз спасибо!

ТВЭЛ
На сайте с 29.09.2006
Offline
111
#1

Сделайте для картинки стиль float: left;

Время не ждёт.
ТВЭЛ
На сайте с 29.09.2006
Offline
111
#2

Код у вас все равно полная ахинея, так что можно сделать это прямо в теге img


<IMG src="бла бла бла" style="float: left;">
[Удален]
#3

ТВЭЛ, супер, спасибо огромное, все отлично!!!

p.s.: а почему "полная ахинея"? ))) объясните в двух словах?

ТВЭЛ
На сайте с 29.09.2006
Offline
111
#4

Пожалуйста.

Объясню даже в трех: таблично, невалидно, нелогично :)

content
На сайте с 23.01.2006
Offline
103
#5

ТВЭЛ, не смущайте умы. Таблицы никто не отменял. Валидность несложно проверить в валидаторе, код по сути валиден. Что вы увидели нелогичного в коде топикстартера?

P.S. Я не поклонник верстки ни таблицами, ни div'ами и пользуюсь тем, что удобнее в каждом конкретном случае.

Каширин
На сайте с 03.01.2004
Offline
1031
#6

Если хотите, чтобы текст не разъезжался - определите ширину таблицы.

<table cellspacing="0" cellpadding="0" border="0" width="100%">
content
На сайте с 23.01.2006
Offline
103
#7

Каширин, при width="100%" таблица как раз и разъедется на всю доступную площадь. :)

ТВЭЛ
На сайте с 29.09.2006
Offline
111
#8

content, если Вы считаете, что там все логично, то не завидую Вашим клиентам :) Без обид.

Вообще, консультировать я здесь не планировал, но раз уж Вы настаиваете, чтобы окружающие не посчитали меня голословным перечислю несколько характерных примеров:

В коде 162 (!) раза встречается &nbsp;. Мало того, что неразрывный там нигде не нужен, так еще и используется для этого 972 байта, вместо 162. В 6 раз больше. Здесь надо пояснить, вероятно многие не знают, что неразрывный пробел - это обычный символ и кодировать его комбинацией &nbsp; нет никакого смысла.

Нелогично использовать двойные переводы строк (br) вместо тэга абзаца p. И уж тем более нелогично использовать несколько вышеупомянутых неразрывных пробелов в качестве абзацного отступа.

В коде нет не то что заголовка первого уровня, там вообще нет заголовков.

Теперь про таблицы. Конечно их никто и не отменяет, только зачем же их использовать для верстки? Хорошо, я в курсе, что многие дизайнеры "старой закалки" еще до сих пор считают, что это нормально и другими методами не сделаешь. Я не буду ввязываться в эту святую войну. Однако даже если считать, что верстать таблицами нормально, то зачем тогда еще и для каждого отдельного пункта меню своя ячейка?

Про валидность. Код валиден "по сути" тогда и только тогда, когда валидатор не показывает ошибок.

Хватит, пожалуй. Да, и еще: автор ссылку убрал, так что, возможно, Вы не видели пример. А ссылка была изначально такая.

R
На сайте с 04.11.2005
Offline
113
#9

ТВЭЛ,

ТВЭЛ:
Здесь надо пояснить, вероятно многие не знают, что неразрывный пробел - это обычный символ и кодировать его комбинацией &nbsp; нет никакого смысла.

здесь просил бы поподробнее. каким же символом обозначается неразрывный пробел? и будет ли это работать во всех кодировках а не только напирмер в utf-8? то, что это "обычный символ" я не согласен. потому прошу пояснений.

content
На сайте с 23.01.2006
Offline
103
#10

ТВЭЛ, я не видел ссылки и говорил именно о коде таблички. Но клиентов моих не жалейте, так я для них не пишу.

Что касается &nbsp; - полностью согласен с robust. Это крайне полезный символ. Как пример, после текста плавающей длины мне надо вставить "читать весь текст полностью >>". Существует вероятность того, что ">>" переедет на следующую строку и это будет несимпатично, тут то и используется "читать&nbsp;весь&nbsp;текст&nbsp;полностью >>".

Да, кстати, в чем нелогичность использования <br /><br />?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий