zboomer
Newbie-
Posts
9 -
Joined
-
Last visited
zboomer's Achievements
Explorer (1/14)
0
Reputation
-
Там же вроде шрифты в 3й главе?) ну только помимо @font-face { название, ссылка на шрифт и т.д.} если вы хотите создать класс .two с веб шрифтом нужно ещё нужно в .two {font-face: название шрифта} примерно так...я тоже эту книгу читаю.. Там очень подробно все рассписано, остановился как раз на шрифтах, бегло пробежав их и оставив на другое свободное время..
-
Собственно говоря я пока шёл домой разобрался... Нужно просто два больших блока и как то фон поставить одну половину в один блок вторую во второй... Будет время сделаю) з.ы: Спасибо всем за внимаение вот что получилось http://codepen.io/anon/pen/QyBrRy
-
сверху, под шапкой или я не так понял? если так то вот тут :<ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#houses">ДОМА</a></li> </ul> .nav-tabs {border-bottom: 1px solid #ddd;
-
Понемногу изучая 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 но с английским не идеально, и пока что статью не осилил ..
-
Странно, у меня в гуглхроме вроде нормально отображается, проверьте в других браузерах, вдруг это решение для какого то одного, я не проверял, т.к. на работе прокся и только гугл работает через эту проксю.. Тогда еще в коде отступы поправьте с 40 на 20px
-
Не совсем понял как это логотип в фоне, но на странице должно быть 2-3 картинки. Я так понял параграфы это <p></p> - я их убрал. Вот так выглядит растянутый фон с отступом: https://jsfiddle.net/f677vk9u/ А так не растянутый: https://jsfiddle.net/jv23rmpv/ https://jsfiddle.net/f677vk9u/3/ вот так можно убрать отступы
-
Должен быть способ решить эту проблему с отступом 3-4px. Скрипт на background я искал, но не нашел. https://jsfiddle.net/vb7n8hot/11/вот так вот нету отступов, но полоса прокрутки разъехалась на ширину картинки получается что ширина и высота блока с картинкой =100%,если вставить картинку меньше будет без разъезжаний скорее всего... вроде бы должно с max-width min-with решаться, я уже говорил я еще сам плохо понимаю что происходит
-
Наверное этот скрипт на плавное появление не работает с 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 сверху и снизу)от сюда и отступы "непонятные" и появление скрола
-
<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> Я сам совсем еще зеленый в этом деле, но вот так вот фон будет заполнен полностью... Появляется он правда сразу.