HTML Coding

29,542 questions in this forum

1. стык зубчатых фонов

   скажите пожалуйста, сейчас когда корабли уже бороздят просторы большого театра решаема ли в принципе проблема стыковки зубчатых фонов? вот страничка. здесь стык зелёной-белой-жёлтой областей сделан халтурно. проблема в том, что фон не однородный, а состоит из повторяющихся изображений

   Asked by cyklop77, December 18, 2014

   0 votes
   3 answers
2. Как пользоваться LESS?

   Начитавшись статей про препроцессоры решил попробовать тот, по которому больше всего нашел рускоязычной документации - less. Но я так и не понял магических фраз типа: Я так понимаю для использования препрецессора необходимо установить виртуальный сервер типа Денвера? А если без него просто писать код в Notepade++ или Sublime Text? Как тогда пользоваться?

   Asked by Ivan-P, December 18, 2014

   • LESS
   • препроцессор
   0 votes
   3 answers
3. Именование классов согласно БЭМ

   Доброго времени суток. Подскажите пожалуйста, соответствуют ли имена классов методологии БЭМ ? <div class="footer"> <div class="footer__row_1"> <div class="footer__row_1_column"> <h4 class="footer__row_1_column_title">Lacus interdum</h4> <ul class="footer__row_1_column_list"> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li c…

   Asked by xsladfs, December 19, 2014

   • бэм
   0 votes
   3 answers
4. Чередование цветов элементах списка с вложенными списками

   Добрый день! Столкнулся с интересной задачей, и уже некоторое время не могу найти для нее красивого решения. Суть задачи: имеется список ul, каждый его подпункт li имеет div с текстовой строкой и таким же списком ul. Этакая рекурсия. И хочется чтобы цвета li (а точнее вложенного в него блока с текстом) чередовались через один (как это часто делают для строк таблицы) Для li, лежащих в одном списке, проблема не стоит: li:nth-child(2n) {background: color1;} li:nth-child(2n+1) {background: color2;} Но они то лежат в разных, а чередование цветов должно быть все равно. Вот заготовка, к тому о чем я говорю: http://jsfiddle.net/q1p1abaj/ Первая мысль была реализовать через…

   Asked by Koloyar, December 19, 2014

   0 votes
   3 answers
5. и опять выравнивание блоков

   вот страница http://texteredsa.besaba.com/bondarchuk/clients.html чтобы выравнить блоки использовал прием с сайта http://css-live.ru/ выравнивал через Justify но проблема. если в строке будет не 4, а 2 например. то первая слева выравнена, а вторая справа. как решить проблему? может еще способы есть?

   Asked by raptor-dm, December 21, 2014

   0 votes
   3 answers
6. Проблема с фонами

   Друзья, помогите исправить такой косяк: Мне нужно чтобы логотип сделался ровно посередине. Черный круг сзади надписи задавала бэкграундом. Пробовала отпустить надпись маргинами не помогло. <div class="nav"> <ul> <li><a href="#about">about me</a></li> <li><a href="#portfolio">portfolio</a></li> <h3><a href="#">jd</a></h3> <li><a href="#blog">my blog</a></li> <li><a href="#contact">contact me</a></li> </ul> &lt…

   Asked by amalia, December 21, 2014

   0 votes
   3 answers
7. Нужна помощь с выполнением задания

   Учу HTML + CSS. Есть задание, которое никак не могу понять. Нужно сделать как на картинке. На сколько хватило моего мозга - делать нужно через BoxModel. В общем, помогите пожалуйста.

   Asked by only.semak, December 21, 2014

   0 votes
   3 answers
8. Как растянуть блок ТОЧНО до нижнего края экрана

   Вчера весь рабочий день просидел в гугле, но так и не смог найти ответа на вопрос: "Как в css растянуть блок по вертикали?". Точнее, ответы есть, но они на элементарные случай, когда блок растягивается на 100% высоты своего родителя. Но этот и подобные способы не работают, если перед моим блоком стоит другой блок, и мне нужно, соответственно, заполнить растягиваемым блоком все пространство от его текущего положения до конца экрана. Причем мне нужно именно растянуть блок точно до правого нижнего угла, а не "обрезать" родительским блоком все, вылезло за его размеры. Постараюсь объяснить зачем мне это нужно на простом примере: http://jsfiddle.net/ongpj2vz/ <body>&lt…

   Asked by suvolod, December 23, 2014

   0 votes
   3 answers
9. CSS и плагин MultiScroll.js

   ребят, что за бред с фоновым изображением, почему деление непрвильное? wsfox.ru ( при прокрутке вниз тоже деление неверное). интересная особенность: если включить файрбаг в мозиле, то все встает на свои места

   Asked by RespectPick, December 23, 2014

   0 votes
   3 answers
10. Автономная веб-страница

    Здравствуйте, уважаемые! Возникла следующая проблема, делаю атлас карт в виде автономной веб-страницы. Атлас будет располагаться на локальном компьютере без подключения к интернету. Вопрос вот в чем: когда работаю с атласом на компьютере где есть интернет, то все работает быстро. Когда открываю атлас на компьютере без интернета- вкладки и карты открываются по 5-10 секунд и все работает очень медленно. В чем может быть проблема?

    Asked by losdimas, December 23, 2014

    • автономная off-line
    0 votes
    3 answers
11. Как сделать затемнение фона у DIV?

    Привет. Есть div в стилях у него сделующее .header {background: url(../img/bg1.jpg);border-radius: 5px;min-height: 420px;} Как сделать затемнение фона при помощи css? На некоторых сайтах бывает указано так:background: #000 url(../img/bg1.jpg);

    Asked by kolhoz, December 23, 2014

    0 votes
    3 answers
12. Скачет вертикальное меню

    Сделал вертикальное меню.... хочу "подсвечивать" элемент по событию hover. Точнее, выделять его шрифтом большего размера ... но у меня при этом начинает прыгать меню, потому-что li меняет свою высоту. Как можно обойти этот косяк....? пробовал magrin-ы и паддинги во всех мыслимых и немыслимых комбинациях, и для li, и для роительского ul, но ничего не получилось.... Пример кода здесь: http://jsfiddle.net/Lbrc1n94/ *{ margin:0; padding:0; } html, body{ height:100%; width:100%;} div.main{ border:1px solid black; width:400px; height:80%; margin:auto auto; position:absolute; top:0px; bottom:0px; left:0px; right:0px; text-align:center; } ul.m…

    Asked by suvolod, December 26, 2014

    0 votes
    3 answers
13. Косой бакграунд

    Увидел лендинг с таким перекрытием изображений: Как такое можно сделать? Я имею в виду косой слой.

    Asked by Denni, December 31, 2014

    0 votes
    3 answers
14. Проблема с инпутами при подстановке значений с всплывающих подсказок

    Доброго времени суток, пишу графическую оболочку для своего движка, но встретился с одной проблемой. Вот так выглядит форма для авторизации Когда начинаю вводить данные всплывают подсказки(их мне нужно оставить), когда выбираю какой-то вариант из предложенных или сохраняю пароли в браузере, то получаеться вот такой бред Помогите исправить, сам ничего не нашел

    Asked by BaBaKa, December 28, 2014

    • css
    • html
    • inputs
    • background-image
    • всплывающие подсказки
    0 votes
    3 answers
15. float + задний фон

    Доброе время суток. Есть вот такая проблема. Когда раскидывал по сторонам "Новости" и "Мониторинг", получилось так, что задний фон не растягивается относительно контента HTML: <div class="content"><div class="content-left">Новостная лента<img src="/template/assets/images/logotype.png"></div><div class="content-right">Мониторинг<br>s</div></div>CSS: .content { padding: 10px; margin-left: 300px; margin-right: 300px; background: #fff;}.content-left { float: left;}.content-right { float: right;}Подскажите пожалуйста как с этим бороться

    Asked by Florens, January 1, 2015

    0 votes
    3 answers
16. Что за слайдер?

    http://venusdemo.com/magento/smartshop/index.php/?___store=christmas

    Asked by raptor-dm, January 1, 2015

    0 votes
    3 answers
17. вопрос по SCSS

    Здравствуйте, знакомлюсь с scss, и один из примеров решил воспроизвести, код просто переписал, но при компиляции в css выдает ошибку не пойму в чем проблема. Вот проблемный scss миксин: @mixin triangle ($width, $dir, $color) { @if $dir == up { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-bottom: $width/2 solid $color; } @else $dir == down { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-top: $width/2 solid $color; } }А вот что выдает при компиляции: Error: Invalid CSS after …

    Asked by BeetleJuice, January 2, 2015

    0 votes
    3 answers
18. Выход текста или таблицы за рамки первоначального блока

    Уже не в первый раз сталкиваюсь с подобной проблемой. Порой находил выход из ситуации с переразмещением некоторых блоков, а также добавлением новых. Но то было раньше, то были мои первые более менее на что-то похожие работы, впрочем, там было слишком много кода, причем лишнего, поскольку со временем я нашел более приемлемые варианты составления этих же шаблонов. На тот момент упор делался на общую картинку, а не на правильность составления кода, ну и все что с этим связано. Раньше сталкивался лишь с небольшой переделкой уже готовых и полноценных шаблонов, но не так давно решил заняться изучением самого процесса их создания, практически с нуля. Вот как сейчас. На данный мо…

    Asked by Guest, January 5, 2015

    0 votes
    3 answers
19. Еще проблемы с hover

    Не подскажите есть ли универсальное средство, чтобы сделать такой hover http://clip2net.com/s/39WPtxB непосредственно css. То есть нужно чтобы автоматически под ширину слова подстраивался;непосредственная длина эффекта 90px, если пункт меню имеет большую ширину получается кривовато(((

    Asked by Orysya, January 5, 2015

    • hover
    0 votes
    3 answers
20. Какие знания нужны, чтобы сверстать такой сайт?

    Какие знания нужны, чтобы сверстать такой сайт? http://yoga4you.in.ua/

    Asked by Midsummer, January 6, 2015

    0 votes
    3 answers
21. Не могу вытащить картинку

    извиняюсь, проблема решена

    Asked by raptor-dm, January 11, 2015

    0 votes
    3 answers
22. Непонятки с текстом

    На телефонах есть небольшая проблемка с текстом. вот посмотрите даже как этот сайт выглядит на моей lumia 820 http://hostingkartinok.com/show-image.php?id=25d50a77661f9ce11cb868e90e652e8e как видим все как на компе, НО ТЕКСТ отображается не так, по своему как то(и размер шрифта и все другое). у меня часто из-за этого верстка рушится на телефонах. у меня 3 вопроса. 1) Что это? 2) Зачем это нужно? 3) как управлять этим? Заранее спасибо)

    Asked by raptor-dm, January 7, 2015

    0 votes
    3 answers
23. Изменение hover для элементов

    День добрый! Есть следующий участок макета: http://c2n.me/3a3Bzoo вот код которым я его сверстал: html <section><article><div class="container"><div class="row"><div class="col-sm-12"><h2>summarise the features</h2><h3>summarise what your product is all about </h3><div class="col-sm-3"><div class="block"><a href="#"><p>Attractive Layout</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>Fresh Design</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>mult…

    Asked by alex.kv, January 8, 2015

    0 votes
    3 answers
24. Как реализовать резиновый блок с фиксированным padding?

    Добрый день буду благодарен помощи, условие для задачи только одно - без использования box-sizing

    Asked by Drunk_Monkey, January 11, 2015

    0 votes
    3 answers
25. Разрешения для адаптивной верстки

    Привет всем. Делаю сайт с использованием бутстрап 3 и шапка у меня на всю страницу растянута, но текст в ней при разных разрешениях выходит за рамки шапки и переходит на нижние блоки. Хочу под разные разрешения подогнать текст в шапке. Скажите пожалуйста стоит ли делать так? или все же есть простой способ? Если нужно подгонять, то на какие разрешения нужно обратить внимание при адаптивной верстке чтобы на всех устройствах корректно отображался сайт?

    Asked by kolhoz, January 13, 2015

    0 votes
    3 answers