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

29,542 questions in this forum

  1. Как задать padding у блоков и сами блоки нужного размера?

    Приветствую! Собственно у меня такой вопрос. Есть покупной шаблон WP с которого я стащил стили (хочу сверстать что-то похожее но своих размеров. Своих размеров-это колонки и контент моего шаблона, а не WP. В общем берётся только технология вёрстки где это возможно. Проблема первая-это то что в WP шаблоне были множественные стили. Вот так: <div id="content" class="content page-full main-contener clearfix">Какой-то content</div> Я логически свёл всё где можно в один класс, написал новые стили. Вышло вот что: Скрытый текст <div class="wrapper"> <header class="header"> <div class="top-bar clearfix"> <div class="logo…

    Asked by tigrus2014,

    0 votes
    3 answers

  2. Как растянуть блоки по высоте строки

    вот пример на codeopen.iohttps://codepen.io/anon/pen/gGgMWX Всем ячейкам задана высота 45px. Одной из ячеек задана высота 69px. Строка растянулась по высоте в 69px. Как сделать так, чтобы остальные ячейки тоже растянулись по высоте строки ?? height: 100% не будет работать Мне просто интересно возможно ли как то сделать, не ужели нельзя...

    Asked by SnowSilver,

    0 votes
    13 answers

  3. верстка и JS программирование в Safari ?

    Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  4. Как масштабировать сайт, если масштабирование в ОС отключено?

    Один товарищ нашел 5k монитор. Разрешение на коем огого, при этом масштабирование интерфейса в Windows отключено. Как принудительно масштабировать сайт, если масштабирование интерфейса в ОС отключено?

    Asked by VasyOK{!},

    0 votes
    10 answers

  5. Помогите разобраться в чем проблема с PerfectPixel

    Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.

    Asked by Super_Saimon,

    0 votes
    12 answers

  6. Афишно-новостной блок на сайте

    Хочу разместить на сайте афишу с новостями сообразно скриншоту. Особого функционала не требуется: 1. От 3 до 5 активных новостей (остальные - прокруткой или по нажатию кнопок/ссылок и т.д.). 2. Смена новостей при использовании кнопок ГОД или МЕСЯЦ (на данный момент кнопка ГОД не нужна). 3. Открытие полной версии новости на новой странице сайта по нажатию ссылки (например, слово "Подробнее") или новостного блока (желательно наименование страниц по дате новости, в случае совпадения дат новостей - возможность переименования страниц). 4. Реализация афиши - любая (возможна прокрутка или что-то другое) . Уважаемые форумчане, подскажите, пожалуйста,…

    Asked by Totalist,

    0 votes
    4 answers

  7. Почему в карусели не работает событие мыши?

    И не работает если у карусели стоит значение loop: true, а если false то норм https://jsfiddle.net/hhnq8a26/21/

    Asked by aqua.77,

    0 votes
    1 answer

  8. hover

    Народ- подскажите как сделать в hover обратные закругления рамки

    Asked by yancy77,

    0 votes
    6 answers

  9. Не работает "position: sticky"

    На сайте есть главное меню (где полоса поиска по сайту) и оно должно прилипать к экрану при прокрутке страницы. В HTML-файле на компьютере это работает, но на хостинге перестает, хотя это просто вёрстка. HTML: ... <body> <div class="box box-top sticky"> <div class="container"> <div class="menu_main"> ... </div> </div> </div> </body> ... CSS: .sticky { position: sticky; top: 0; z-index: 11000; }

    Asked by iBars,

    0 votes
    2 answers

  10. Помогите с версткой

    Подскажите пожалуйста, как лучше сделать треугольник на заднем фоне? использую bootstrap, пробовал с помощью svg, но вышло не комильфо)

    Asked by Onokainc,

    0 votes
    6 answers

  11. Фреймворки за/против

    Привет! Хочу совета от опытных ребят. Начал учить Bootstrap, а в нем встроен адаптив, которому я на чистом CSS еще не научился. Стоит ли прежде набить шишки на адаптиве на чистом CSS и только после прыгать на фреймворк? Если стоит, то с каким позиционированием будет сложнее адаптировать(float/position/flex)? И, после того, стоит ли выучить основу Bootstrap 3 перед изучением 4 версии?

    Asked by Arkady Rakovsky,

    0 votes
    11 answers

  12. Вывести новости с другого сайта

    Добрый день. Есть сайт http://mvidjer.ru/. В разделе "Новости 1С", необходимо вывести новости с сайта 1С http://1c.ru/news/newslist.jsp, на сайте 1с есть Информер, который позволяет выводить новости на других сайтах. Я его вставляю на страницу, новости не выводятся. Помогите правильно оформить или дописать код, чтобы новости выводились.

    Asked by a0377,

    0 votes
    2 answers

  13. Секция со скрученным фоном

    Помогите пожалуйста, никак не пойму как выполнить это решение дизайнера (Не знаю как правильно). Данную секцию вынес в отдельный PSD-файл . Если кто-то захочет сверстать, контент не нужно наполнять (текст, девайсы). Меня интересует больше полоса посередине, и ее наклон. Большое, человеческое, Спасибо! p.s Какой месяц подряд у меня не загружаются вложения .. Поэтому ссылка на сторонний ресурс, там и psd, и jpg превьюшка. p.s.s Знаю что можно сделать на псевдоэлементах, трансформах, канвасах .. Но, лучше один раз увидеть правильное решение.

    Asked by Hasiev,

    0 votes
    3 answers

  14. Проблема с расположение блоков на iPhone

    Добрый день. Столкнулся с неожиданной проблемой. На айфонах блоки сайта наезжают друг на друга, на винде и андроиде всё работает нормально. Вьевпорт указан. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> На айфонах сайт выглядит так: Должен выглядеть вот так: Задачу осложняет то что у меня нет iOS устройств чтобы можно было протестить, а все эмуляторы, какие пробовал, выдают что всё верно. Кто-нибудь сталкивался с подобным? В чем может быть проблема?

    Asked by Rex4r,

    0 votes
    5 answers

  15. Горизонтальный скролл в адаптиве - откуда взялся?

    http://resursmed.ru/ При уменьшении видимой области появляется горизонтальный скролл за пределами страницы. А там вроде как пусто. Чем меньше размер окна, тем больше скролл. Пожалуйста, ткните носом, где я ступил?

    Asked by d0ublezer0,

    0 votes
    6 answers

  16. Не отображается background-image

    Вопрос такой: указываю див'y : background-image: url(img/header.png) no-repeat; Картинка не появляется. Стоит указать width и height так сразу появляется. Еще указываю размер картинки, но почему не показывает. Стоит указать на 10px больше высоту, так сразу появляется. Вопрос: обязательно ли всегда указывать размер картинки, если да, то во всех же браузерах по-разному будет отображаться?

    Asked by Ars,

    0 votes
    5 answers

  17. почему тень не перекрывает элементы?

    Привет! http://resursmed.ru/balm Не пойму, как добиться, чтобы тень box-shadow от выпадающего меню с z-index:50 накрывала элементы, идущие ниже по потоку. Вроде же всё для этого есть. А не работает... Посоветуйте?

    Asked by d0ublezer0,

    0 votes
    8 answers

  18. Ломается сетка Bootstrap и before

    Здравствуйте. Появилась проблема при верстке по сетке Bootstrap. <div class="col-xs-12 col-md-6>текст1</div> <div class="col-xs-12 col-md-6>текст2</div> текст2 находится не справа от текст1, а снизу Такая же проблема с before. текст в списеке снизу before, а не справа Помогите разобраться <body> <div class="container-fluid"> <div class="meny"> <div class="row"> <a name="top"></a> <div class="col-xs-12"> <nav> <ul class="list-menu"> <li><a href="#top">Главная</a></li> …

    Asked by garmoni,

    0 votes
    2 answers

  19. Когда не хватает псевдоэлементов или как спозиционировать тень

    Вот иллюстрация. Тень должна исходить из выделенного блока(визуально, там видно откуда, и видно, что сейчас сделано криво). По-идее, это должен быть span, но в оригинальной задаче, span должен быть сам по себе, а тень должна исходить либо из самого пункта (класс every), либо из какого-либо нейтрального потомка, а какой потомок "нейтрален"? псевдоэлемент, его мы может подогнать под нужные размеры, поставить нужный z-index и сделать для него тень. Беда только в том, что для последнего элемента (крайнего справа), свободного псевдоэлемента не осталось. Что делать? Обязательно для всех меняющихся элементов, которые видны на иллюстрации, в том числе и для тени, нужен транз…

    Asked by Launder,

    0 votes
    5 answers

  20. Scroll + Position:fixed - как бы вы решили?

    Есть такая разметка, возможно она кривая, но в силу некоторой идеи она такая. http://jsfiddle.net/8rqetnyo/ Вложенный слой со скролом, выполняющий роль основного на странице + фиксированный слой, который перекрывает скролл. Как бы вы решили? Быть может оно вообще не решается... ? Была мысль с width: calc но в разных браузерах оно у меня выглядит по разному

    Asked by ShumNo,

    0 votes
    7 answers

  21. Из input в массив

    Есть поле для ввода чисел input. Нужно добавить значение, введенное в поле в массив, для дальнейшей работы с числами уже из массива. Помогите пожалуйста ^^ <input type = 'number' min = '0' max = '50' size = '50' >

    Asked by VisRex,

    0 votes
    1 answer

  22. Верстка слайдера carousel/swiper

    Добрый день. Есть необходимость свертсать слайдер на главной странице: 1) пролистывание на 1 страницу осуществляется по наведению мыши на текущий слайд т.е. 1 наведение 1 слайд; 2) пролистывания с эффектом fade (один тухнет другой появляется) Все остальное время слайдер стоит просто. Попробовал написать использую bootstrap4 carousel, но столкнулся с тем что я не знаю как сделать эффект fade на нем, а если и получалось то текущий слайд резко исчезает, а новый появляется медленно и еще почему то при наведении на последний слайд курсора пролистывание идет через первый слайд (он показывается, но только на короткий промежуток времени) на jsfiddle код работа…

    Asked by AShukilovich,

    0 votes
    2 answers

  23. Как склеить ячейки в таблице из div?

    <!--Таблица на диве--> <div class="table"> <div class="row"> <div class="cell cell-1">1</div> <div class="cell cell-2">2</div> </div> <div class="row row-2"> <div class="cell cell-3" rowspan="2">3</div> <div class="cell cell-4">4</div> </div> </div> /*——css реализация—————*/ .table{display: table; border: 1px solid silver; padding: 10px;} .row{display: table-row; border: 1px solid silver; padding: 10px;} .cell{display: table-cell; border: 1px solid silver; padding:…

    Asked by Rinat,

    0 votes
    1 answer

  24. Асинхронный запрос и возврат результата

    Здравствуйте. Мучаюсь не первый день с такой проблемой. Есть jquery, есть модальная форма, сначала мне нужно выполнить GET запрос на сервер, и в зависимости от того, что сервер ответит решить можно ли открывать форму или нет. Если использоваться асинхронный запрос, то понятно, что форма откроется в любом случае. А если использовать синхронный то всё хорошо, но консоль браузера ругается, что я не правильно поступаю и мои методы Deprecated. Как сейчас правильно поступать в современных тенденциях? Для понимания что я хочу, изображу это примерно так: function getAccess(){ ... запрос GET на сервер return ответ } function show…

    Asked by Divnenkiy,

    0 votes
    7 answers

  25. Google maps API проблема с выводом маркеров из БД

    Всем здрасти. В общем есть у меня в БД таблица с информацией о маркерах (ид, имя, адрес, широта, долгота). Эта информация из базы данных размещается в XML средствами PHP Скрытый текст <?php require("phpsqlajax_dbinfo.php"); function parseToXML($htmlStr) { $xmlStr=str_replace('<','&lt;',$htmlStr); $xmlStr=str_replace('>','&gt;',$xmlStr); $xmlStr=str_replace('"','&quot;',$xmlStr); $xmlStr=str_replace("'",'&#39;',$xmlStr); $xmlStr=str_replace("&",'&amp;',$xmlStr); return $xmlStr; } // подключаюсь к бд $connection=mysql_connect ('localhost', $username, $password); if (!$connection) { die('Not connected…

    Asked by Даниил Виттманн,

    0 votes
    0 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