HTML Coding

29,542 questions in this forum

1. Фон изображение с диагональными полосами, адаптивный

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

   Asked by vlasenkov, March 4, 2017

   • background
   • diagonal
   • css
   • html
   • triangle
   • фон
   • диагональ
   • полосы по диагонали
   0 votes
   4 answers
2. рушиться дизайн при уменшении окна браузера

   Spoiler Spoiler сверстал шапку сайта, но при уменшение ширины окна браузера, дизайн рушиться, помогите плиз и оцените качеству верстки макет сайта здесь:http://www.dejurka.ru/wp-content/uploads/2012/04/folio.zip верстка4.zip

   Asked by начинающий верстаг, March 3, 2017

   0 votes
   3 answers
3. Bootstrap navbar burger не работает

   Имею шапку сайта созданную на bootstrap, имеется выпадающее меню открывающееся на мобильных устройствах при нажатии на "бургер", работает на всех устройствах, но не раскрывается на Samsung Galaxy A5, как это можно зафиксить?

   Asked by Chainik, March 3, 2017

   0 votes
   3 answers
4. Помогите разобраться со слайдером на css

   Не могу понять, почему не работает слайдер в блоке services-block. Надо, чтобы при нажатии на кнопки Доставка, Гарантия, Кредит, менялся справа текст. Делал аналогично блоку info-block, где все работает. В чем причина, может, что-то я пропустил? http://www.cssdesk.com/DGxeF

   Asked by Qwerty-Art, March 3, 2017

   0 votes
   0 answers
5. Сделать респонсив табличку с summary

   Всем привет, Есть небольшая респонсив табличка : <div id="div_order_details_html"><div class="table-responsive dialog_table"> <table class="table table-bordered table-hover table-striped"> <thead> <tr> <th>Product</th> <th>Sold</th> <th>Price</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td> <a href="http://local-wprods.com/admin/product/edit/5" class="a_link" target="_blank"> Woo Ninja, </a> <a href="http://local-wprods.com/admin/order/edit/14" class="a_link" target="_blank"> (00000001201702240002) </a> </td> <…

   Asked by mstdmstd, March 2, 2017

   0 votes
   0 answers
6. Скрипт для отправки формы через AJAX - из jQuery на чистый JavaScript

   Здравствуйте! Подскажите, пожалуйста, как этот скрипт на jQuery будет выглядеть на чистом JavaScript: $(document).ready(function(){ $("#form").submit(function() { //устанавливаем событие отправки для формы с id=form var form_data = $(this).serialize(); //собераем все данные из формы $.ajax({ type: "POST", //Метод отправки url: "send.php", //путь до php фаила отправителя data: form_data, success: function() { //код в этом блоке выполняется при успешной отправке сообщения alert("Ваше сообщение отпрвлено!"); }); }); }); Вот ссыл…

   Asked by volshebnyi, March 1, 2017

   0 votes
   4 answers
7. Модуль«Похожие метки» обрезка текста и мн

   Есть код <div> <div class="moduletable box"> <h3>Похожие темы</h3> <div class="tagssimilar box"> <ul> <li><a href="/">Некий научный OVA / Toaru Kagaku no Railgun OVA</a></li> ... Остальное в таком виде <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> Привязка идет к "box" Суффикс CSS-класса модуля: " box" в CSS div.box li { white-space: nowrap; /* Отменяем перенос текста */ overflow: hidden; /* Обрезаем содержимое */ text-overflow: ellipsis; /* Многоточие */ } div.box:hover li { white-sp…

   Asked by lev99, March 1, 2017

   • css
   0 votes
   1 answer
8. Изображение с неправильно указанным путем

   Изображение, путь к которому указан неверно, показывается на странице в виде небольшой пиктограммы. Как браузер определяет размеры такого изображения? И можно ли с этим побороться? http://tezhe.ru/img.html На этом примере как-бы картинка справа вытянулась во всю высоту экрана. Хотелось бы, чтобы она имела минимальную высоту. Скажем, в 50px.

   Asked by atezheva, March 1, 2017

   • img
   0 votes
   1 answer
9. Проблема с нарезкой шаблона.

   Люди подскажите пожалуйста. Имеется макет состоящий из одного слоя (все объединено). Как можно нарезать картинки отдельно от текста. На примере картинки с лошадми. Что бы кнопок и теста не было, а только лошади? Возможно ли это?

   Asked by s.d.v, February 28, 2017

   • photoshop
   0 votes
   4 answers
10. Сетка для макета

    Здравствуйте, верстаю сетку 3х3 в которой можно размещать блоки любого размера в данном диапазоне (1х1, 2х3, 3х1 и тд) с использованием классов, реализовано это все на float:left и столкнулся с проблемой, что если указать вертикальный блок по центру или справа, то остальные блоки будут обтекать его как и должны справа или снизу, но место слева от него остается пусты и туда нужно засунуть блок который идет сразу после вертикального. Новые классы использовать нельзя, либо как то сss помогите решить, либо с использованием js. Спасибо за любую помощь. Исходники https://jsfiddle.net/svfvs5cb/

    Asked by Konstantin99, February 28, 2017

    0 votes
    7 answers
11. применить свойство с помощью :hover

    как применить свойство любому элементу на странице при использовании :hover :active и тд. при изменении последовательности блоков и использовании "+" цвет применяется

    Asked by spartak9871, February 28, 2017

    • :hover
    0 votes
    2 answers
12. Как сделать border как на рисунке

    Сложно объяснить, поэтому нарисовал просто рисунок и хочу поинтересоваться: как такое можно реализовать? И можно ли туда какой-нибудь внутрь текст запихать будет?

    Asked by ErUnDAK, February 28, 2017

    • css
    0 votes
    4 answers
13. Ищу наставника

    Я начинающий верстальщик, знаю html5, css3, пользовался bootstrap3 и owl carousel. Ищу наставника, чтобы мне помог развиваться и стать полноценным верстальщиком. Я готов выполнять верстку совершенно бесплатно, ради опыта. Можете писать сюда или в вк: https://vk.com/12ricardo.

    Asked by 1-2ricardo, February 28, 2017

    0 votes
    1 answer
14. Margin inside div and responsive height

    Здравствуйте уважаемые форумчане. Есть такой пример кода https://jsfiddle.net/wodgtsdd/ Вопрос 1: Как сделать чтобы div class="content-wrapper" растягивался по высоте документа (т.е. доставал до нижнего края документа)? Сейчас он растягивается по высоте содержимого в нем контента. Я предполагаю что это можно сделать с помощью js типа получить высоту документа, получить координаты и высоту блока content-wrapper, и вычесть из высоты документа координату левого верхнего угла + высоту блока, а затем сложить полученную величину с высотой блока. Но можно ли это сделать с помощью css? Почему то мне кажется что с помощью css было бы правильнее. Вопрос 2: Почему пар…

    Asked by den4ik_, February 27, 2017

    • resonsive height
    • margin inside div
    0 votes
    2 answers
15. Загрузка файлов с одинаковыми именами

    Подскажите, пожалуйста, что и в каком месте дописать, чтобы при загрузке на сервер нескольких файлов с одинаковым именем( например: text.txt и text.txt) сервер автоматически дописывал знаки для различия( text1.txt и text2.txt ) <html> <head> <title>Загрузка файлов на сервер</title> </head> <body> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="filename"><br> <input type="submit" value="Загрузить"><br> </form> </body> </html> Спасибо!

    Asked by nowwwichok, February 22, 2017

    0 votes
    4 answers
16. Проблема с изменением цвета кнопок и фона в wordpress

    Добрый день! У меня возникла проблема с изменением цвета кнопок главного меню на сайте http://aoe9map6.beget.tech/ Ссылка на скрин - http://rgho.st/8n7Mb7F4c Скрин 2 - http://rgho.st/6ltWqhXKD Сайт сделан на движке wordpress. Главная проблема - не могу через встроенный в вордпресс редактор "style.css" найти эти параметры color (именно для цвета меню и кнопки поиск), которые нужно поменять на свои. ( К примеру color: #626668; просто заменить на color: #4c66a4; ) Цвет кнопок нужно сделать красные (вместо черных), и кнопочку поиск тоже красную.. цвет шрифта кнопок синий (вместо белого). Чтобы было понятней на скрине все показано. Тема word…

    Asked by mouseee, February 24, 2017

    0 votes
    5 answers
17. Можно ли с помощью <article> разрывать другие парные тэги

    Добрый день! Хочу внедрить на сайт HTML 5 тэги. Вопрос: можно ли этим тэгам так разрывать div'ы <article> <h1> Моя статья </h1> <div class="content"> <p>Текст статьи</p> </article> <div class="reviews"> </div> </div>

    Asked by smirn0ff, February 27, 2017

    0 votes
    4 answers
18. Как лучше реализовать декоративную рамку?

    Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!

    Asked by EugeneKiyash, February 11, 2017

    • svg
    • css
    • html
    0 votes
    10 answers
19. Два и более аккордеона на странице

    Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?…

    Asked by Mary_RND, February 22, 2017

    • html
    • css
    • js
    • xslt
    • umi
    0 votes
    3 answers
20. Позиционирование меню поверх слайдера

    Всем доброго времени суток! Не могу определиться, как сделать следующее => есть слайдер (использую slick), поверх которого нужно разместить менюшку и логотип. Изначально я планировал слайдеру задать "position: absolute", а блоку с менюшкой и логотипом - "z-index: 2" (чтобы он был поверх слайдера). Но когда я задаю слайдеру "position: absolute" - с ним происходит что-то ужасное (он в несколько десятков раз увеличивается и соответственно все ломается). Подскажите, как такое можно сделать??

    Asked by Igor_Dp, February 26, 2017

    0 votes
    13 answers
21. Последовательное воспроизведение трэков на музыкальном сайте

    Практикую написание музыкального сайта. Столкнулся с такой проблемой, ни как не получается создать последовательность воспроизведения трэков, когда песня заканчивается, она просто перестаёт играть и всё. В инете не объяснятся как это делать, есть просто уроки по тэгу <audio> ни слова о последовательности. Решил воспользоваться плеером, но проблема всё та же. Я новичок в этом деле, надеюсь на адекватный совет тех, кто имел с этим дело. Спасибо заранее! P.S. если нужно больше информации, говорите, дополню. как выглядит:

    Asked by zitco255, February 24, 2017

    • script
    • div
    • object
    • param
    • a,,
    0 votes
    1 answer
22. Отображение border в мобильном hrom

    Есть сайт http://evacuator61.ru/ Кнопка "Задать вопрос" справа вверху. Сделана стилями (эффекты наведения, острые углы). Отображается даже в опере 12. Но в хроме мобильном (ну или в любом в режиме адаптивного дизайна) видны косяки. Что-то я не могу понять откуда оно

    Asked by Vlad_P, February 22, 2017

    0 votes
    4 answers
23. Проверьте первую верстку

    Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css

    Asked by Дмитрий12, February 5, 2017

    • верстка
    • без дизайна
    • div
    • css
    • html
    • шаблон
    • макет
    • каркас
    0 votes
    1 answer
24. Увеличение элемента поверх остальных css

    Как сделать такое http://prntscr.com/eaw17z, только на чистом css? Помогите пожалуйста. В инете не нашла

    Asked by irina_f, February 19, 2017

    • css
    0 votes
    6 answers
25. Помогите понять что такое CMS

    Я просто хотел для себя узнать, как мне управлять всеми страницами через хоть что то, я вообще не втыкаю как это можно сделать, там кто то что то говорил про ядро сайта, я не понимаю как его воткнуть как им пользоваться, и надо ли мне переписывать страницы заново, как автоматизировать чтобы при заполнении в "ядре" у меня автоматически создавалась колонка с нужными функциями, подобно тому что я добавляю через текстовый редактор блок <div> Спасибо администратор что добавил мой вопрос!!!!!

    Asked by Mo1oF, February 23, 2017

    0 votes
    30 answers