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. проблема с использованием max-width

    Суть вопроса в следующем... есть код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>max-width</title> <style type="text/css"> /*———————————--RESET———————————-*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; }…

    Asked by bonyany,

    0 votes
    5 answers

  2. ссылка на папку в локальной сети

    Здравствуйте есть папка в локальной сети - путь \\xxx\yyy\ возможно ли сделать ссылку, что бы при клике эта папка открывалась в проводнике?

    Asked by LeFF?,

    0 votes
    2 answers

  3. Проблемы с текстом

    вот сразу покажу в чем проблема. http://jsfiddle.net/rLpbn/80/ там где написано "ЦЕНТР" с помощью margin опущено вниз на 100пк, но при этом весь блок опустился, когда точно так же на левом блоке выглядит нормально, в чем проблема и как опустить текст, не опуская при этом блок. Падинг не исполью так, как надо чтобы весь текстовый блок опускался, позицирование тоже т.к. при этом блок ЦЕНТР не растягивается. Ксати когда вводить блоку ЦЕНТР бордер все норм становится.

    Asked by Hoax,

    0 votes
    10 answers

  4. android интерфейс

    есть ли готовые решения веб интерфейсов в стиле андроида для удобной работы с тач экрана?

    Asked by Tmin10,

    0 votes
    3 answers

  5. Подскажите способ

    Подскажите, как лучше верстать такую карусель? Из вариант - это разбить на три блока ( левый(стрелочка) ; центральный(который меняется; правый(стрелочка). Или сделать все через позиционирование.

    Asked by like2dev,

    0 votes
    15 answers

  6. проблема с рамкой

    вот не знаю как решить проблему, вот собственно в чем проблема: (на задний фон не обращайте внимания, это так, тест) что для этого используется: (углы там естественно прозрачные) код html: код css: ответ как всегда бывает скорее всего простой, но что то не соображу и да, вариант с заливкой тех кусочков у топа и боттома не вариант, потому что задний фон может быть не однородным

    Asked by b1ot3kk,

    0 votes
    9 answers

  7. float или inline-block

    Здравствуйте, что лучше использовать для выстраивание блоков в ряд inline-block или флоат.

    Asked by like2dev,

    0 votes
    2 answers

  8. Текст перечеркнутый линией

    Подскажите, есть у меня блок шириной 400px, в нем есть текст "Привет", как мне перечеркнуть текст линией в 1px, чтобы линия была под текстом. Спасибо.

    Asked by Bonzash,

    0 votes
    4 answers

  9. Заблокирована навигация

    Здравствуйте! После установок кнопок счетчиков в футере темы появилась проблема с навигацией. Т.е., возникает какое-то "мертвое пространство" выше этого блока размером примерно 5 см, в котором навигация, кнопки, ссылки, переходы и пр. не работают. Отображаются, но блокированы. Вот, код блока: <div class="clear"></div> <div style="width: 495px; height: 187px; position: relative ; left: 50%; top: 50%; margin-left: -248px; margin-top: -150px;"> Здесь скрипты счетчиков </div> Изменяя значение в position, кстати, проблема с навигацией пропадает, но тогда ломается архитектура сайта. Перепробовал в этом смысле все. Так же, заметил, что навигация возобнов…

    Asked by Santorin,

    0 votes
    6 answers

  10. Высота блока комментариев от Facebook

    Здравствуйте! Кто знает как убрать баг фейсбука, а именно этот отступ:

    Asked by dima777,

    0 votes
    5 answers

  11. background-image с отступом справа

    Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.

    Asked by Veseloff,

    0 votes
    3 answers

  12. Проблема с выравниванием DIV блоков по вертикали

    Проблема такая делаю шаблон к сайту. Сделал правый и левый сайдбары с помощью DIV блоков одинаковыми. Проблема заключается в том что если внести в один из сайт баров информацию, то другой блок выравнивается по низу. В общем "пляшут" у меня оба блока. Подскажите как их зафиксировать вертикально, чтоб не "плясали" при добавления в сайдбары информации. З.Ы. сами блоки входят в строку таблицы, которая поделина на два столбца сайдбара и столбец с контентом.

    Asked by Scorpio2011,

    0 votes
    8 answers

  13. Зазор между "плавающими" div'ами

    Задача: Сделать 2 "резиновых" дива с заданным цветом и родительским дивом. Первый див прижат влево, второй вправо. Проблема: В opera, chrome, safari между дивами появляется зазор в 1 пиксель сразу или при масштабирование окна браузера по ширине. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="ru" /> <title>The table</title> <style type="text/css"> html, body { margin:0px; padding:0px; } #div0 { width:100%; background-col…

    Asked by Vertachilo,

    0 votes
    2 answers

  14. Тормоза Оперы при фиксированном позиционирваннии

    Доброго времени суток. Такой трабл: решил прикрутить на одной странице фиксированный блок с якорями и прочими побрякушками. Использовал position:fixed. Отображается всё нормально, но вот при прокрутке страницы через Оперу возникают тормоза. Отсюда собственно и вопрос: это распространённый баг Оперы или попросту я гдето запорол?

    Asked by SunChase,

    0 votes
    6 answers

  15. Chrome увеличивает height если прописан border 1px

    Обычный <div> размерностью 1180px x 200px <div style="width: 1180px; height: 200px;border: 1px solid #ccc"></div> Проблема в том что, Google Chrome 10+ сам изменяет height если прописан border 1px, то есть: При просмотре страницы Chrome 10+ за место заданной ..height: 200px.. отображает как 202px (из-за того что прописан border 1px, он его берет в плюс) Вопрос: Как исправить это?

    Asked by uExpo,

    0 votes
    2 answers

  16. Контактное меню

    Есть з кнопки для контактов <a href="www.google.ru"><div class="menu"></div></a> <a href="www.google.ru"><div class="menu2"></div></a> <a href="www.google.ru"><div class="menu3"></div></a> К каждой соответствует свой номер телефона.Нужно чтобы при клике появлялся номер с фоном.Вот так: http://itmages.ru/image/view/233951/635e76af Как это сделать? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /…

    Asked by Rambo2045,

    0 votes
    2 answers

  17. label для radio

    <dd class="answer"> <input type="radio" id="user_radio_input" name="Vote[answer]" value="0" class="radio_button"> <label for="user_radio_input"> <input type="text" name="Vote[user_answer]" class="input_button" value="Ваш вариант" /> </label> </dd> Здравствуйте, нужно чтобы при нажатии на input с текстом, radio button установилась в активное состояние, сделал так, но не работает =( Помогите исправить. Пробовал в Опере. В хроме оказывается работает и нормально переходит, в ФаерФоксе работает, только не получается ввести текст в инпут, так как вечно перебрасывает фокус на радио буттон, что впринципи логично. Видимо при…

    Asked by like2dev,

    0 votes
    1 answer

  18. CSS свойста "border"

    Почему две нижеприведенные записи CSS для border не равнозначны?: div { border-style:solid; border-color:#eee #ddd #ddd #eee; border-width:1px } div { border:1px solid #eee #ddd #ddd #eee } Второй вариант не работает, поскольку идет указание сразу на четыре стороны блока?

    Asked by Lionel,

    0 votes
    1 answer

  19. Как правильно

    Здраствуйте, у меня вопрос по rel = no index no follow. Первое это как правильно писать и ли можно для каждой ссылки отдельно указать этот тег. И как я читал в Интернете, они блокируют унос тИЦ и PR вместе с ссылками, да? Ответьте плз, буду очень признателен. Заранее благодарю. © Постоянный попрошайка ответов Shader P.S. Не отказывайте постояльцам

    Asked by Shader,

    0 votes
    3 answers

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

    Всем привет! Верстаю один макет. Там выпадающий список. Необходимо сделать, чтобы эта выпадалка строилась в две колонки. Однако она тянется на всю ширину страницы. Пробую это сделать на display:inline-block, vertical-align:top +white-space:nowrap В итоге в фоне оказываются только два слова, остальные тянутся на всю страницу. Я подозреваю, что где-то не там указываю что-то. В общем я запутался немного. И еще какие-то черточки перед словами появляются. Откуда они? Вот ссылка на пациента.

    Asked by Softlink,

    0 votes
    7 answers

  21. Вставка социальных кнопок на сайт джумла 1,5

    Всем добрый день. Только пожалуйста не смейтесь с моих познаний. Проблема №1 Имеется сайт http://ciferkom.ru Я на него пытаюсь установить кнопки соц сетей. Кнопки поделится от яндекса (блоком) я поставил. Теперь хочу поставить кнопки голосования. Если Вы зайдете в любую статью на моем сайте, вы увидите, что под кнопкой (блоком яндекса), Я расположил кнопку "+1" от гугла и кнопку "мне нравится" от вконтакте. Вопрос: кнопка в контакте находится под кнопкой гугла. Как их поставить рядом. Код кнопок выглядит так: <!-- Google+1 --> <br> <g:plusone></g:plusone> <!-- Vkontakte --> <div id="vk_like"></div> <script type="text/javascr…

    Asked by serg450453,

    0 votes
    6 answers

  22. Про width

    Есть два дива : div.header { width:70%; div.header { height:100px; min-width:400px; margin:30px 15% 0; background-color:grey; } div.header>div { border:1px solid; float:left; height:100%; padding-left: 10px; width:33%; } В div.header>div вложено ещё 3 дива, которые исполняют роль пунктов меню. Хочется, чтобы они занимали всю ширину div.header. Но в значение width: 33% не включены паддинги, и элементы выходят за свои пределы. Ещё стало заметно, что при паддинги добавляются засчет увеличения размера дива, а не засчет ущемления внутреннего пространства. Подскажите, как обойти это. Только обязательно должна сохраняться раздел…

    Asked by Aleksey751,

    0 votes
    8 answers

  23. Like от Facebook

    Добрый вечер, дорогие форумчане, CMS: Drupal 7 Сайт: http://eu-le.com/ Проблема: не работает кнопка "мне нравится" от Facebook. Создаю блок и ставлю режим "php" (обычный HTML не распознаёт язык XFBML) и вставляю код: <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=205815206137680&xfbml=1"></script><fb:like href="http://eu-le.com" send="false" width="286" show_faces="true" font="tahoma"></fb:like> В head приписываю все полагающиеся meta-теги. Жук показывает прекрасное отображение этих тегов в панели. И всё же кнопка не работает. Выдаёт ошибку: "Your page's type requires that a meta tag of the form…

    Asked by Eu-Le,

    0 votes
    2 answers

  24. разместить footer при помощи position

    помогите пожалуйста поместить footer под область основной информации сайта. я пытаюсь сверстать позиционированными блоками вот этот сайт вот что у меня получается http://narod.ru/disk/19397755001/index.php.html. как видите, footer1 находится не на своём месте. использовать не position, а другие способы пожалуйста не предлагайте. так как я хотел бы разобраться именно с position(при помощи float я уже сверстал это же). ps высота блоков с основной информацией меняется, поэтому не могу жестко прописать положение footer-а.

    Asked by cyklop77,

    0 votes
    6 answers

  25. Организация верстки со множеством страниц

    Товарищи, нужна помощь. Всегда верстала по одной странице, а теперь наконец-то появился для верстки полноценный сайт, главная и куча внутренних. Так вот, подскажите, пожалуйста, где можно почитать про организацию верстки? а точнее css. Структуры страниц полностью отличаются друг от друга, окончательно запуталась в собственном css, куча стилей, куча стилей с перебивкой...просто ужасно. Или может поделитесь со мной какой-нибудь своей работой, а я хорошенько изучу код?) P.S В гугле по этой теме ничего толкового найти не могу, так как не знаю, как правильней фразу сформулировать

    Asked by vikusik,

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