Jump to content

klierik

Administrator
  • Posts

    5,038
  • Joined

  • Last visited

  • Days Won

    125

Posts posted by klierik

  1. надо иметь знания хоть бы в сюжетных линиях, эргономическом построении макета(дизайна)

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

    в общем, етому надо учиться, учиться и еще раз учиться.

    дизами становяться далеко даже не в первый год работы.

    а вообще, дизайнером чего? веб, полиграфия, интерьеры, 3d, прочее. ведь дизайнеры так же деляться на разновиднсти

  2. 1. не сразу понял где вообще меню. на фоне всех блоков оно, имхо, в зоне рассеяного внимания.

    2. как уже говорили выше, меню вверху справа абсолютнокриво смотриться :D по сравнению с правой частью.

    3. так же полностью поддерживаю критику углов в лого.

    4. кросброузерность Очень рекомендована как минимум под Internet Explorer v6+, FireFox v2+, Opera v9+.

    зы: с 6й проблем больше нежели с 7й. И код корректно отображенный в ФФ так же будет скорее всего отображен в Safari (MAC OS броузер)

    5. логотип зделай ссылкой в рут

    с? :)

  3. вопрос по IE6

    в слоях, каждый раз делаеться отступ по высоте слоя.

    можно как-то это исправить?

    update: в общем посинить данный феномен ;) неполучиться (скорее всего)

    зато божно его обойти, используя для IE6 свой CSS.

    на слой вешаем position:relative; а двигаем слой отступами.

    к примеру если поднять выше, в таком случае пишем:

    margin-top: -100px;

    канешно ето не идеальный выход, зато спасает :)

  4. 2Tokolist,

    Да уже почитал в нете про это. :)

    такой вапрос, возможно ли в блочной верстке раятянуть слой на 100% по высоте.

    к примеру:

    есть 3 колонки.

    в центральной идет динамическое наполнение.

    можно ли растянуть боковые по высоте центральной?

    height:100%; тут не помог

    Скажите, пожалуйста, можно ли как-то избавиться от отступа который делает ИЕ6 по высоте слоя.

    т.е я позиционирую несколько слоев один за другим вопределенном блоке.

    везде все показывает красиво и идеально, но ИЕ6 в любом случае делает отступ, и опускает низлежащие объекты на высоту слоев.

    Получаеться имеем пустое пространство :)

  5. А при изменении размеров окна блоки с Вашем коде не прыгают по экрану?

    Блоки.. да прыгают в ИЕ6. Это можно как-то зафиксить?

    update: Только что посмотрел и сравнил, у Tokolist`a код намного проще моего. Вы были правы.

    Скажите, плиз, а можно как-то следующее записать вообще в CSS

  6. Да вообще ппц! Пробовал шрифтам 105% задавать?

    Ну я хочу сказать что у ИЕ6 тоже не все идеально. там если по чуток расширять/сужать ширину екрана, бывает попадает такой момент када пол верстки слетает к чертям :)

    скажите, пожалуйста, дивами можно зделать следующее:

    есть 2 дива по 50% на 1 строке.

    но между ними надо что б было растояние Х

    я добился этого использую следующее:

    css

    #infoBlock {
    width: 100%;
    margin: 7px 0px;
    height: 208px;
    }
    .ibLeft {
    height: 208px;
    width:50%;
    float: left;
    }
    .ibRight {
    height: 208px;
    width: 50%;
    float: left;
    }

    xHTML

    	<div id="infoBlock">
    <!--LEFT SIDE-->
    <div class="ibLeft">
    <div style="height:197px; width:100%;">
    <div style="float:left; width:100%; height:100%;"><!--center block-->
    <div style="background:url(images/info_block_c.png) repeat-x; margin:0px 15px 0px 10px; height:100%;">
    </div>
    </div>

    <div style="float:left; width:5px; margin-left:-5px; height:100%;"> </div>
    <div style="float:left; width:10px; margin-left:-100%; height:100%;"></div><!--left block-->
    <div style="float:left; width:10px; margin-left:-15px; height:100%;"></div><!--right block-->

    <div class="tr"></div>
    </div>
    </div>

    <!--RIGHT SIDE-->
    <div class="ibRight">
    <div style="height:197px; width:100%;">
    <div style="float:left; width:100%; height:100%;"><!--center block-->
    <div style="background:url(images/info_block_c.png) repeat-x; margin:0px 10px 0px 15px; height:100%;">
    </div>
    </div>

    <div style="float:left; width:10px; margin-left:-10px; height:100%;"><img src="images/info_block_r.png" width="10" height="197" alt="" /></div>
    <div style="float:left; width:15px; margin-left:-100%; text-align:right; height:100%;"></div><!--left block-->
    <div style="float:left; width:5px; margin-left:-100%; height:100%;"> </div><!--left margin-->


    <div class="tr"></div>
    </div>
    </div>


    <div class="tr"></div>
    </div>

    в общем смысл какой.

    есть 2 блока по 50%. а вот уже в них создаю центр, левую часть и правые части(мне надо было) и правый/левый отступ.

    код может показаться перегруженным, зато он работает во всех броузерах одинаково!

  7. все понял. спасибо за разъеснение.

    скажите, пожалуйста, дивами можно зделать следующее:

    есть 2 дива по 50% на 1 строке.

    но между ними надо что б было растояние Х

    таблицами ето зделать легко, но все же хочется дивами.

    update:

    В итоге у нас получается что последний слой занимает не 17%, а вс? оставшееся справ место(~17%).

    везде все отлично. но, ИЕ7 не растянул на 100%, а только на ширину того что внутри

    так как див на порядок выше имеет ширину auto, то не может быть растянут свойством.

    только наполнением контентом. ((

  8. супер. просто класс. я вам оочень всем благодарен!!!

    какая красота. я правда еще не понял как ето работает.. но ето дело времени.

    и вот только что друг сказал... мол если окно в ИЕ7уменьшить по ширине (а у меня екран 1024, то есть еще меньше получаеться)

    то крайний правый блок просто слитает вниз.

    есть предположения почему так?

    update: вот только проверил пустить два дива по 50%

    уменьшаем окно - тоже самое. правый див слетает.

  9. тоже самое. вот

    <style>
    * {
    margin: 0;
    padding: 0;
    border: 0;
    }
    .bgblock {
    width:auto;
    height:46px;
    background-color:red;
    }
    .asd, .ast {
    width:17%;
    height:46px;
    float:left;
    background-color:#eee;
    }
    .ast {
    width:16%;
    }
    </style>
    </head>

    <body>
    <div class="bgblock">
    <div class="asd">asd</div>
    <div class="asd">asd</div>
    <div class="ast">asd</div>
    <div class="ast">asd</div>
    <div class="asd">asd</div>
    <div class="asd">asd</div>
    </div>
    </body>

    для примера на фон кинул красную полоску.

    если присмотреться, то в конце справа естьотствуп ~ 1-2пк :)

    update: у меня 1024*768 екран. так же если окно сужать, в таком случае отступ увеличиваеться. предпологаю что при 1280*1024 его вполне не видно.

  10. доброго времени суток.

    1. есть следующий код:

    <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div>
    <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div>
    <div style="width:16%; height:46px; float:left; background-color:#eee;">asd</div>
    <div style="width:16%; height:46px; float:right; background-color:#eee;">asd</div>
    <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div>
    <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div>

    в суме ширина всех дивов == 100%

    Во всех броузерах (ИЕ6/7, ФФ2) все отлично показывает.

    А вот в Опера (v9.1) между центральными тегами (те что по 16%)

    появляеться отступ. Варьировать можно как угодно но отступ непропадает.

    Поля все нулевые:

    * {
    margin: 0px;
    padding: 0px;
    border: 0px solid white;
    }

    возможно ли это как-то починить?

    2. в CSS есть свойство: min-width

    В FF2, Opera 9.1, IE7 оно работает идеально как надо.

    А вот IE6 видимо его не поддерживает.Можно ли чем-то альтернативным задать минимальную возможную ширину?

    Спасибо

×
×
  • 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