- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ
Экспертная оценка Адмитад
Оксана Мамчуева
VK приобрела 70% в структуре компании-разработчика red_mad_robot
Которая участвовала в создании RuStore
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день всем! Если у кого-то есть возможность потратить пару минут на просмотр моей проблемы, то сделайте это пожалуйста и подскажите плз!
Всем заранее спасибо.
Суть проблемы:
Сверстал страницу, вроде бы все отлично, прекрасно смотрится на всех разрешениях экрана, вроде все ок. Что получилось смотрите здесь.
После этого решил вставить банальую картинку в текст на странице с параметром 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>
Всем, кто отклинется еще раз спасибо!
Сделайте для картинки стиль float: left;
Код у вас все равно полная ахинея, так что можно сделать это прямо в теге img
ТВЭЛ, супер, спасибо огромное, все отлично!!!
p.s.: а почему "полная ахинея"? ))) объясните в двух словах?
Пожалуйста.
Объясню даже в трех: таблично, невалидно, нелогично :)
ТВЭЛ, не смущайте умы. Таблицы никто не отменял. Валидность несложно проверить в валидаторе, код по сути валиден. Что вы увидели нелогичного в коде топикстартера?
P.S. Я не поклонник верстки ни таблицами, ни div'ами и пользуюсь тем, что удобнее в каждом конкретном случае.
Если хотите, чтобы текст не разъезжался - определите ширину таблицы.
Каширин, при width="100%" таблица как раз и разъедется на всю доступную площадь. :)
content, если Вы считаете, что там все логично, то не завидую Вашим клиентам :) Без обид.
Вообще, консультировать я здесь не планировал, но раз уж Вы настаиваете, чтобы окружающие не посчитали меня голословным перечислю несколько характерных примеров:
В коде 162 (!) раза встречается . Мало того, что неразрывный там нигде не нужен, так еще и используется для этого 972 байта, вместо 162. В 6 раз больше. Здесь надо пояснить, вероятно многие не знают, что неразрывный пробел - это обычный символ и кодировать его комбинацией нет никакого смысла.
Нелогично использовать двойные переводы строк (br) вместо тэга абзаца p. И уж тем более нелогично использовать несколько вышеупомянутых неразрывных пробелов в качестве абзацного отступа.
В коде нет не то что заголовка первого уровня, там вообще нет заголовков.
Теперь про таблицы. Конечно их никто и не отменяет, только зачем же их использовать для верстки? Хорошо, я в курсе, что многие дизайнеры "старой закалки" еще до сих пор считают, что это нормально и другими методами не сделаешь. Я не буду ввязываться в эту святую войну. Однако даже если считать, что верстать таблицами нормально, то зачем тогда еще и для каждого отдельного пункта меню своя ячейка?
Про валидность. Код валиден "по сути" тогда и только тогда, когда валидатор не показывает ошибок.
Хватит, пожалуй. Да, и еще: автор ссылку убрал, так что, возможно, Вы не видели пример. А ссылка была изначально такая.
ТВЭЛ,
Здесь надо пояснить, вероятно многие не знают, что неразрывный пробел - это обычный символ и кодировать его комбинацией нет никакого смысла.
здесь просил бы поподробнее. каким же символом обозначается неразрывный пробел? и будет ли это работать во всех кодировках а не только напирмер в utf-8? то, что это "обычный символ" я не согласен. потому прошу пояснений.
ТВЭЛ, я не видел ссылки и говорил именно о коде таблички. Но клиентов моих не жалейте, так я для них не пишу.
Что касается - полностью согласен с robust. Это крайне полезный символ. Как пример, после текста плавающей длины мне надо вставить "читать весь текст полностью >>". Существует вероятность того, что ">>" переедет на следующую строку и это будет несимпатично, тут то и используется "читать весь текст полностью >>".
Да, кстати, в чем нелогичность использования <br /><br />?