Jump to content

Ogalig

User
  • Posts

    172
  • Joined

  • Last visited

Posts posted by Ogalig

  1. Фоны ячеек должны растягиваться (в общем они дают единый фон).

    Почему тогда нельзя поместить фон на таблицу? Про масштабируемые фоны это уже 3-й вопрос за эту неделю. Поищи в ветке джаваскрипта или ксс. Эти темы не должны были по идее далеко уйти.

    Для того чтобы элементы растягивались в зависимости от размеров рабочей области, задавай их ширину и высоту в относительных а не абсолютных величинах. Например в процентах.

    Если же нужно менять именно абсолютные величины, то на событие window.onresize необходимо повесить функцию, в которой прописать tvoi_element.style.width = document.body.offsetHeight - величина + "px";

  2. Все не так просто. Весь интерфейс строиться динамически из хмл-ка. Див вставлен для взаимодействия с сервером. В любом случае сейчас их убрать уже навряд ли получиться, т.к. на них слишком много завязано. Размеры ячейки в которой лежит див менять я пробовал, но почему-то не получаться.

  3. Доброго времени суток.

    Собственно проблемный участок кода:

    <table>
    <tr><td></td><td></td><td></td></tr>

    <tr><td></td><td>

    <div>...содержиое...</div>

    </td><td></td></tr>

    <tr><td></td><td></td><td></td></tr>
    </table>

    И соответственно ксс:

    .MainStyleLogicElementBorderWTB
    {
    width: 100%;
    }

    .DivLogicElementWTB
    {
    height: 500px;
    width: 100%;
    overflow: auto;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    }

    .ContainerTable
    {
    margin-left: auto;
    margin-right: auto;
    }



    .TopLeftLogicElementBorderWTB
    {
    width: 0px;
    height: 28px;
    overflow:hidden;
    }
    .TopCenterLogicElementBorderWTB
    {
    background-image: url( 'Images/TabHeaderLine.png' );
    background-repeat: repeat-x;
    width: auto;
    height: auto;
    position:relative;
    overflow:hidden;
    }
    .TopRightLogicElementBorderWTB
    {
    width: auto;
    height: auto;
    overflow:hidden;
    }



    .CenterLeftLogicElementBorderWTB
    {
    width: auto;
    height: auto;
    overflow:hidden;
    }
    .CenterCenterLogicElementBorderWTB
    {
    width: auto;
    height: auto;
    overflow:hidden;
    }
    .CenterRightLogicElementBorderWTB
    {
    width: auto;
    height: auto;
    overflow:hidden;
    }



    .ButtonLeftLogicElementBorderWTB
    {
    width: auto;
    height: auto;
    overflow:hidden;
    }
    .ButtonCenterLogicElementBorderWTB
    {
    width: auto;
    height: auto;
    overflow:hidden;
    }
    .ButtonRightLogicElementBorderWTB
    {
    width: 0px;
    height: 0px;
    overflow:hidden;
    }

    Стиль для дива - DivLogicElementWTB. Остальое для ячеек таблицы.

    Размер дива я изменяю динамически в зависимости от размеров окна. По идее таблица должна изменять размеры в зависимости от содержимого.

    Сейчас она только "растягивается" если "увеличивается" размер дива. А вот если высота дива уменьшается, то ячейка таблицы не уменьшается.

    Никак не могу понять в чем именно проблема.

    На всякий случай код скрипта, изменяющего размер дива:

    window.onresize=function(){ ResizeTab(document.getElementById(mainTableId), document.body.firstChild.firstChild)};


    var totalHeight = 0;

    function ResizeTab(placeHolderTable, elment)
    {
    if(elment!=placeHolderTable && elment.tagName=="TABLE")
    {
    totalHeight = totalHeight + elment.offsetHeight;
    }
    if(elment!=document.body.firstChild.lastChild)
    {
    ResizeTab(placeHolderTable, elment.nextSibling)
    }
    else
    {
    totalHeight = document.body.offsetHeight - totalHeight - 100;

    placeHolderTable.rows[1].cells[1].firstChild.style.height = totalHeight + "px";
    placeHolderTable.rows[1].style.height = "1px";
    placeHolderTable.style.height = "1px";
    totalHeight=0;
    }
    }

  4. Во-первых спрашивали только про одну страницу. Во-вторых не было указано что ксс стили уже прописаны , а создавать их только для одного тега. и в третьих не факт что для остальных страниц понадобятся те же самые стили. Я решаю только поставленные задачи просто :)

    RE: RE: Походу книгу HTML для чайников открывать совсем лень?

    Книги читать не лень. Но можно быть и повежливее!

    Просто то что ты спрашиваешь написано где-то в самом начале, буквально сразу после вступления любой книги по HTML

  5. На счет уменьшения картинки я не уверен, но тексты и разметка - пожалуйста. Не такая уж и трудная задача, муторная правда.

    Как-то видел таблицу с ячейками 1 на 1 пиксель. И закрашивая эти ячейки создавали рисунок. Вот такой рисунок можно было бы отсмасштабировать :)

  6. :) Походу книгу HTML для чайников открывать совсем лень?

    Сохраняешь фон в jpg, к примеру. Кладешь в ту же папку где лежит твоя страница. Затем пишешь:

    <body style="background-image: url( 'Твой картинка.jpg' );">

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy