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. нужна помощь по абсолютному центрированию слоя

    Ребят, помогите, пожалуйста, по верстке немного. То ли я уже заработалась, то ли еще что-то. Вещь вроде несложная, но никак не рожается. <!DOCTYPE html> <html> <head> <style type="text/css"> #sloy4{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; } </style> </head> <body> <div id="sloy4">wertwert</div> </body> </html> слой красного цвета ширины в 900 пикселей появляется как надо. НО, когда я окно браузера сужаю влево, то появляется полоса прокрутки. Как сделать так, чтобы слой в любом случае оставался по середине страницы, а полоса прокрутки не появл…

    Asked by Marishkas,

    0 votes
    18 answers

  2. position:fixed

    как сделать чтобы ,,logo'', с position:fixed не просвечивал другие элементы со страницы, (opacity - не помогает.) ? заранее спасибо!

    Asked by andrew514,

    0 votes
    2 answers

  3. Пожалуйста подскажите

    Подскажите, пожалуйста, как сделать переход внутри страницы, т.е. без перехода на другую страницы с помощью закладок. (например как в шапке на сате http://htmlbook.ru/). Т.е. я могу выбрать "Основное", "HTML", "CSS", "Сайт", при этом ниже меняется список, а основное наполнение сайта не меняется. Что за теги, каким свойством css это можно сделать? Заранее спасибо!

    Asked by igorilo,

    0 votes
    6 answers

  4. Валидность кода. Предупреждение

    Анализатор выдаёт 1 предупреждение, но не могу понять, о чём именно предупреждает: http://validator.w3.org/check?uri=http%3A%2F%2Fdh-art.ru%2Findex.php

    Asked by maritca,

    0 votes
    7 answers

  5. Проблема с text-shadow

    Здравствуйте, возникла проблема при верстке необходимо указать белый text-shadow. Сам блок с текстом лежит поверх фоновой картинки. Без указания блоку какого-либо background белая тень не видна. При этом любой другой цвет выводится великоепно без background. Сайт forum.fsdusshor.ru белый text-shadow необходим для верхних телефонов. box-shadow не предлагать есть какие-нибудь решения ?

    Asked by henry007rta,

    0 votes
    1 answer

  6. Подскажите пожалуйста, почему на планшете вёрстка едет

    Доброго времени суток. Помогите пожалуйста, люди знающие. Вот здесь http://licvid.4programmer.org.ua в верхнем меню все пункты отображаются нормально. Но если зайти с Android устройства - почему-то последний пункт уезжает вниз. Подскажите, почему и оч.желательно, что с этим делать) Заранее спасибо за ответ=)

    Asked by froosty,

    0 votes
    1 answer

  7. Можно ли сделать ссылку на Facebook для тех кто там не зарегестрирован.

    Клиент просит ссылку на свою страницу в Facebook. Все прекрасно если вы уже туда залогинились. А если нет? А если вообще вас там нет? Тогда открывается страничка, которая прости вас зарегистрироваться. Можно ли это дело миновать и сделать прямую сылку? Спасибо!

    Asked by shavedhead,

    0 votes
    5 answers

  8. Ресурсоёмкость верстки

    Доброго времени суток форумчане и гуру вёрстки! Я любитель и вёрстку делаю для себя часто, просто потому что хочется! Каждый раз задумываюсь о используемых ресурсах, но вопреки этому дизайнеры в PSD макетах используют такие элементы, которые если заменять, чтобы уменьшить трафик, то дизайн изменяется до неузнаваемости, а если оставлять, то странички чрез чур много требуют трафика. Как быть с такой проблемой?

    Asked by ohinem,

    0 votes
    4 answers

  9. Ограничить размер img сверху, без растягивания

    Братцы, так бывает, что из базы на страничку картинки тянешь, а в базе, понятное дело картинки разных размеров и форматов (jpg gif png) и выяснить их размер "налету" вряд ли возможно. А область под картинку фиксированного размера. Так вот, желательно картинки больше известного размера масштабировать, а меньше - оставить как есть. Это реально?

    Asked by Splinty,

    0 votes
    6 answers

  10. Кооридинаты ссылок по документу HTML

    Всем привет Интересует такой вопрос: как можно задать координаты ссылок href в документе? Поясню есть картинка фоном на ней изображены элементы технологического оборудования. Необходимо сверху пот центру изображения элемента оборудования разместить ссылку href. Как можно это сделать в html? Вызов другово документа готов надо просто расставить ссылки.

    Asked by JohnChaban,

    0 votes
    3 answers

  11. Форма

    http://htmlbook.ru/practical/poshagovaya-forma Создать форму, где взять картинки для создания, вырезать с psd документа в фотошопе ?

    Asked by jaster,

    0 votes
    2 answers

  12. Помогите с таблицей

    Здравствуйте! Хотелось бы сразу предупредить, что я плохо понимаю в HTML. Уж сильно не пинайте В общем, дело такое: создаю рассылку для блога. Хотелось бы чтобы в письме был определенный фон. С этим вроде бы разобрался. Но сами записи отображаются по 5 столбцов по горизонтали. А хотелось бы, чтобы каждая запись следовала после предыдущей. На-пример, сперва идет запись №1, потом когда прокручиваешь страничку идет запись №2 и т.д. Не могли бы подсказать, что нужно исправить? Ниже сам код и скрины. <center> <table border="3" cellpadding="10" cellspacing="3" style="width: 600px;"> <tbody> <tr> <td align="center" bgcolor="#CC3333" valign="top">…

    Asked by iiwanc,

    0 votes
    3 answers

  13. IE8 doctype problem

    Здравствуйте, Сверстал страницу все хорошо, но в IE8 имеются проблемы. Использую <!DOCTYPE HTML> в IE8 вылезает ошибка произошла ошибка сценария строка 1 символ 1 'object' is undefined меняю доктайп все работает но ползет верстка. Как это исправить?

    Asked by coller,

    0 votes
    4 answers

  14. Размер и положениен окна браузера

    Всем привет Возник вопрос как можно при нажатии на ссылку "href" вызвать новое окно браузера (например IE или FireFox), задать его размеры и положение на экране монитора. Спасибо за ответы.

    Asked by JohnChaban,

    0 votes
    1 answer

  15. Растягивание блоков по высоте.

    Здравствуйте!Вопрос следующий:Есть блок-родитель тянущийся по высоте на 100%.Внутри 2 дочерних блока.У верхнего высота 70px, а вот нижний должен растянуться по всей оставшейся высоте.Как это сделать без полосы прокрутки?

    Asked by jonston@list.ru,

    0 votes
    2 answers

  16. стиль дополнительного меню

    Здравствуйте! Подскажите, пожалуйста, как задать стиль доп. меню, отличный от главного? Чтоб ссылки меню "наши кобели" и "наши суки" сделать не такими как в верхнем главном меню? Сайт: http://baykara.ru/nashi-sobaki <a href="http://pixs.ru/?r=7262308"><img src="http://i5.pixs.ru/storage/3/0/8/YbwfRPskjp_5508095_7262308.jpg" border="0" alt="Image Hosted by pixs.ru" /></a>

    Asked by Zeeeya,

    0 votes
    4 answers

  17. Подвал липнет к контенту

    Здравствуйте, такая проблема: В контенте сайта у меня находится два изображения, которые нужно выравнять по левому и по правому краям. Я делаю это с помощью float:left и float:right. Все в принципе работает, но возникает проблема с подвалом, который начинает вести себя неадекватно. При выравнивании изображений по левому и по правому краям с помощью float рамка от подвала становиться над изображениями, а текст прилипает к ним снизу. Если же сделать clear: both (или left) — получается как надо, кроме того, что невозможно регулировать отступ от контента. Как можно решить проблему?

    Asked by eight.alex,

    0 votes
    2 answers

  18. Выровнять текст по центру экрана

    Подскажите как выровнять текст, который сейчас по середине экрана (текст может быть различной длины) http://cardterapia.ru/step1 чтобы он всегда был в центре в независимости от размера экрана

    Asked by smirn0ff,

    0 votes
    9 answers

  19. падинги для спана

    http://jsfiddle.net/AYxAw/ в общем суть такова... Как сделать боковые отступы фона от крайних символов? То есть по краям где символы фон сделать по дальше... Блоковым делать его нельзя, он должен быть лайновым, чтоб был эффект перехода строк.

    Asked by vladmih,

    0 votes
    6 answers

  20. высота div 100% - не выходит каменный цветок :(

    Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз): Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню. В общем, пока я не придумала ничего лучше. чем задать е…

    Asked by maritca,

    0 votes
    4 answers

  21. Выбор js или сss+html

    Собственно все мы знаем как выровнять по вертикале одно строчный текст с помощью line-height: высота блока родителя. Но если высота измениться то надо и меня line-height, оговорюсь сразу: мною движет лень. Я В общем стараюсь придерживаться принципа если можно сделать с помощью html+css то делаем так(В общем с внедрением css3 и html5 прибегать к отказу от js стал чаще).Так вот вопрос что было бы лучше использовать в этом случае http://jsfiddle.net/F89Cd/ .

    Asked by dmitriydrachov,

    0 votes
    2 answers

  22. font-face загадка...

    Такое дело... PF Beau Sans Pro зашел на font-face generator. залил нужные мне шрифты, выдал архив... @font-face { font-family: 'pf_beausans_probold'; src: url('../font/pfbeausanspro-bold-webfont.eot'); src: url('../font/pfbeausanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/PFBeauSansPro-Bold.otf'), url('../font/pfbeausanspro-bold-webfont.woff') format('woff'), url('../font/pfbeausanspro-bold-webfont.ttf') format('truetype'), url('../font/pfbeausanspro-bold-webfont.svg#pf_beausans_probold') format('svg'); font-weight: normal; font-style: normal; } вот к примеру. Вопрос, пока не подсоединил эту строку url('../font/PFBeauSansPr…

    Asked by vladmih,

    0 votes
    0 answers

  23. firefox 19 баг?

    Короче сразу пример: http://jsfiddle.net/LQMKA/ Фиксированный блок частично спрятанный за краем браузера и выдвигающийся на время. При позиционировании блок встает как надо, но при начале анимации отсчет ведется не от скролла, а от края, то есть игнорируется скролл. В ff 18 и более ранних все было норм. Вот пытаюсь понять баг браузера или нет?

    Asked by wwt,

    0 votes
    0 answers

  24. подскажите как заставить блоки располагаться в одну строку

    Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…

    Asked by mrak,

    0 votes
    1 answer

  25. проблемы адаптивной верстки

    Здравствуйте. Проблема в следующем: идет разработка на twiter bootstrap и необходимо позиционировать элемент(div child3) справа внизу. И если установить его справа можно свойством pull-right, то как установить его снизу, не потеряв при этом адаптивность. P.S. схема на рисунке

    Asked by loginz,

    0 votes
    1 answer

  • Обсуждения

    • 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