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. @media screen не работатет

    Помогите с кодом.Первый @media screen работает, а другие 2 нет Скрытый текст @media screen and (min-width: 800px) and (max-width: 1000) { /*От планшета до большого монитора*/ .wrapper{ width: 40%; } .anons p{ font-size: medium; } .anons h2{ font-size: x-large; } .menu{ width: 60%; height: 40px; } .btn a{ font-size: 12px; } .btn{ margin: 0 10px; } .header img{ width: 100%; } .header{ height: 95%; } .anons img{ width: 100%; } .skidkiall{ height: 90%; } .content{ height: 95%; } } @media screen and (min-width:480px) and (max-width: 799px) {…

    Asked by Nikita L,

    0 votes
    4 answers

  2. Ищу хороший free bootsrap 3.3 темплейт для форума

    Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!

    Asked by mstdmstd,

    0 votes
    4 answers

  3. Выравнивание блоков по центру используя свойство: text-align

    Добрый день! Иногда возникает потребность размещать блоки по центру, не задавая родителю фиксированной ширины.( то есть без использования margin :0 auto,и т.п), Ширина блока равна их содержимому. А сами блоки имеют фиксированную ширину в пикселях. Свойства display: inline-block и text-align:center позволяет так сделать. Например http://jsfiddle.net/greenrow/0jaw9bn9/ Это очень удобно при адаптивной верстке (например фото-галлерея), все элементы автоматически выравниваются по центру и не надо использовать css media queries; Смущает использование строчных стилей для блочных элементов: text-align:center для div, как то не очень... Вопрос: ест…

    Asked by greenrow,

    0 votes
    4 answers

  4. Float, выравнивание по ширине

    Здравствуйте. Вопрос по следующей вёрстке: <!DOCTYPE html> <html lang="ru"> <head> <style> .left{ float:left; background:red; } .no_float { background:green; text-align:center; font-size:30px; } </style> <meta charset="utf-8" /> <title>Документ без названия</title> </head> <body> <div class="left"> float:leftrvrcrvrvr </div> <div…

    Asked by den_alex_96,

    0 votes
    4 answers

  5. Помогите разобраться с gridом

    Привет всем, осваиваю grid верстку. Начал верстать макет И сразу поперли непонятки. Вопрос про контейнер с классом .article в него вложены 20 контейнеров с фиксированными размерами, которые должны образовывать красивую сетку с равными расстояниями между блоками. grid-column-gap: 10px; grid-row-gap: 10px; Однако, в результате имеем различное расстояние. А если менять масштаб в браузере - совсем жесть получается. Скрины прилагаю. Вопрос один - где я НЕ ТАК?

    Asked by GRAY,

    0 votes
    4 answers

  6. Как поменять блоки разных родителей местами?

    Можно ли при такой структуре поменять местами при маленьких экранах блоки c текстом 2 и 3? <container> <div class="row"> <div class="col-xs-12 col-md-12"> <div>1</div> <div>3</div> </div> <div class="col-xs-12 col-md-12"> <div>2</div> <div>4</div> </div> </div> </container> т. е. сперва идёт обычный порядок 1 3 2 4, а при размере col-xs-12 меняется на 1 2 3 4

    Asked by aqua.77,

    0 votes
    4 answers

  7. Как понять if (/color/.test(webKitStyles[i]))

    Как понять это выражение? if (/color/.test(webKitStyles)) Вроде в слэши заключается выражение для шаблона замены. Даже предположить не могу каково может быть значение выражения /color/

    Asked by Аркадий,

    0 votes
    4 answers

  8. Мобильная версия, несоответствующий размер

    Здравствуйте, уважаемые. У меня возникла проблема с блоком который немного "кривой" в мобильной версии. Возможно, у вас есть версии... Не подскажите, как исправить? Скрытый текст Страница бага: http://destonrp.ru/donate Спасибо.

    Asked by HosefuMeow,

    0 votes
    4 answers

  9. Изменение расположения блоков при адаптиве

    Здравствуйте, верстаю простой трёхколоночный сайт, у левой колонки - float: left, у правой - float: right, у центральной ничего. Всё хорошо, но вот делаю адаптивную версию и надо чтобы при определённой ширине экрана центральная часть была вверху, как это сделать? Мне на ум приходит продублировать центральную колонку перед левой, и задать ей display: none, а при сужении экрана делать её блочной, но может есть более элегантное решение?

    Asked by Oleg90s,

    0 votes
    4 answers

  10. Препроцессоры SASS и LESS. Автоматизация Front-end разработки

    Препроцессоры SASS и LESS. Автоматизация Front-end разработки (курс от команды webformyself) Ищу, где скачать бесплатно, желательно с торрентов Весь инет гуглом и яндексом перерыл, не нашел. Дайте ссыль, очень нуно

    Asked by torsar,

    0 votes
    4 answers

  11. Вертикальное позиционирование текста внутри блока

    Уважаемые мастера, подскажите: div.TempDv{ width:35px;height:35px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; margin: 60px 0 0 10px; position: absolute; background-image:url(prib2.jpg); text-align: center; vertical-align: bottom; } По горизонтали текст выравнивается, а по вертикали нет. Нужно чтобы текст был по середине снизу.

    Asked by Ser8191,

    0 votes
    4 answers

  12. При нажатии кнопки выполняется проверка на количество символов

    Добрый вечер. Помогите пожалуйста, не знаю как сделать подобное задание. Дано пять полей. При нажатии кнопки выполняется проверка того, что все поля содержат строки длиной от 5 до 7 символов.

    Asked by WebNewbe,

    0 votes
    4 answers

  13. Зациклить анимацию картинки css

    Добрый вечер , подскажите пожалуйста , как зациклить анимацию картинки , что бы она плавно увеличивалась и уменьшалась до тех пор пока не навести на неё курсор ? Есть такой код css <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /opacity: 0.7;/ margin: 0 0px 0px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); b…

    Asked by qhiey,

    0 votes
    4 answers

  14. Html не может добраться до ресурсов, где CSS файлы и картинки

    Здравствуйте. Моя проблема состоит в том, что изначально созданы папки css, img с соответствующими файлами и отдельно image.hml. Но когда .html файлов стало несколько, создав для этого папку и переместив в неё эти файлы , они вдруг перестали видеть .css. Помогите нубу, я только изучаю и мне стыдно.

    Asked by lines,

    0 votes
    4 answers

  15. Что не так в css табов

    Добрый день. Вот по этому мануалы , скопировав все в точности, сделала вкладки , Но дизайн совсем не тот . Подскажите, пожалуйста, что нужно поменять в стилях?

    Asked by fowl,

    0 votes
    4 answers

  16. Постоянное изменение left в jquery

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></bu…

    Asked by ErUnDAK,

    0 votes
    4 answers

  17. Цвет рамки вокруг кнопки

    Задаю цвет рамки вокруг кнопки, она получается темней чем надо, а при зажатии на ней появляется нужный цвет, как фиксануть ?

    Asked by instant,

    0 votes
    4 answers

  18. Непрозрачность для картинки

    Подскажите пожалуйста, почему не работает прозрачность? Смысл такой, у меня есть картинка фоновая и я хочу сделать прозрачность, но почему то не работает!? .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px 0 40px 0; background-color: rgba(255,0,0,0.75); } <section class="get_in_touch"> <p>Do you like <span>our work</span> so far?<br> Let's talk about <span>your project</span>!</p> <a class="button" href="#">Get in Touch</a> </section> .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px…

    Asked by oleg126,

    0 votes
    4 answers

  19. Выравнивание блоков

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FlexBox</title> <style> body { padding: 0; margin: 0; } .container { position: absolute; background: red; width: 40%; word-break: break-all; padding: 5px 5px; margin: 60px auto 0 5%; } .lol { width: 400px; height: 400px; background: black; margin: 7.1% auto 0 50%; } </style> </head> <body> <div class="container"> <span> Husbands ask repeated resolved but laughter debating. She end cordial visitor noisier fat subject general picture. Or if offering confined entrance no. Nay…

    Asked by ErUnDAK,

    0 votes
    4 answers

  20. Интересная реализация бордера

    Как реализовать подобное через border-radius или другие варианты решения?

    Asked by ErUnDAK,

    0 votes
    4 answers

  21. Прозрачный текст

    Все привет, есть такой простой пример https://jsfiddle.net/j807opr8/ , суть в том чтобы сделать текста блока "b" прозрачным, то есть что бы он стал цветом блока "a", то есть зеленым, можно сделать с помощью border-clip text, но кроссбраузерность хромает, да фон нужно задавать снова, может кто знает более стандартные приемы? заранее благодарен.

    Asked by imakhortykh,

    0 votes
    4 answers

  22. Как вставить готовую таблицу в html-сайт

    Всем привет! HTML изучаю не так давно. Интересует вопрос как вставить готовую таблицу на сайт в место для контента страницы. Суть в том, что она уже готовая таблица, скопированная с какого-нибудь сайта или например вордовского документа как обычный текст, её надо просто вставить на страницу как часть контента, а не пересобирать вручную по html-тэгам. Как правильно это сделать? С помощью чего? Не знаю даже что гуглить, гугл выдает не то, что нужно. Таблица ведь может быть гигантской, вручную собирать по тэгам каждую ячейку же не будешь. Как её обычно вставляют и подгоняют под сайт опытные веб-мастера?

    Asked by prosto_user,

    0 votes
    4 answers

  23. Проблема выравнивания по центру

    Всем привет. Есть сайт нашей компании созданный на вордпресс. Проблема выравнивания блока по центру. Сам сайт lf.winsys.su, Блок "Наши услуги" Подскажите пожалуйста как исправить, сам особо не шарю в сайтах, попросили исправить на работе Думаю проблема именно в float: left; <style> figure { color: #fff; margin: 0 10px 10px 0; /* Отступы */ text-align: center; /* Выравнивание по центру */ float: left; /* Блоки выстраиваются по горизонтали */ } figure img { } figure p { margin-bottom: 0; /* Отступ снизу */ } </style> <div class="parent"> <article> <figure> <p>&…

    Asked by Fockus30,

    0 votes
    4 answers

  24. Как сделать что бы картинка собиралась из разных частей css

    Совсем не понятно как сделать что бы картинки накладывались на сайте друг на друга, но с эфектами css ну так сказать собиралась из разных частей, ну там сначала появляется фон потом человек и дальше солнце. Код вот такой: <html> <head> <link rel="stylesheet" href="animate.css"> <script src="wow.min.js"></script> <script> new WOW().init(); </script> <div style="text-align: center"> </head> <body bgcolor="##006400"> <p><img class= "wow zoomin" data-wow-duration="5s" src="FON_line_1.png" width="80%"><p> <p><img class= "wow zo…

    Asked by Gleb_M,

    0 votes
    4 answers

  25. Сессии и куки

    Когда создаётся куки setcookie("Cookie", "123"); Значение "123" хранится в браузере пользователя и занимает несколько байтов памяти компьютера. Если же создаётся сессия session_start(); $_SESSION['session'] = "456"; То значение "456" хранится на сервере и занимает память сервера верно?

    Asked by aqua.77,

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