Jump to content

master-kyk

User
 View Profile  See their activity

  • Posts

    30

  • Joined

  • Last visited

 Content Type 

Everything posted by master-kyk

  1. master-kyk
    Уважаемые мастера, подскажите как правильнее решить такую задачу: http://hostingkartinok.com/show-image.php?id=f99888585c0b10129461838efec6a637 В коде они идут по порядку: header content footer и все находятся в одной обертке. Я размещаю блоки header и footer, друг над другом, с помощью position:absolute. Content занимает все что остается по правую сторону. При большом наполнении контента, появляется полоса вертикальной прокрутки, и при скролинге блоки зафиксированные слева, убегают в верх. Как лучше разместить их с левой стороны, чтобы вне зависимости от размера контента они оставались фиксированными? (я могу это сделать - поместив их в персональный блок и зафиксировать его, но тогда подвал окажется над контентом)
  2. master-kyk
    Кстати о картинках. Если их с десяток на странице и они постоянно меняют размер при изменении размера окна.
  3. master-kyk
    Я его просто для примера воткнул, как один из популярных конструкторов. % взять к примеру использование Media Queries. +еще подключения нескольких js библиотек для работы "резины" в ie.
  4. master-kyk
    Собственно сегодня спорили с одним товарищем (дизайнером), о том как влияют всяческие "плюшки" на скорость работы сайта. Он рассказывал мне про то, что мол популярные "адаптивные" страницы, где почти всё указано в процентах, весьма нагружают машину посетителя. Возникают глюки тормоза и тд, не суть важен этот разговор.. Но я действительно задумался, а насколько страница сверстанная к примеру с помощью "бутстрапа", больше нагружает браузер и машину посетителя страницы по сравнению с той же классической(в общих рамках) страницей.
  5. master-kyk
    Я в курсе что это адаптивная верстка. Интересует практический аспект, насколько она лучше прежнего метода - когда для различного визуального отображения страницы, применяли различные таблицы стилей.
  6. master-kyk
    Можно сказать - "резиновая страница". http://www.snhcollection.com/137pillarshouse/
  7. master-kyk
    Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?
  8. master-kyk
    А забыл пристыковать таблицу сброса, она у меня в отдельном файле как "reset.css" html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}Во всех страницах: <link rel="stylesheet" href="css/reset.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css">
  9. master-kyk
    Страница 1 - http://jsfiddle.net/3k6cp720/ Страница 2 - http://jsfiddle.net/po8b7etk/ Если открыть ссылки в "хроме", то ничего с отступом у "головы" не происходит. А если открыть в "фаерфоксе", то на второй странице отступ уменьшается.
  10. master-kyk
    Даже не понял как правильно описать проблему)). Все страницы одинаковые: <body><div class="block-desk"> <div class="block1x1 orangeblock"></div> <div class="clearblock"></div> </div> <div class="content-desk"> <div class="clearblock"></div> </div> <footer>footer</footer> </body>Основные стили: html, body {height: 100%;font-family: 'Monospace';font-size:14px;text-indent:0;}body {width: 960px;max-width: 960px;background:rgb(65, 64, 66);margin: 0 auto;background: url(../img/greybg.png);}.block-desk {width: 960px;margin: 0;margin-top: 30px;position: relative;background: url(../img/bg11.png);color:#000;}.content-desk {width: 960px;margin: 0;margin-top: 20px;position: relative;background: none;color:#fff;}footer {width: 100%;border-top: #98CA46 solid 2px;margin-top: 40px;overflow: hidden;}Когда страницы пустые или с минимумом информации (как например в контактах), все статично и одинаково. Когда в секции для контента (<div class="content-desk">) появляется обширная часть материала, то пространство над ".block-desk" визуально уменьшается в фаерфоксе, а в хроме все как и на пустых. Вроде отступ определен четко, да и скрол присутствует на всех страницах, непонятно почему такие скачки возникают. Подскажите где поправить).
  11. master-kyk
    Спасибо, буду разбираться.
  12. master-kyk
    Пролистав ссылку, вообще ничего не понял)). Это что, по разрешению экрана устройство распознается? В общем не проблема, но опять же, получаеться изначально посетитель заходит на основной сайт и только потом может жмякнуть на ссылку и перейти на мобильную версию.
  13. master-kyk
    Мастера подскажите как можно реализовать следующее: Для основного отображения есть основной файл стилей, а к примеру для того чтобы упростить отображение на мобилках я хочу написать другой файл стилей. Как мне можно будет заставить браузер смартфона загружать именно таблицу стилей для него, а не для компов?
  14. master-kyk
    Не забывай ещё, что в винде шрифты платные, поэтому в линуксе другие шрифты, даже если и там и там firefox. Тогда мне придется по мимо основного шрифта, подобрать еще и из виндовых что-то похожее. И прописать его - ( font-family: 'Monospace' __тут___; ), и когда эксплоер не понимает основной, будет использовать вторичный?
  15. master-kyk
    Как я понял все браузеры по умолчанию шрифт разный показывают. К примеру я хочу использовать "Monospace", его фаерфокс показывает корректно а эксплоер больше, поэтому и <p> увеличиваеться по отношению к тем размерам что я ему прописываю. По идеи, если <p> вылезает за размеры своего родительского <div>, он не будет влиять на разметку, поскольку не оказывает влияния на соседние блоки? А подстраховаться с выскочившим за рамки текстом можно как я понимаю "Оверфлоам".
  16. master-kyk
    Вряд ли за две недели можно изучить с нуля html, но я делаю сайт для себя и профессионально заниматься этим не собираюсь)), так что не сильно бейте. Собственно решел не шаманить на главной странице со всякими разворачивающимися блоками, а просто разместить их в стиле win8 - плитками разной величины. Вот что у меня сейчас выходит: http://jsfiddle.net/gp7GK/5/ Хотелось бы, чтобы профи проверили правильность моих действий)). 1. Пока не понял как правильно разместить текст внутри блоков, так чтобы его отступы не выталкивали "p" за границы "divа". И заставить текст вмещаться в границы родительского блока. 2. Если убрать блоки "clear" в концах секций, то получается какая-то фигня (по моему называется схлопывание), тоже разбираюсь с этим. Но если выставить 100% высоты для секции в которой сидят мелкие блоки, то вроде как все, как надо смотрится и аналогично если выставить блокам inline-block. 3. Что лучше использовать для цвета: rgb или через #..... ? 4. Правильно ли использовать размеры в "px", если мне нужны четкие размеры всего от шрифтов до границ блоков? Заранее спасибо)).
  17. master-kyk
    Извиняюсь за использование чужой темы)). Уважаемые профи объясните на пальцах: в чем разница между display: block и inline-block, для div. Хром говорит что divы по умолчанию блочные элементы, но когда я вставляю 10divов в обертку, обертка не растягивается по верх них автоматически без указания 100%высоты. А если дивы обозвать строчно-блочными то обертка их тютелька в тютельку обтекает и растягивает свой фон как надо. Но вот если честно пытаюсь понять зачем блочные элементы понижать до строчных или пополам.
  18. master-kyk
    Здорово)). Спасибо.
  19. master-kyk
    Уважаемые гуру, а подскажите - можно ли при выполнении разворачивания блока, не только открывать его содержимое но и к примеру изменять размер шрифта и цвет? Допустим в первоначальном блоке текст 12px черный а в раскрывшемся 14px белый. http://jsfiddle.net/LBz9N/4/
  20. master-kyk
    Здорово)). Просто классный эффект))) http://jsfiddle.net/LBz9N/2/. Осталось грамотно впихнуть туда содержимое).
  21. master-kyk
    Ironimus, а с помощью этих методов можно сделать, чтобы окна закрывались обратно, а не открывались все вместе?
  22. master-kyk
    Первый раз встречаю такие элементы)), мне как новичку наверно будет проще с явой разобраться, поскольку примеров много и людей разбирающихся)).
  23. master-kyk
    Спасибо Switch74, значит это не ява управляет отображением скрытых блоков а CSS. А ява просто показывает их или скрывает)).
  24. master-kyk
    В данный момент смотрю на ютубе их ролики. Вроде потихоньку начинаю вьезжать)).
  25. master-kyk
    А можно на примере блока .box4b показать)), чтобы он открывался не в бок (с лева на право), а к центру документа?
×
×
  • 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

  I accept