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. Почему такая разница в шрифтах и как верстать правильно?

    Разное отображение шрифтов в разных браузерах. При чем наблюдается различие в разный системых Windows 7 Windows 8. Вот скрины. Вот типичный сайт, выложил на хостинг, чтобы можно было посмотреть. Почему такая разница в шрифтах? Они не кроссбраузерны получается. Вот и скрины с разных систем, исерено все линейкой как видите.

    Asked by foxtrot874,

    0 votes
    17 answers

  2. Текстовое поле формы

    При получении фокуса(:focus) поля формы уменьшаются, при его же потери возвращается к стандартному размеру. Как это исправить?

    Asked by stas0:/,

    0 votes
    0 answers

  3. Переход на JQuery 2.х

    Есть скрипт здесь Работает на JQuery v1.9.1 Пробовал его JQuery 1.10.2 и JQuery 2.0.3 Не работает, что делать в принципе прочёл что надо что-то править для Обновление JQuery 1.9 <script src="http://code.jquery.com/jquery-1.9.0.js"> </script> <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"> </script> А для JQuery 2.0 <script src="http://code.jquery.com/jquery-2.0.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script> Что надо делать и что править, кто знает?

    Asked by lev99,

    0 votes
    6 answers

  4. кастомизация bootstrap3

    помогите пожалуйста разобраться при скачивании bootstrap3 с главной страницы оф.сайта, пользователь получает дистрибутив, состоящий из множества папок при скачивании bootstrap3 со страницы кастомизации оф.сайта(даже если не трогал галочки), пользователь получает только три папки: css, js, img почему такая разница? во втором случае пользователь получает не полный дистрибутив?

    Asked by cyklop77,

    0 votes
    8 answers

  5. Не работает кнопка в поиске

    Вот есть такая вот форма поиска <div class="google_search" > <form action="http://southklad.ru/bestsearch.php" id="cse-search-box" class="searchform"> <div> <input type="hidden" name="cx" value="partner-pub-9717502539708433:0102334659" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" class="searchfield" size="30" style=" border: 1px solid rgb(126, 157, 185); padding: 2px; background-image: url(http://www.google.ru/cse/intl/ru/images/google_custom_search_watermark.gif); background-color: rgb(255, 255, 255); background-position: 0% 50%; background-re…

    Asked by Mr.B,

    0 votes
    5 answers

  6. Средства для начала создания интернет-магазина

    Доброго времени суток ув. форумчане. Расскажите пожалуйста что мне нужно что бы непосредственно создать интернет магазин. Можно ли сделать как с простым сайтом: верстать его, и проверять через денвер? Есть макет сайта. Прочитал про CMS под интернет магазин, более всего понравилась PrestaShop.

    Asked by Amalkurbanbaev,

    0 votes
    5 answers

  7. Можно как-то задать два шрифта в "font: ...", но с разными font-size/line-height?

    Доброе! Можно как-то расширить http://htmlbook.ru/css/font Есть блок тектса, у него сейчас: font: 16px/19px 'Myriad Pro'; ... но если нет в системе Myriad Pro, хотелось бы следующим подрубить trebuchet ms c 15px/17px , ибо 16px/19px от Myriad Pro уже не подходят. Браузер может прочитать только такую конструкцию: font: 16px/19px 'Myriad Pro', trebuchet ms; но не такую... (которую бы хотелось) font: 16px/19px 'Myriad Pro', 15px/17px trebuchet ms; Есть какой-то выход из подобной ситуации?

    Asked by Compaq6720s,

    0 votes
    5 answers

  8. В чем дело?

    Делаю макет по инструкциям как на этой странице, но почему так же не получается( Помогите пожалуйста разобраться. _______________________________ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Макет 1</title> <link rel='stylesheet' type='text\css' href='style.css' </head> <body> <div class='container'> <div class='header'> <h1></h1> </div> <div class='left-menu'> <h1></h1> <div> <div class='right-menu'> …

    Asked by Amalkurbanbaev,

    0 votes
    7 answers

  9. Проблемы с кроссбраузерностью

    http://jsfiddle.net/AycqA/1/ помогите кто может, в ie 8(другого нет) отображается вообще ужасно прозрачные квадраты просто с границей.... на старой опере тоже криво. PIE помогает но когда наводишь в IE то вообще творится незнаю что...

    Asked by xoff,

    0 votes
    4 answers

  10. Непослушный первый маркер списка!

    Всем привет! Вот такая, странная проблема случилась у меня при верстке. Делал я значит обычный список. Все старые стили (а там были старые стили) удалил. Смотрю на сайт в Firefox'е - все нормально. Смотрю в Chrome и Opera, вот что получается: Никак даже не пойму что это такое. Сначала подумал, что это стили браузера такие. Смотрю. Есть такое... Webkit'овские. Сбросил их. Ничего. Потому подумал что это из-за отсутствия ресета. Поставил обычный ресет (звездочка и нули). Ничего. Поставил даже несколько известных готовых ресетов. Ничего. Поставил я list-style-position: inside. Заработало! Но мне нужно outside! Может кто сталкивался с таким? Такая блин мелочь, а верстать не д…

    Asked by Zexler,

    0 votes
    1 answer

  11. Ширина ячейки

    Добрый день. Подскажите пожалуйста как сделать так, чтобы ширина ячейки была по содержимому, но в случае, если текст сильно длинный (например 50 символов), то его надо перенести на следующую строку. До этого обходился свойством nowrap как атрибут или как значение css свойства white-space. Как бы нет проблемы выставить ширину ячейки, допустим, 250рх, но если в какой-то выборке для данной колонки будут только короткие значения, то будет некрасиво наблюдать пустое место в ячейке. Пробовал всякие комбинации с white-space, word-break, max/min-width, да что-то не получается. Задачка вообще решается? Спасибо.

    Asked by ShurikEv,

    0 votes
    4 answers

  12. Вертикальное меню с выпадающим списком

    Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…

    Asked by rusbear28,

    0 votes
    4 answers

  13. Выпадающее меню скрыто скриптом

    Доброго времени суток форумчане! Подскажите пожалуйста. На сайте http://prikoltube.ru вверхне меню при наведении курсора на "Еще категории" раскрывается но его перекрывает рекламный блок что ниже. Пробовал z-index не помогло, видимо он не работает с скриптом, который перекрывает меню. МОжет есть у кого идеи и предложения как исправить эту ошибку?

    Asked by stas3k,

    0 votes
    4 answers

  14. Почему за "height: 100%" берется только высота окна?

    Здравствуйте. Такая проблема у меня. Когда ставлю для div в свойствах height: 100%, то за эти самые 100% берется только высота окна браузера, то есть если у меня разрешение по вертикали 768px, отнимаем отсюда тулбар браузера и получается около 710px. Это и получается у меня высотой 100%. НО, если добавить на сайт больше контента, так чтобы появилась полоса прокрутки, то высота блока в браузере все равно 710px. Вот приложил скриншот. На нем отметил, что высота окна браузера равна 412 пикселей при открытом проводнике кода, от этого и высота div равна 412 пикселей, хотя контент идет далее. Из-за этого некоторые блоки не растягиваются до конца. Скриншот http://5.firepic.org/…

    Asked by sss2019,

    0 votes
    13 answers

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

    Насколько я знаю все счетчики с перелистыванием реализованы сейчас на спрайтах? Я смотрела их коды - везде непонятный канвас и как мне показалось, это все самописное. Может кто посоветовать счетчик, где можно полностью выбрать стиль и подключить свой спрайт? Кстати, создаете ли вы сами спрайты для перелистывания или только строго, если он шел вместе с макетом? Если ли у кого настраиваемый счетчик, реализованный без использования спрайтов?

    Asked by Zverushka,

    0 votes
    7 answers

  16. Два <div> в одну строку

    Здравствуйте! Подскажите пожалуйста, как расположить два дива в одну строку в данном случае? .container1 { width: 100%; padding: 20px 0 20px 0; background: #000; } .container1 .new { width: 470px; padding: 20px; margin: 0 auto; } .container1 .last { width: 470px; float: right; padding: 20px; } Скриншот: Пробовал играться с float-ами, как в основном советуют — не получается.

    Asked by vladsypchenko,

    0 votes
    4 answers

  17. утеря позиции фона при повторении

    Добрый день. Помогите решить. есть код background: url(../img/bg-top.png) no-repeat 2px 0px, url(../img/bg-center.png) no-repeat 0px 200px, url(../img/bg-bot.png) no-repeat 2px 97%; } и все вроде как хорошо, но мне нужно что-бы центральная часть повторялась. и когда я ставлю повторение то она заполняет весь блок а не с позиции в 200px и перекрывает верхнюю и нижнюю картинку. помогите пожалуйста. спасибо

    Asked by stone86,

    0 votes
    1 answer

  18. Как сделать чтобы при hover над картинкой появлялся блок?

    Господа,я новичок,поэтому сильно ногами не бейте. Задание: Сделать список мультфильмов как показано на картинке: Т.е. при наведении мышки над картинкой появляется еще год в правом верхнем углу,и полное название мультфильма на русском и англ. Мой код: http://cssdesk.com/vN3W8 Не понимаю как сделать так чтобы при наведении над картинкой отобразился блок с годом или блок с полным именем мультфильма,при этом блок только с русским названием мультфильма - исчезал. Понимаю что делать надо через hover - но как,подскажите? Да и вообще прокомментируйте пожалуйста код.Мне кажется что я очень сильно тут намудрил. Заранее спасибо!

    Asked by Temik2704,

    0 votes
    12 answers

  19. Как пользоваться спецификацией www.w3.org/TR/html5/

    Здравствуйте. Я новичок в сайтостроении. Изучаю html5. Подскажите как и где правильно смотреть спецификацию на этом сайте www.w3.org А когда узнал что разрабатывается html5.1 то вообще перестал все понимать. Если еще не вышел html.5 почему разрабатывается html5.1? www.w3.org/TR/html51/ Помогите пожалуйста мне с этим разобраться. Что какая ссылка значит и как там все смотреть?? Заранее спасибо..

    Asked by koly32,

    0 votes
    11 answers

  20. Что это за красная линия?

    http://img.pixs.ru/storage/5/8/2/Bezimyanni_5147755_9401582.png Всем привет.. Я вот 3-4 дня начал заниматся HTML.. у меня такая проблема.. Что это за красная линия между кнопками "in" и "f"... никак не могу исправить это.. HTML <div class="Share"> <a target="_blank" href="https://www.youtube.com/user/BaxramEfendi/videos"><img class="Youtube" src="Icons/youtube-icon2.png" width="36px" height="36px" onmouseover="this.src='Icons/youtube-icon.png'" onmouseout="this.src='Icons/youtube-icon2.png'" /></a> <a target="_blank" href="https://plus.google.com/109111671453089973163/posts"><img class="Gplus" src="Icons/…

    Asked by BahramAfandiyev,

    0 votes
    7 answers

  21. #срочно Помогите со слайдером.

    Доброго времени суток. Взял работу, и в ней у меня возникла проблема. В макете имеется такой слайдер → http://imgdisk.ru/images/HAfbw.png Раньше много раз имел дело со слайдерами, но не с такими. Проблема в светлом окошке над слайдером. Как реализовать перелистывание не только картинок, но и контента в этом окне? Подскажите(любым способом) как это реализовать? Может быть у кого-то есть ссылка на уже готовый слайдер такого типа?

    Asked by zenCodder,

    0 votes
    5 answers

  22. Проблема с отображением в IE 8

    Здравствуйте! Всего пару дней изучаю HTML и CSS, пытаюсь сверстать свой первый сайт. На первых же порах столкнулся с проблемой неправильного отображения в IE 8, в Chrome всё в порядке. Подскажите пожалуйста, что делаю не правильно? Где ошибся? Заранее спасибо! Вот мой код: http://jsfiddle.net/Uqvgj/

    Asked by vladsypchenko,

    0 votes
    17 answers

  23. Почему не появляется тень?

    Собственно, сабж. Мне надо добавить тень к элементам. Так и записал: -webkit-box-shadow: 0 0 0 6px rgba (0,0,0,1); -moz-box-shadow: 0 0 0 6px rgba (0,0,0,1); box-shadow: 0 0 0 6px rgba (0,0,0,1); Но ничего не произошло. В чем обычно бывает дело, подскажите, будьте любезны.

    Asked by binomer,

    0 votes
    2 answers

  24. Как сделать, чтобы фон слоя не распранялся на бордер?

    Как сделать, чтобы фон слоя не распранялся на бордер (бордер прозрачный)? Задача такая, чтобы слой был overflow, но при этом внизу его есть типа неровный край из-под которого должен выглядывать другой слой. Этот край я приделываю через псевдоэлемент, шириной во весь экран. Если не оверфловить слой, то при сужении экрана до ограниченной у слоя ширины - справа начинает появляться белое пространство. Это я лечу через overflow. В общем вопрос самый первый.

    Asked by Zverushka,

    0 votes
    2 answers

  25. [Помогите] Простая мелочь по кнопкам (CSS)

    css: .new_botton { color: #000000; text-decoration: none; background-color: #97C3FC; padding: 7px 30px; border: 1px solid #7E7676; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; line-height: 24px; text-shadow: #A5A5A5 0px 1px 0px; } .new_botton:hover { background: #8B9DFA; } Надо сделать что бы кнопки были одной ширины независимо от текста, да может я не правильно начал делать кнопки через украшения ссылок просто тоесть у меня html имеет вид: <a class="new_botton" href=итд....>, но я думаю и при такой реализации можно сделать одной шириной. Пробовал width не работает) Помогите реализовать... п…

    Asked by xoff,

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