Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Стилизация BOOTSTRAP

    Вопрос в следующем. Начал изучать данный фреймворк и, собственно, на нем верстаю один проект. Мне не всегда хватает встроенных в него стилей и некоторые не подходят под мой проект. Если я создам свой файл стилей и буду там переопределять их. Это правильный подход? Или есть другой выход выход из ситуации и я не до конца понял суть фреймворка? Например нет встроенных стилей для футера и т. д.

    Asked by BirviZ,

    0 votes
    1 answer

  2. Примеси в less

    Здравствуйте. Как правильно использовать примесь в less, если эти примеси описаны в одном файле, а используються в другом? Например: .icon-youtube { // этот клас в другом файле background-image: url(../img/icons-spritesheet.png); background-position: -20px 0px; width: 24px; height: 26px;}.block { .icon-youtube;}В этом примере класс .icon-youtube генерируется grunt`ом и записан в отдельном файле. В файле стилей нужно использовать этот клас как примесь. Если в файл стилей подключить сгенерированный файл через @import - компилятор less выдает ошибку, что .icon-youtube не определен.

    Asked by shol,

    0 votes
    2 answers

  3. Адаптивная разметка html страницы

    Нужен шаблон с лучшей техникой адаптивной разметки. В итоге нужно получить страницу без ограничений по максимальной и по минимальной ширине. Включая проигрывание видео и аудио.

    Asked by bulqa,

    0 votes
    0 answers

  4. дизайн бутстрап-формы поломался если добавить в стили control-label класс

    Всем привет, Взял стандартную бутстрап форму http://www.codeply.com/go/FbXMFSrGf2 дизайн которой сразу поломался, если добавить в стили control-label класс Имею в виду что лейблы отображаются сверху инпутов, а должны слева... А если убрать из определения стилей control-label - то лейблы отображаются слева от инпутов - что и нужно... Как правильно ? Спасибо !

    Asked by mstdmstd,

    0 votes
    1 answer

  5. Простенькая форма-фильтр

    Здравствуйте. Необходимо создать форму-фильтр с запросами get по ссылкам (ссылки запросов имеются) пример: см. скрин т.е имеется ссылка на запрос 1 пункта (марка), когда ее выбираю появляется выбор 2 пукта (модель), на который тоже есть ссылка-запрос.

    Asked by orbit21,

    0 votes
    1 answer

  6. document.getElementById

    Уважаемые мастера, подскажите пожалуйста. <!doctype htm> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Gauge Test</title> <script src="../gauge.min.js"></script> <style>body { padding: 0; margin: 0; background: #000000 }</style> </head> <body onload="dR()"> <div id="obr"><canvas id="gauge-ob"></canvas></div> <script> var yyy; var o=new XMLHttpRequest(); function dR() { o.open("GET","text.txt?r="+Math.random(),1); o.onload=function(){ var a=this.responseText.replace(/\s*[\r\n…

    Asked by Ser8191,

    0 votes
    0 answers

  7. Мобильное меню

    <nav class="main-nav main-nav--active"> <button class="main-nav--toggle" type="button">Открыть меню</button> <div class="main-nav__wrapper"> <ul class="main-nav__list"> <li class="main-nav__item main-nav__item--active"><a href="#">Главная</a></li> <li class="main-nav__item"><a href="#">Наши работы</a></li> <li class="main-nav__item"><a href="#">Записаться</a></li> <li class="main-nav__item"><a href="#">Контакты</a></li> </ul> <ul class="main-nav__user-list"> …

    Asked by d12,

    0 votes
    3 answers

  8. Как сверстать такие позиционирование блоков для адаптива?

    Всем привет! Интересует следующий вопрос по адаптивной верстке. Есть 3 блока. На широком экране красный и черный - фиксированные по ширине, а белый - основной блок для контента, у которого ширина зависит от ширины страницы, т.е. резиновый. Высота у блоков может быть любой. Главное - чтобы блоки не дублировались! При узком экране красный должен переместиться над белым блоком, а черный - под ним: Я пытался сделать через float, но моих знаний не хватило на решение данной задачи. Заранее спасибо!)

    Asked by MiHALbI4,

    0 votes
    1 answer

  9. Как сделать такую анимацию?

    Как сделать анимацию как на этом сайте https://travelshift.com/ Если зажать мышку то картинки меняются анимировано можете мне с этим помочь

    Asked by Jasahd0307,

    0 votes
    0 answers

  10. Как сделать проверку через w3c?

    Как сделать проверку HTML и CSS через w3c?

    Asked by Kenshi45,

    0 votes
    5 answers

  11. Слои дополняющию 100% ширины

    Подскажите как сверстать такую идею: 3 вертикальных блока, два крайних с заданной шириной, а третий должен дополнять до 100% ширины окна? <div id="menu"> </div> <div id="text"> </div> <div id="images"> </div> #menu{ position:relative; padding-top:150px; padding-right:50px; text-align:right; float:right; } #text{ position:relative; padding-right:20px; padding-left: 20px; text-align:right; width:auto; float:right; } #images{ position:relative; width:200px; float:right; } слой text должен дополнять, но не авто, не 100% не помогают.

    Asked by dima_mak,

    0 votes
    5 answers

  12. Прелоадер для CSS

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

    Asked by getalusk,

    0 votes
    2 answers

  13. img в качестве фона страницы

    есть изображение 1900*1000 оно в теге img размещено в div'е, у которого самый низкий z-index для div'а задана max-width и max-height таким образом в случае если разрешение экрана превысит размеры изображения, оно растягиваться не будет, а будет центрироваться margin'ами на разрешениях меньших, чем размеры изображения, картинка очень хорошо растягивается проверял от 800 до 1600 - больше монитор не показывает картинка ужата до 115Кб, качество осталось вполне сносное какие могут быть минусы у такого решения?

    Asked by theo_,

    0 votes
    3 answers

  14. Фотогалерея на joomla

    Уважаемые, подскажите модуль фотогалереи для joomla 1.5 Требования следующие: - фотографии на странице по 3 в ряд располагаются - при клике на фотографию открывается на полупрозрачном темном фоне, сверху крестик закрыть, при наведении на правую или левую сторону появляются стрелки листать - возможность настройки через админку страниц на которых нужно увеличивать фотографии Поясню, знаю модуль mavik Thumbnails Popular Plugin, но в нем нельзя настроить на каких страницах он должен работать! Т.е. увеличивает все фотографии которые загружены через визуальный редактор. Заранее благодарен!

    Asked by Goldie,

    0 votes
    1 answer

  15. Нужна Ваша помощь

    Решил поставить водяные знаки на своем блоге (Wordpress). Воспользовался специальным скриптом, который нашел в сети. Работает замечательно. Но беда в том, что после установки, ухудшается качество картинок на сайте. Скрипт брал отсюда: http://n-wp.ru/4635 Там всего один коротенький файл php: <? waterMark($_SERVER['DOCUMENT_ROOT'].$_SERVER['REQUEST_URI'], "watermark.png", "bottom=0,right=0"); function waterMark($original, $watermark, $placement = 'bottom=5,right=5', $destination = null) { $original = urldecode($original); $info_o = @getImageSize($original); if (!$info_o) return false; $info_w = @getImageSize($watermark); if (!$info_w) …

    Asked by LBM,

    0 votes
    4 answers

  16. Отступы в списках у ie отличается от других браузеров

    Всем доброго дня! Подскажите, как исправить баг ие7. Есть див, внем список. Отступ списка 30 пикселей от левого края. Но, ослик делает отступ меньше. Я обнулял и ul и li не помогло. Как же исправить? На форуме через поиск не нашел. <style type="text/css"> #block { margin: 0 0 0 300px; } ul, li { margin: 0px; padding: 0px; } ul { margin: 0 0 0 30px; } </style> <div id="block"> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div>

    Asked by viv,

    0 votes
    8 answers

  17. Две разных страницы сайта в одну тему для WordPress

    Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!

    Asked by aov000,

    0 votes
    3 answers

  18. Хром двинулся

    Здравствуйте. Проблема не дает мне спокойно сдать проект заказчику: Вся проблема в том, что в хроме все изображения, которые я задаю как фон для div'ов двинулись на 1px влево, или же фон (body) двинулся на 1 px вправо и другие картинки не вписываются и оставлюят такую пустоту. В чем проблема и как ее можно решить? Зарание благодарен.

    Asked by BetaVersion,

    0 votes
    6 answers

  19. Пункт меню при наведении

    Здравствуйте! Есть такая проблема. При наведении на пункт меню блок как бы должен съежать вниз на пару пикселей. Изображение тут - . Уже всю голову поломал. Помогите пожалуйста!

    Asked by Digidie,

    0 votes
    6 answers

  20. Help, внизу страницы не могу удалить пустырь

    Помогите определить проблему, уже всё перепробовал, не могу понять!?!?!??! Внизу страницы большой пробел : http://xn—-7sbabhcq1a2caxdko8d0h.in.ua/service.html Заранее спасибо!!!

    Asked by Vic-Tor,

    0 votes
    5 answers

  21. Откуда берется текст. Не могу понять.

    Попросили поправить данный на сайте, точней на одной странице. тыц. Есть строка в h1 Активы и обязательства по состоянию на август 2009 г. (на 01.09.2009) текст "Активы и обязательства по состоянию на" содержится в константе, я так понял для перевода сайта на другие языки. но вот инфу которую надо сменить : август 2009 г. (на 01.09.2009) нигде не могу найти. В БД нет поиск по файлам не дал результатов. Если кто то сталкивался с такой задачей помогите. спс.

    Asked by 3d_max_9,

    0 votes
    3 answers

  22. Двойной фоновый рисунок

    Добрый вам день!!! Создаю свой первый сайт, продумал дизайн, но столкнулся с проблемой реализации. по замыслу страница имеет один задний фон, циклирующийся до конца страницы, высотой 14 px, в формате jpg. но поверх него мне нужно наложить второй фон в формате png высотой 240 px. как вы пониматете, в один фон их не уместить, иначе в конце страницы будет пробел. что-то похожее я изобразил. второй фон появляется поверх первого, но как-только заканчиввется строка меню сайта, от исчезает за основным фоном. что не так? как поправить? вот ссылка: http://infobusiness.hol.es/index.html 1. основной фон - серый, сбоку с как бы решеткой 2. второй фон - диньги, видна только качть под…

    Asked by lexxxand,

    0 votes
    1 answer

  23. Как сделать текст по центру меню?

    Код: http://codepen.io/l1nx/pen/ipyHJ Почему-то свойство vertical-align: middle не работает

    Asked by L1nx,

    0 votes
    1 answer

  24. как сделать это в адаптивной верстке.

    Здравствуйте. Помогите ,как сделать 4 блока как на скрине адаптивными, чтобы кода экран был меньше десктопа ,то эти блоки становились друг под другом?( черные полоски это отступы между блоками.) Спасибо

    Asked by ishurgaya,

    0 votes
    6 answers

  25. Каруселька

    Доброго вечера! Не подскажите название карусельки с помощью которой можно реализовать подобное? http://clip2net.com/s/3hpaugi

    Asked by Orysya,

    0 votes
    5 answers
×
×
  • 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