singlepost

Таблицы HTML << На главную или назад  

Люди подскажите пожалуйста, я создал сайт на табличном дизайне, в нем 1 таблица и несколько ячеек,в таблице: слева друг под другом 4 ячейки, справа во всю длину этих четырех 1 ячейка, вообщем проблема в том, что когда контент( я помещаю его в 1 правую ячейку)выходит за границу ячейки, то она расширяется, но при этом те 4 ячейки которые слева тоже расширяется как им хочется, как их закрепить, хотя бы 3 из них? Я добавил под этими 4 – мя еще одну и вручную задаю параметр height, тогда методом подбора количества пикселей удается сделать чтоб расширялась тока 5-я ячейка, а остальные 4 как бы не расширяются, но возникла другая проблема: в FIREFOX все нормуль, а в ОПЕРЕ и ЭКСПЛОРЕРЕ остается пустое место, ну то есть когда я подгоняю количество пикселей в 5-й ячейке, чтобы те 4 ячейки не расширялись, то под контентом в правой ячейке(например текст) остается еще много пустого места. Извините за длинныйвопрос.

43 ответов в теме “Таблицы HTML”

  1. 30
    Андрей Fam ответил:

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

  2. 29
    Сергей Jensi ответил:

    >а вот в div с высотой в % будут проблемы
    Правда?:)

  3. 28
    Андрей Fam ответил:

    у table оба параметра, что width, что height можно указывать и в px и в %, и оба варианта будут работать нормально, а вот в div с высотой в % будут проблемы

  4. 27
    Илья Ленин ответил:

    нет, вы ошибаетесь, высота (как и ширина) таблицы может измеряться как в абсолютных величинах так и в относительных….

  5. 26
    Катюшка Романова ответил:

    #19
    Илья VAMPIRE Ленин 22 июл 2009 в 19:24
    "ВЫСОТУ ТАБЛИЦЫ УСАНОВИ РАВНОЙ 100%" – в процентах поставить мжна тлько ширену, а высота всегда фиксированая в пикселях а не в %….
    Возможно ты имел введу на всю длину екрана…

  6. 25
    Маша Померанцева ответил:

    Друзья ,помогите пожалуйста.
    Я не специалист, варганю простые html странички. Сейчас стоит задача- прикрутить к страничке генератор банковской квитанции (желательно ,универсальной, чтобы в любом банке можно было оплатить). Ну т.е. чтобы уже были заполнены поля нашей организации, а человек тока свои реквизиты внес,нажал на кнопку и чтоб появилась готовая квитанция на печать.
    Я так поняла, что это можно сделать в html, но не знаю как.
    Прошу откликнуться!:)нужно срочно

  7. 24
    Сергей Jensi ответил:

    height: 5000px;

    Так тоже не работает? о_О

  8. 23
    Дмитрий Терёшин ответил:

    эти атрибуты не помогают,почемуheight не работает объясните пожалуйста, единственный вариант, что я вижу сделать фон ячейки в которой таблица, в которой эти хреновы 5 ячеек черным, типа так //dmitrijteryoshin.narod.ru/

  9. 22
    Сергей Jensi ответил:

    Скачать другую оперу:)
    Дмитрий Терёшин,cellpadding и cellspacing

  10. 21
    Никита Пестин ответил:

    Возникла следующая проблема:

    Имеется некая папка, в которой лежат изображения (1024×768), имеется таблица (размер каждой ячейки 300х200), имеется скрипт загоняющий все изображения из папки в ячейки этой таблицы…

    Всё прекрасно масштабируется и отображается, но Опера снова подкладывает свинью: компьютер начинает существенно тормозить, так будто она каждый такт отрисовывает картинки в натуральном размере и заново их масштабирует. Как можно обойти это дело?

  11. 20
    Дмитрий Терёшин ответил:

    карочь вот ссылка //dmitrijteryoshin.narod.ru/в общем под нижней левой ячейкой пустое пространство она не растягивается, в css я описал тока границы и фон, больше ничего, исправьте код пожалуйста чтоб растягивалась вниз

  12. 19
    Дмитрий Терёшин ответил:

    Илья, извини, я забыл просто в прошлом сообщении дописатьHEIGHT = "100%" во второй таблице , на самом деле у меня в интернет страничке все было прописано, и я повторюсь не работает

  13. 18
    Илья Ленин ответил:

    ВЫСОТУ ТАБЛИЦЫ УСАНОВИ РАВНОЙ 100%
    <table width="100%">
    <tr>
    <td width = "20%" valign = "top">
    <table width = "100%" HEIGHT = "100%"> ВЫСОТА ТАБЛИЦЫ
    <tr>
    <td height="50">Первая строка</td>
    </tr>
    <tr>
    <td height="50">Вторая строка</td>
    </tr>
    <tr>
    <td height="50">Третья строка</td>
    </tr>
    <tr>
    <td>Четвертая строка</td>
    </tr>
    </table>
    </td>
    <td>
    Тут контент
    </td>
    </tr>
    </table>

  14. 17
    Дмитрий Терёшин ответил:

    Лан, почитаем CSS

  15. 16
    Сергей Jensi ответил:

    Илья, может notepad++ ?
    Дима, учи CSS и не задавай вопросы, которые аж стыдно читать будет после изучения CSS:)

  16. 15
    Дмитрий Терёшин ответил:

    Илья Graf Ленин, не работает , вот же код

    <table width="100%">
    <tr>
    <td width = "20%" valign = "top">
    <table width = "100%">
    <tr>
    <td height="50">Первая строка</td>
    </tr>
    <tr>
    <td height="50">Вторая строка</td>
    </tr>
    <tr>
    <td height="50">Третья строка</td>
    </tr>
    <tr>
    <td height="100%">Четвертая строка</td> -хочу чтоб эта ячейка заняла
    все остальное нижнее пространство – в мозиле понимает, а в ИЭ и Опере нет! что есть height="100%" что нет его ячейка не растягивается
    </tr>
    </table>
    </td>
    <td>
    Тут контент
    </td>
    </tr>
    </table>

  17. 14
    Илья Ленин ответил:

    Да, Сергей, тут я с тобой согласен!!!!! Но все же я против дримвивера(эт ксиа не редактор а фреймворк), он перегружен. Есть на винде какой-то текстовик, по типу kwrite, с подсветкой синтаксиса и нумерацией строк… ток вот не помню как он называется…

  18. 13
    Сергей Jensi ответил:

    Не, блокнот не рулез уже давно для нормальных программистов, ибо когда кода более 500 строк и вылезет ошибка на какой-то строке (PHP) , то х+й что там найдёшь, а дримвивер отличный редактор!!!:))

  19. 12
    Илья Ленин ответил:

    ну на счет дримвивера не подскажу ибо блокнот рулез!!!! советую кодить только там. а про высоту…. проблема решается очень просто. установи высоту таблицы, которой принадлежит эта ячейка, равной 100%, укажи размеры только трех верних ячеек и нижня растянется сама.

  20. 11
    Сергей Jensi ответил:

    No comments…
    А я шадоубокс поставил:))))))
    Мну сёдня работало и заипалось отвечать на тупые вопросы…
    Все вопросы к Вадиму в ЛС (он мну убЪёть нах))))

  21. 10
    Дмитрий Терёшин ответил:

    Спасибо всем за советы, особенно Илье Graf Ленину вроде получилось, терь нет этих тупых пробелов между текстом и границей ячейки в ИЭ и Опере, все также норм как в Мозиле. У меня другой вопрос, я учусь работать в Дримвивере, и он почему в режиме макета, когда строишь табличный дизайн не дает впихнуть в ячейку макета таблицу макета, пришлось вручную прописать в ячейку теги <table></table>, почему так? И еще почему ячейки вИЭ и Опера не понимают height="100%"

    <table width="100%">
    <tr>
    <td width = "20%" valign = "top">
    <table width = "100%">
    <tr>
    <td height="50">Первая строка</td>
    </tr>
    <tr>
    <td height="50">Вторая строка</td>
    </tr>
    <tr>
    <td height="50">Третья строка</td>
    </tr>
    <tr>
    <td height="100%">Четвертая строка</td> -хочу чтоб эта ячейка заняла
    все остальное нижнеепространство – в мозиле понимает, а в ИЭи Опере нет!
    </tr>
    </table>
    </td>
    <td>
    Тут контент
    </td>
    </tr>
    </table>

  22. 9
    Никита Пестин ответил:

    Благодарю, помогло.

  23. 8
    Сергей Jensi ответил:

    У меня всё нормально, пробуй так:

    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td width="100%">
    <img src="images\shapka.jpg" width="100%" VSPACE="0"><br>
    </td>
    </tr>
    <tr>
    <td width="100%" height="200" bgcolor="#FFA133" style="margin:0px;">
    </td></tr>
    </table>
    </body>

    _________________________

    style="margin:0px;" – отвечает за все расстояния
    Можешь экспериментировать так:
    margin-top:-5px;
    margin-top:5px;

    margin-bottom:10px;
    margin-bottom:-10px;

    Сам настраивай это всё, у меня в FF и опере всё гуд)

    p.s.: не делай сайт для ИЕ, бери пример с меня:)

  24. 7
    Никита Пестин ответил:

    Вот так это выглядит:
    //i060.radikal.ru/0907/55/d48990394b7b.jpg

  25. 6
    Сергей Jensi ответил:

    Скрин можно? Мне лень сейчас смотреть что-то в коде, я на отдыхе:)
    //radikal.ru

  26. 5
    Никита Пестин ответил:

    День добрый, мастера HTML и CSS…

    Возникла следующая проблема:
    Имеется следующий код:
    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td width="100%">
    <img src="images\shapka.jpg" width="100%" VSPACE="0"><br>
    </td></tr>
    <tr><td width="100%" height="200" bgcolor="#FFA133">
    </td></tr>
    </table>
    </body>

    Т.е. имеется таблица, из двух вертикальных ячеек,в которых
    распологаются картинка и просто закрашенная область сответственно.
    Требуется чтобы закрашенная область вплотную прилегала к нижнему краю картинки т.е. между двумя ячейками не должно быть расстояния.
    В IE как и положено его нет, в Opere же несмотря ни на что присутствует белая полоса. Не подскажите выход, пожайлуста?

  27. 4
    Дмитрий Молостов ответил:

    Юзай лучше блочный дизайн на DIV'ах

  28. 3
    Илья Ленин ответил:

    Оч советую тебе устанавливать ширину в процентах. Это поможет избежать многих трудностей, связаных с кроссбраузерной версткой. А решение твоей проблемы очень простое – Сделай две ячейки(левая содержит таблицу из четырех, а правая самая большая в которой будет контент). Не забудь выровнять содержимое первой ячейки по высоте. вот тебе код если вдруг сам не допрешь

    <table width="100%">
    <tr>
    <td width = "20%" valign = "top">
    <table width = "100%">
    <tr>
    <td>Первая строка</td>
    </tr>
    <tr>
    <td>Вторая строка</td>
    </tr>
    <tr>
    <td>Третья строка</td>
    </tr>
    <tr>
    <td>Четвертая строка</td>
    </tr>
    </table>
    </td>
    <td>
    Тут контент
    </td>
    </tr>
    </table>

  29. 2
    Сергей Jensi ответил:

    Лучше бы скрин, а не текст. Таблица будет расширяться, т.к. места мало выделено для текста в ней

  30. 1
    Вадим Харитонов ответил:

    ширина параметров width задаётся, высота height. можно указывать значение не в пискелях, а в процентах, намного удобнее, Ты же не знаешь какое разрешение будет у пользователя, так что <table width=100% border=1><tr><td width=25%></td><td width=50%></td><td width=25%></td></tr></table>
    вот пример :)

Клуб программистов работает уже ой-ой-ой сколько, а если поточнее, то с 2007 года.