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. Альтернатива png иконкам

    Всем привет, такой вопрос: я хочу реализовать иконки с прозрачностью(полупрозрачности нет). Но я заметил что при использовании GIF края получаются неровными да и вообще качество ухудшается. С PNG все нормально, но как-то не охото) -js фильтры + весит многовато. Если gif сохранить 1000px X 1000px то проблемы с качеством и краями исчезает), причем весит меньше чем png. Соответственно, вопрос есть ли еще какая-нибудь альтернатива PNG(может какие-нибудь доп. опции в photoshop). Насколько адекватно решение с 1000x1000 px GIF? СПАСИБО!

    Asked by Beloff,

    0 votes
    6 answers

  2. Как стилизовать Scroll у блока?

    http://prntscr.com/a32uqk стандартные CSS свойства не решают проблему

    Asked by Fizruke,

    0 votes
    6 answers

  3. Применить стиль к label при фокусе на input

    Обязательное условие - подсветка текста при фокусе на input. Простой пример. http://jsfiddle.net/GuCk4/45/ Как сделать так, чтобы при фокусе на input, стиль оставался примененным и к label, а не пропадал сразу же после клика? Нашел решение с помощью JQuery, но возможно есть способ попроще без скриптов? Структуру html можно изменять, лишь бы выполнялось условие.

    Asked by WhatIsHTML,

    0 votes
    6 answers

  4. Выравнивание блоков по горизонтали без указания высоты/

    Здравствуйте! Подскажите, как выровнять блоки по горизонтали без указания высоты? Блоки идут друг за другом с помощью float:left (изменить не могу (например, на display:inline-block), так как выводится с помощью скрипта) Без указания высоты - потому что один блок может иметь бОльшую высоту, а другой - меньшую. Для понимания проблемы - набросала схему: http://savepic.ru/8815808.jpg

    Asked by Fendia,

    0 votes
    6 answers

  5. псевдоселекторы after and before

    добрый день, прописываю следующий код .navbar-nav > li:last-child:after Вопрос можно ли так прописывать ? Хочу задать стили для последнего элемента A > after сайт http://mymoda.com.ua/- верхнее меню, у Мужчины - нет вертикальной черты и последнего элемента Дети тоже нет вертикальной черты - как эти элементам задать через псевдо-селектор стили? приложил скрин http://prntscr.com/ac7y60 Спасибо.

    Asked by mrfrunze,

    0 votes
    6 answers

  6. Кнопка Play на картинках (псевдоселекторы). Как добавить?

    Кнопки не видно img.playvid {position: relative;}img.playvid:before {display: block;content: "";background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;position: absolute;top: 45%;left: 0;right: 0;width: 64px;height: 64px;z-index: 99;}Если что, все img заключены в div. Может для него можно что-то прописать, если не получится?

    Asked by iBars,

    0 votes
    6 answers

  7. неверно отображается фоновое изображение

    Здравствуйте, товарищи! Есть две ссылки каждая размещена в отдельном svg. При наведении на одну ссылку (pushkin) должно появляется фоновое изображение в виде круга синего цвета, при наведении на другую (lermontov.info) появляется фоновое изображение уже в виде окружности зелёного цвета. На деле правильно отображается лишь изображение при наведении на ссылку lermontov.info, а при наведении на ссылку pushkin вместо синего круга отображается окружность зелёного цвета. Подскажите пожалуйста как это исправить. <!DOCTYPE html><html><head></head><body><svg type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-i…

    Asked by Иван98,

    0 votes
    6 answers

  8. Анимация SVG с помощью CSS (несколько вопросов)

    Доброго времени суток, делаю прелоадер для сайта: http://codepen.io/karakym/pen/QNdvBj Есть несколько нюансов которые хотел бы узнать у знатоков. 1. На данный момент анимация простая, поворот нескольких элементов в противоположные стороны, так вот по окончанию загрузки сайта нужно остановить анимацию таким способом, что бы она доехала сначала до конца (все элементы прокрутились в исходные позиции) и лишь только тогда прелоадер можно плавно скрывать. Пробовал animation: paused; но это не совсем то что нужно, ведь анимация остановиться в последнем положении при котором загрузилась страница (то есть не докрутиться до изначального положения. Думал сделать способом убирания In…

    Asked by karakym,

    0 votes
    6 answers

  9. ошибка в mysql-запросе для ajax

    помогите пожалуйста исправить ошибку делаю ajax-запрос. вот php-скрипт, работающий с сервером: <?php header("Content-type: text/html; charset=utf-8"); //print_r($_GET); //print_r($_GET[graph_title]); $title = $_GET['graph_title']; echo $title; $host = ""; $database = ""; $user = ""; $password = ""; $connect = mysql_connect($host,$user,$password); mysql_select_db($database); $sql = 'INSERT INTO `graphs` (`id`, `title`, `x_max`, `x_min`, `x_period`, `y_max`, `y_min`, `y_period`) VALUES ("", "' + $title + '", "", "", "", "", "", "")'; $result = mysql_query($sql) or die(mysql_error()); mysql_query("SET NAMES utf8"); if($result) { echo("true"); } else {…

    Asked by cyklop77,

    0 votes
    6 answers

  10. Как заменить в коде устаревший тег center

    Добрый день. Проверяю сайт на валидность. Выдает ошибку в коде по тегу <center> (скрин прилагаю) Нашел код, но не знаю как исправить: Код: [<div style=«background-color: #f0f0f0; margin: 0px 25px;»><center><small>Мой текст"</small><br><small>Мой текст</small><br><small>Мой текст</small></center></div>] Подскажите, спасибо.

    Asked by RobertKucher,

    0 votes
    6 answers

  11. Меню - выпадающее меню html и сss

    Здравствуйте! Не буду долго говорить нужно реализовать выпадающее меню такого плана (скрин-1). html и сss не подскажите пример кода?

    Asked by Balthazar,

    0 votes
    6 answers

  12. Прилипание топ-меню

    Ребят, не могу сделать шапку с прилипанием как у этого сайта - http://it-office.msk.ru/ . Может есть готовые, написанные скрипты?

    Asked by ITMOfan,

    0 votes
    6 answers

  13. Не все буквы русского алфавита отображаются правильно

    Всем привет, возникла такая проблема. На сайте не отображаются некоторые буквы русского алфавита, точнее не правильно отображаются. Кодировка win-1251 ничего не меняет, а при кодировке utf-8 совсем все становится иероглифами. С английским все в порядке. Все отображается правильно, но хотелось бы решить проблему с русским языком. Подскажите пожалста решение. Как это исправить?

    Asked by Frost,

    0 votes
    6 answers

  14. Убрать подложку сайта под кнопками

    Друзья,всем добрый день! Помогите пожалуйста разобраться. Имеется фоновое изображение и подложка сайта на которой размещены кнопки. Необходимо чтобы за кнопками отсутствовала подподложка, а рядом где кнопки отсутствуют она осталась. Хотелось бы чтобы было вот так: http://hkar.ru/HHwR Сам код вот здесь: http://codepen.io/Ivan545/pen/reGdQe

    Asked by Иван98,

    0 votes
    6 answers

  15. Почему мелькает чёрный экран?

    Приветствую. Изучаю HTML. Делаю себе стартовую страницу со ссылками. Если в Firefox нахожусь на каком-то другом сайте и нажимаю кнопку для перехода на свою стартовую страницу на моём сайте ( она у меня по адресу www.krasivoe.net/start.htm ), то прежде чем моя стартовая страница откроется на мгновение мелькает чёрный экран. Почему чёрный экран? Как устранить этот эффект? Вот код стартовой страницы: <html><head> <title>СТАРТ</title></head> <body background=fon08.jpg link=green alink=red vlink=olive> <font face=Arial> <table width=100%> <tr> <td width=10%> </td> <td wid…

    Asked by Hehabr,

    0 votes
    6 answers

  16. Почему не отображается блок?

    При абсолютном позиционировании не отображается блок? Почему? Где ошибка? http://codepen.io/Diargon345/pen/xVJdeR

    Asked by diargon345,

    0 votes
    6 answers

  17. Как сверстать такое меню

    Приветствую. Пытаюсь сверстать первый макет, но возникли сложности с меню. Как сверстать такое? - http://prntscr.com/axumjc особенно логотип в центре

    Asked by bitande,

    0 votes
    6 answers

  18. Как заменить тег <h3>

    Подскажите пожалуйста. Выяснилось, что на сайте, названия информационных блоков заключены в тег <h3>. Уже битый час бьюсь, и никак не могу заменить его. <?php if ($informations) { ?> <div class="column"> <h3><?php echo $text_information; ?></h3> <ul> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> Как в этом коде заменить тег <h3> на такой же размер шрифта, но чтобы не сломать класс "column"?

    Asked by SergMcLaren`,

    0 votes
    6 answers

  19. Почему рекомендуют указывать в name и id разные значения?

    Слышал мнение, что желательно в тегах формы не давать атрибутам name и id одинаковые значения. Многие этой рекомендации не следуют. Почему это надо делать? И почему не обязательно? Откуда пошло и с чем связано? Хуже: <input type="text" name="login" id="login"> Лучше: <input type="text" name="login" id="login-field">

    Asked by Anymaxis,

    0 votes
    6 answers

  20. Посоветуйте литературу

    Только начинаю изучать верстку сайтов, посоветуйте список литературы для прочтения, желательно не в электроном виде которая.

    Asked by Endorphin,

    0 votes
    6 answers

  21. Как сделать пункты выпадающего меню ссылками?

    Я хочу сделать на сайте выпадающие меню, в котором при выборе пункта происходит переход на новою страницу. Возможно ли такое на html? и Как это сделать?

    Asked by Mik09,

    0 votes
    6 answers

  22. Два блока перекрывают друг друга при мобильном разрешении

    Доброго времени суток, на сайте i-took.ru при мобильном разрешении строка поиска и рекламный блок перекрывают друг друга, не смог решить проблему <form method="post" action="" class="search"> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <input id="story" name="story" class="searchTerm" placeholder="Поиск по сайту ..." /> <input class="searchButton" type="submit" /><span class="searchIcon entypo-search"></span> </form> <div class="m20"> <a href="http://i-took.ru/" target="_blank"> <img src="{THEME}/assets/img/monitor.png" class=""> …

    Asked by itook.ru,

    0 votes
    6 answers

  23. если инпуты выполняют функции чекбоксов

    Всем привет, В примере с 3-ем bootstrap-ом http://getbootstrap.com/javascript/#buttons-checkbox-radio инпуты выполняют функции чекбоксов Все хорошо но не всегда сразу очевидно а какие из инпутов кликнуты ? Можно ли рядом с текстом инпута отображать символ/картинку checked? Идея в том, что когда я вижу такие чекбоксы, для меня не очень очевидно какие из них уже чекнуты. С картинкой слева от текста было бы очевидней. Я пробовал сделать но получается совсем не то ... Спасибо!

    Asked by mstdmstd,

    0 votes
    6 answers

  24. Интересный поиск на сайте

    Доброй ночи всем. Зашёл тут на webref.ru и заметил, что при полном вводе html тега или css свойства в поисковую строку "Введите HTML и CSS" происходит автоматический поиск. То есть не нужно нажимать клавишу Enter. Можете подсказать как такое можно осуществить. Стало очень интересно)

    Asked by Domenys,

    0 votes
    6 answers

  25. В каком компиляторе разрабатывать?

    Ребят в каком редакторе разрабатывать, я на codeacademy только делала всякие штуки. Сейчас просто не получается ничего, я только фотошп немного знаю и все. Хочу развиваться в этом направлении ! Дело в том что учился в шаражке 4 года и в универе 2 года - отчислили. Все на айтишника ! Ничему не научили!!!! Помогите плиззз Т_Т... Мне надо всего лишь компилятор нужный найти и тд .... и книжки дальше я сам !

    Asked by Joris,

    0 votes
    6 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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