Jump to content

runet

User
  • Posts

    72
  • Joined

  • Last visited

Posts posted by runet

  1. Тогда лучше использовать уже так

    HTML

    <span><a href="#">Link</a></span>

    CSS


    span{
    display: block;
    text-align: right;
    }

    Тогда лучше воспользоваться display: block + float: right.

    Когда ты float`аешь елемент он становится блочным, поэтому

    display: block

    - это лишне

  2. Интересное задание.

    А можно попробовать так.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <style>
    html, body {
    font-size: 100.01%;
    height: 100%;
    margin:0;
    padding:0;
    }
    body {background-color:white; color:red; font-weight: bold; font: 0.75em/1 "Verdana"; padding: 0 10px; overflow: hidden;}
    div.wrapper {
    width: 80%;
    float: right;
    }
    div.content {
    margin: 0 0 0 20px;
    background: #CCFF99;
    }
    div.sidebar {
    width: 20%;
    background: #CC9900;
    }
    </style>

    </head>
    <body>
    <div class="wrapper">
    <div class="content">content</div>
    </div>
    <div class="sidebar">sidebar</div>
    </body>
    </html>

  3. Вставлю свои пять копеек. В MODx можно задавать свои стили или html код, так званые чанки. Данные чанки можно подключать к вызову снипетов (в том числе и к [!Wayfinder?!]) Поэтому не надо говорить что Вы не можете изменить html код меню.

  4. Есть вариант не использовать таблицу, а использовать списки, тогда все работает.

    Оно и так все работает. Просто ребята имели ввиду что я использовал свойства nth-child, а он не работает в IE.

  5. По верстке замечаний нет. Все вроде бы супер. Вот только <h3>Search</h3> можно бы заменить на <label>.

    Ах да, и у инпута нет атрибута name, как же данные на сервер полетят?

    В ИЕ7 и ИЕ8 не работает зебра у таблицы. Мега-CSS - это конечно круто, но все-таки непорадочек. Скриптик можно было б и написать.

    Картинки пережаты абсолютно все. Незачет. Градиент вообще отвратителен.

    Ага понял, ща исправлю. По поводу css, понял о чем Вы. А вот про скрипт не очень.

    P.S. Скрипт который сжимает css на стороне сервера и отдает его пользователю?

  6. Вобщем ничё.

    Градиент полосатый (поиграйтесь в фотошопе)

    доктайп <!DOCTYPE html> - незаметил ни одного элемента специфичного для него, могли б вместо некоторых дивов использовать нечто более семантичное.

    (на валидность и кроссбраузерность не проверял)

    По поводу градиента знаю. Но такой он в макете. Хотя можно было мне и привести в норму.

    По поводу DOCTYPE, а разве обязательно использовать элементы html5?

  7. Я знаю что img inline - елемент. Просто если взять пример с соседней ветки и применить line-height:0; к img то ничего не происходит, а если к родителю то всё нормально.

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Untitled Page</title>
    <style>
    .test { width: 88px; line-height: 0; } /* работает */

    img{ line-height: 0; } /* реакции ноль */
    </style>
    </head>
    <body>
    <div class="test">
    <img src="img/stat_logo1.jpg" width="88" height="31" alt="" />
    <img src="img/stat_logo2.jpg" width="88" height="31" alt="" />
    </div>
    </body>
    </html>

  8. В разделе ЧаВо Отступ у картинки - 3 метод(line-height:0;). А разве нужно задавать тегу img? Я всегда думал что меж строчный интервал нужно задавать родителю. Ведь пробелы относятся к родителю, а не к картинке. Поправьте если чё.

  9. Да ладно?

    А это что?


    #picBox {
    border: 3px solid #93AEBA;
    height: 218px;
    overflow: hidden;
    position: relative;
    z-index: 1000;
    }

    Ну и если для вас всё ясно, сами и решайте проблему.

    Я имел ввиду что нужно уменьшить z-index для #picBox.

  10. Добрый день!

    Есть сайт bizprofi.ru

    На главной слайдер - он работает нормально. Картинки имеют z-index больше 100, javascript'ом они увеличивается на единицу при смене картинок (но едва ли кто-то дойдет до 1000)

    И есть проблемный блок. По умолчанию он скрыт. Чтобы его увидеть нужно нажать на ссылку в шапке под телефонами "написать нам".

    У всплывающего блока z-index 1000 но картинка его все равно перекрывает.

    Очень прошу помочь разобраться в чем же дело?

    printscreen.jpg

    картинки имеют z-index: 100, а контейнер который вмещает картинки z-index: 1000. Вот и проблема.

  11. Модульная сетка это конечно круто. Но нужно верстать по той сетке, которую использовал дизайнер. А когда тебе даю psd файл без сетки, то как ты будешь верстать, без накладывания? ИМХО модульные сетки только помогают в вычислении отступов и положения на странице.

  12. Здраствуйте увожаемые Господа прогромисты!!!!! Подскажите как зделать на сайте розпад тегов как на вконтакте!!!!!!!!!!!!! Таблицу пробовал уже не получаеться!!!!!! Помогите прошу Вас!!!!!!

    А что означает "розпад тегов" это что теги в боулинг играют. :D. Ладно, шутки в сторону, в чём именно проблема, конкретнее. Вам необходимо такую структуру как в vkontakte?

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