Jump to content

zboomer

Newbie
  • Posts

    9
  • Joined

  • Last visited

zboomer's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Там же вроде шрифты в 3й главе?) ну только помимо @font-face { название, ссылка на шрифт и т.д.} если вы хотите создать класс .two с веб шрифтом нужно ещё нужно в .two {font-face: название шрифта} примерно так...я тоже эту книгу читаю.. Там очень подробно все рассписано, остановился как раз на шрифтах, бегло пробежав их и оставив на другое свободное время..
  2. Собственно говоря я пока шёл домой разобрался... Нужно просто два больших блока и как то фон поставить одну половину в один блок вторую во второй... Будет время сделаю) з.ы: Спасибо всем за внимаение вот что получилось http://codepen.io/anon/pen/QyBrRy
  3. сверху, под шапкой или я не так понял? если так то вот тут :<ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#houses">ДОМА</a></li> </ul> .nav-tabs {border-bottom: 1px solid #ddd;
  4. Понемногу изучая html наткнулся на вот эту уже старенькую статью http://rmcreative.ru/blog/post/slozhnoe-obtekanie-tekstom вот тут подобное задание, http://www.artlebedev.ru/job/might-be-hard/ решил ради интереса повторить, вышло вот такое: http://codepen.io/anon/pen/eJKKbb у но я не могу понять как сделать обтекание со второй стороны, как в случае с яблоком, ведь float left будет прижиматься к правому краю, предполагаю что решение может быть тут: https://css-tricks.com/snippets/css/a-guide-to-flexbox но с английским не идеально, и пока что статью не осилил ..
  5. Странно, у меня в гуглхроме вроде нормально отображается, проверьте в других браузерах, вдруг это решение для какого то одного, я не проверял, т.к. на работе прокся и только гугл работает через эту проксю.. Тогда еще в коде отступы поправьте с 40 на 20px
  6. Не совсем понял как это логотип в фоне, но на странице должно быть 2-3 картинки. Я так понял параграфы это <p></p> - я их убрал. Вот так выглядит растянутый фон с отступом: https://jsfiddle.net/f677vk9u/ А так не растянутый: https://jsfiddle.net/jv23rmpv/ https://jsfiddle.net/f677vk9u/3/ вот так можно убрать отступы
  7. Должен быть способ решить эту проблему с отступом 3-4px. Скрипт на background я искал, но не нашел. https://jsfiddle.net/vb7n8hot/11/вот так вот нету отступов, но полоса прокрутки разъехалась на ширину картинки получается что ширина и высота блока с картинкой =100%,если вставить картинку меньше будет без разъезжаний скорее всего... вроде бы должно с max-width min-with решаться, я уже говорил я еще сам плохо понимаю что происходит
  8. Наверное этот скрипт на плавное появление не работает с background. Вот решение с фоном который появляется сразу а картинки появляются медленно https://jsfiddle.net/vb7n8hot/9/ , если медленное появление фона критично, то мне кажется нужно искать или думать другой скрипт. Если задать фон как картинку, то она растягивается на 100% сайта но действительно появляется отступ от края сайта 3-4px, возможно я что то не так понял, возможно это какая то особенность браузеров, вот так появляются сразу 3 элемента медленно но с отступом https://jsfiddle.net/vb7n8hot/7/ в песочнице этого отступа не видно, или его вообще нет в песочнице, хотя если создать на компьютере страницу.html со вторым кодом отступ появляется хотя нет есть он в песочнице, так же в первом варианте нету ни каких полос прокрутки, во втором варианте они появляются и отступ сверху тоже виден если сравнивать два варианта. А объяснение тут http://htmlforum.ru/index.php?showtopic=54662&page=2#entry365665, если задавать в div width:100%; height:100%; то получается мы задаем width:100%;+10px(по 5px справа и слева) height:100%;+10px(по 5px сверху и снизу)от сюда и отступы "непонятные" и появление скрола
  9. <body style="background-image: url(images/1.jpg); /* Путь к фоновому изображению */ -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры */"> <div> <img src="images/1.jpg" border="0" style="position: absolute; left: 20px; top: 20px;/*Путь к изображению 1*/"> <img src="images/2.jpg" border="0" style="position: absolute; right: 20px; bottom: 20px;/*Путь к изображению 2*/"> </div> <script>document.body.className = 'fade';</script> <script>setTimeout(function() {document.body.className = 'appear';}, 0);</script> </body> Я сам совсем еще зеленый в этом деле, но вот так вот фон будет заполнен полностью... Появляется он правда сразу.
×
×
  • 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