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. Проблема div'ов

    Всем привет, зайдите на сайт http://www.webcity.uz через FireFox с FireBugом и наведите курсор на <div id='content'>, Вы увидите что выделится не вся страница(как она должна), а только прямоугольная фигура, т.е как будто все вложенные в него блоки живут своей жизнью, а див контент просто так стоит... а так все работает просто немного смущает что все не на своем месте. Пожалуйста если кто сможет ответить, ответьте

    Asked by lewa_yun,

    0 votes
    2 answers

  2. При установке background-color в TEXTAREA сьезжает курсор в IE

    <TEXTAREA style="background-color: white;font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 23px;height: 70px;"></TEXTAREA> <TEXTAREA style="font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 23px;height: 70px;"></TEXTAREA> Есть 2 контрола (выше код), в первом установлено background-color: white; при этом курсор уезжает на самый верх контрола. когда начинаю печатать, курсор перепрыгивает на нормальный уровень. Во втором контроле проблемы нет. Тоже самое просходит если задать background-image: none. Непонятно как этого избежать, цвет фона задать надо, но и прыжок курсора не приемлем. Может кто подскажет? Спас…

    Asked by spirtovoi,

    0 votes
    0 answers

  3. Неправильно отображается сайт в Хроме

    Если в хроме вбить в адресную строку адрес, то сайт с первого раза отображается криво, как будто часть правил цсс не учитывается, при обновлении страницы все ок. В панели отладки показывает что все файлы грузятся ок. Подскажите пожалуйста почему криво отображается с первого раза? http://elcmarket.ru/ спасибо

    Asked by sub_zero,

    0 votes
    2 answers

  4. Не получается изменить размер DIV

    Не получается изменить размер DIV. HTML: <div id="one"><div><a href="#">1</a></div><div><a href="#">2</a></div><div><a href="#">3</a></div></div> CSS: #one { width: 600px; border: 1px solid grey; font-family: Tahoma, Geneva, sans-serif; font-size:12px; border-bottom: 0; padding: 5px 10px; background: #ccc; } #one div { border: 1px solid grey; text-align: center; width: 25px; height: 25px; padding: 2px; background: #fff; display: inline; } Ни width ни height в "#one div" не действуют. P.s. Это пример.

    Asked by iKNG,

    0 votes
    2 answers

  5. Грамотная оптимизация графики.

    Здравствуйте. Задался в чем-то даже глупым вопросом, ушел в дебри размышлений и теперь, похоже, без совета "бывалых" не разберусь . Насколько я понимаю, во времена черепашьего Интернета, стройных таблиц и чистого HTML-а одним из основных способов существенной оптимизации сайта было уменьшение размера используемых на странице графических файлов. Насколько это актуально сегодня? С одной стороны есть множество статей и глав о том, что "Save for web" в Фотошопе придумали не зря и что нужно бороться за каждый байт веса. А с другой я нашел немало комментариев (их проф.авторитетность мне, правда, неизвестна) о том, что мониторы уже давно не по 256 цветов и 14'', и Инет у всех …

    Asked by Kray Storm,

    0 votes
    9 answers

  6. Глюк в Chrome (требуется помощь в решении)

    Имеется такая форма с select: <select> <option value="0" selected="selected">Не указано</option> <option value="0" style="display: none;">Значение 1</option> <option value="0" style="display: none;">Значение 1</option> <option value="0" style="display: none;">Значение 1</option> ... <option value="1" style="display: inline;">Значение 2</option> <option value="1" style="display: inline;">Значение 2</option> <option value="1" style="display: inline;">Значение 2</option> ... </select>? Проблема в том что в Chrome, если количество <option> со стилем display: none…

    Asked by berikiushi,

    0 votes
    7 answers

  7. Закругленные углы ячеек таблицы

    Добрый день. Нужно сделать рамку ячейки с закругленными углами. Смог сделать только закругленные углы у внешних углов рамки а внутренние остались прямыми как показано на примере у красной рамки. Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Таблица</title> <style type="text/css"> table { background:green; border-top-left-radius:10px; border-top-right-radius: 10px; border-spacing:2px; } td { …

    Asked by volniy_strelok,

    0 votes
    11 answers

  8. При нажатии элементы должны "улететь" вверх

    Здравствуйте! Есть проблема, с решением которой запутался. Нужно сделать так, что при нажатии на ссылку, она улетала вверх (скажем на 300px) и вместе с ней еще один элемент (к примеру DIV). При этом все остальные элементы должны остаться на месте. Я так понимаю чистым CSS3 здесь не обойтись? Подскажите самый правильный путь... Я слышал, что такое можно делать с jQuerry, стоит ли копаться в нем?

    Asked by tpepost,

    0 votes
    5 answers

  9. Неужели так сложно сделать полоску меню на всю ширину экрана?

    Доброго времени суток. Вот уже 2 день не могу осуществить задуманное. В сss я первоклассник! Вот и прошу совета !!! Есть сайт eco-life.by Там есть меню, где Главная, Новости.... и т.д. Так вот, как сделать что бы полоска ЭТОГО меню была на весь экран мониторов (будь то Широкоформ... либо Квадрат...) В общем не важно. ВАЖНО! но при этом все те же ГЛАВНАЯ ... НОвости оставались на своих местах, то есть В ЦЕНТРЕ. Советовали всего и много, но в итоге ничего не работает, конечно было подозрение на "криворукость в СSS" но после 5-7 повторных действий – развеялось. Может кто подскажет нормально, где что убрать что изменить .дописать ... Это, по моему мнению, то где надо что-то м…

    Asked by yanch258,

    0 votes
    11 answers

  10. Проблема с отображением переменной на экран

    Всем привет! Столкнулся с такой проблемой (но сначала кусочек кода) <?php class returnError { private static $text = "Какой-нибудь текст"; public static function returnCode($code) { echo ($code); } } ?> К этому классу я обращаюсь с другой странички. а именно returnError::returnCode($text); Т.е я пытаюсь передать текст, который должен выйти с echo - как параметр. Но, конечно же, он выводит только имя переменной ($text), но не само значение. Как же мне вывести значение переменной $text?

    Asked by korjik,

    0 votes
    2 answers

  11. выравнивание текстов

    научите пожалуйста точно выравнивать по вертикали текст без использования абсолютного позиционирования здесь у .header h1 выравнивание text-align: center. задача в том чтобы правые стороны .header h1 и .header strong упирались в одну вертикаль сейчас выровнено неплохо, но не точно так ка параметры шрифтов зависят от браузера, ОС и т.д. кроме того данные могут быть динамическими

    Asked by cyklop77,

    0 votes
    2 answers

  12. пропорции изображения в chrome (остальные правильно отображают)

    Имеется галерея изображений "ссылка", из нескольких наборов. разрешение может быть разным. по клику на картинке в центре, она должна занимать всю ширину wrapper и растягиваться соответственно вниз до оригинального размера. В мозилле и опере так и происходит, а вот хром почему то меняет соотношение сторон картинки. #wrapper { width: 1000px; min-height: 100%; height: auto !important; margin: 2% auto 0; background:#FFFFF5 ; padding: 2%; } #gallery #photo { display:block; margin:10px auto; max-width: 60%; } .realsize{ top: 0; left: 0; z-index: 1; max-height: 100% !important; max-width: 100% !important; width:100%; height: 10…

    Asked by kompolom,

    0 votes
    1 answer

  13. Проблема с css

    Добрый вечер, говорю сразу - я новичок. Короче есть сайт, на страницу http://flagshtoki.com/flagshtoki-winder-2.htm нужно вставить готовую вёрстку. Проблема: нарушение стилей вёрстки при вставке на сайт... Помогите пожалуйста!!! <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css"> <link href="light.css" rel="stylesheet" type="text/css"> <link href="boxed-light.css" rel="stylesheet" type="text/css"> <link href="glass-blue.css" rel="stylesheet" type="text/css"> </head> <body> <div class="page" style="bac…

    Asked by korg,

    0 votes
    3 answers

  14. вопрос по трехколоночной верстке

    Уважаемые гуру, подскажите, такой момент: делаю трехколоночный макет с шапкой и подвалом. Левую и правую колонку сделал флоатом, у центральной колонки задал левый и правый маргин. Внутри центральной колонки нужно выводить текст с плавающей картинкой (опять флоат) и таких картинок куча. когда картинка больше текста получаю кашу: следующее изображение слетает на предыдущее Чтобы не было каши поставил <div style="clear:both"></div> Но в таком случае все, что ниже этого улетает вниз на уровень завершения боковиков. Подскажите, как такое обойти?

    Asked by popovich_ai,

    0 votes
    3 answers

  15. Поведение блока в зависимости от другого

    Приветствую! Нужна помощь. Нужно сделать так, чтобы содержимое одного блока центрировалось по вертикали в зависимости от другого. Наглядно должно быть так: То есть нужно как то сделать так, чтобы содержимое блоков 1 и 3 всегда вертикально центрировалось в зависимости от содержимого блока 2. Такое в принципе можно реализовать на таблицах, но увы, нужно это как то сделать на дивах. Подскажите пожалуйста как такое реализовать. Может есть скриптик JS какой. Заранее спасибо!

    Asked by Digidie,

    0 votes
    8 answers

  16. ошибка валидатора

    подскажите кто знает в чем проблема ? валидатор выдает ошибку 1) —————————————————————————-- required attribute "type" not specified …iv class="art-box-body art-blockcontent-body"><script language="JavaScript1.2"> ? The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. ——————————————————————————— как ее исправить я так понимаю надо указать па…

    Asked by gradusgradus,

    0 votes
    3 answers

  17. Помогите решить проблему с поиском на сайте

    Здравствуйте, есть такая пробелема с поиском: В активном состоянии появляется некий бордер, который не нужен.. хотя в css естественно его нету, пробовал убрать его вот так: #search .text:active { border:none; } бесполезно Вот поиск не в активном состоянии:

    Asked by sweb27,

    0 votes
    2 answers

  18. height: 100% и margin-top

    Доброй ночи форумчанам. Может ли кто подсказать красивый способ обхода одной проблемы. Её суть в следующем. Если задать для html и body height:100%, то для вложенного блока margin неизменно увеличивает размер самой страницы до 100%+margin и как следствие - появляется скроллинг. Где-то был вариант решения с position: absolute есть еще какие-либо мысли?

    Asked by USF,

    0 votes
    3 answers

  19. Почему в <dt> нельзя запихнуть <h2>?

    вот мне нравится такая структура: <dl> <dt><h2>Управление опросом</h2></dt> <dd>Управление опросом — это сложная маркетинговая задача, которая влияет на опрос</dd> а валидатор ругается. А можно я так оставлю?

    Asked by Маленьке Звірятко,

    0 votes
    1 answer

  20. Атрибут alt в <img> "на практике"

    Здравствуйте. Не дает покоя вопрос практической оправданности использования атрибута alt в теге <img>. Прочитал одну статью, другую... Еще несколько. Никак не пойму. Что этот атрибут делает и когда используется - понятно. Подпись изображения (а точнее места под него) при недоступном файле или отключенной графике. НО. Первое. Кто-то в наше время отключает в браузере графику? Ну, разве что в "аварийных" ситуациях, когда нужно срочно выйти в Инет, а тариф дико дорог или канал неприлично мал (с мобильника в "лесах/горах" с дорогой Инет-услугой в пакете, например). Даже если и так, то, обычно вполне понятно по тексту, где "нужные" изображения. И с этой позиции атрибуты в…

    Asked by Kray Storm,

    0 votes
    9 answers

  21. Резина. Тянем картинку

    Скажите, пожалуйста, есть ли безболезненный способ растянуть такую картинку, шириной 960 пикселей? Макет предполагается как резиновый и все остальное хорошо, кроме этого злополучного блока. Пробовал установить фон цветом, да бы продолжался, но слишком уж большая разница. Может быть это просто-напросто невозможно\ненужно? При повторении по горизонтали тоже возникает полоска-разделитель, что не есть красиво(

    Asked by sjinks,

    0 votes
    2 answers

  22. форма вылезает за пределы дива

    есть div, фиксированный по высоте, в котором находится простая форма логин/пасс: .login_form { color: white; margin-top:0px; background: #3c3c3c; background-image:url('pattern.png'); height: 29px; border-color: #5a5a5a; border-width: 1px; border-style: solid; float:center; } --> как можно заставить форму вписываться в границы дива?

    Asked by case,

    0 votes
    5 answers

  23. Помогите пожалуйста

    Ребят, помогите пожалуйста свестрать сайт с psd исходника. (html5) Не как не могу понять, что и как. Просто нужно что то, от чего можно оттолкунуться. Ссылка на psd исходник: http://rghost.ru/40953515

    Asked by VooDooSto,

    0 votes
    5 answers

  24. RSS этого форума

    Привет всем, кто подскажет, как можно получать скриптом данные с RSS ленты этого форума? Если не авторизируешься, то RSS не работает даже в браузере. А как тогда скрипту получить доступ к RSS?

    Asked by webmos,

    0 votes
    2 answers

  25. что за данные?

    <li class="fix_nav_item sn_lv2[i][b] " data-current_id="5" data-msel="" data-id="66"[/b][/i]> <a class="fix_nav_link" href="/ru/article/moi-zhiznennye-vzglyady-66.html" title="Мои жизненные взгляды">Мои жизненные взгляды</a> </li> собственно зачем здесь эта строка: " data-current_id="5" data-msel="" data-id="66"

    Asked by Aleksey19881988,

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