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. Как правильно ресайзить шрифты?....

    суть в том , что при уменьшении масштаба шрифты по толковому не ресайзятся..... т.е. была нормальная и красивая горизонтальная менюшка.... покрутили "Ctrl + "Wheel_Down", блоки верстки отмаштабировались, а шрифты - лишь до опрпеделенного предела, после которого верстка начала "ехать").... какие приемы используют опытные верстальщики в таких случаях??.... ЗЫЖ в размерах шрифта использовал "em"....

    Asked by summer_rain,

    0 votes
    6 answers

  2. Схлопывание WTF!?

    Вроде разбирался с этим схлопыванием месяцев несколько назад все ок было, щас вот делаю разметку и в голове полная каша. Вот ниже код очень простой гляньте: HTML потом CSS <h1> ТЕКСТ1 </h1> <p> ТЕКСТ2 </p> h1 { margin-bottom:20px; } p { margin-top:20px; } тут мы видим что образуется схлопывание, т.е отступ будет между этими элементами не 40px, а 20px. из книги: cхлопывание не срабатывает если: для элементов, у которых установлено свойство padding. для элементов, у которых на стороне схлопывания задана граница; на плавающих элементах (для них свойство float задано как left или right); для строчных элементов; для <html>. для элементов, у …

    Asked by Hell&Heaven™,

    0 votes
    4 answers

  3. Прикрепить картинку

    Есть сайт .... . В правом верхнем углу есть картинка(рыцарь) которая при уменьшении размеров окна налазит на основной текст. Разместил картинку спомощью позиционирования обсалютного. Подскажите как ее лутше сделать чтобы она незалазила на текст? Проблема решина

    Asked by 3d_max_9,

    0 votes
    1 answer

  4. Проблема с гиперссылкой.

    Я не могу понять в чём ошибка, уже перепробовал абсолютно всё, но в упор не вижу проблемы. Что мне нужно. Чтобы каждая красная картинка, перенаправляла на разные сайты. Что получается, при добавлении 1 картинки, гиперсылка на сайт работает. При добавлении 2ой картинки, перестаёт работать ссылка на 1ой картинке, и начинает работать 2ая. При добавлении 3ей картинки, перестаёт работать ссылка 2ой картинки, и начинает работать 3я. Парни, подскажите что сделать? Вот сам код. </BODY> <HTML> <HEAD> <TITLE>© DEMO/Быыывыас ©</TITLE> </HEAD> <BODY BACKGROUND="http://give1get4-group.comule.com/global_img/oooo.jpg" bgproperties=fixed> &lt…

    Asked by junsenoue,

    0 votes
    7 answers

  5. Необычная верстка

    Приветствую! Нужна помощь. Есть необычная верстка(необычная для меня, т.к. я с такой не сталкивался). Дизайн по типу смахивает на игровой. Но вот как этот дизайн выполнен(технически)! В общем вот скрин оригинала: Нормальный(ссори за такой кривой скрин, самому такой дали) Проблема собственно в том что, элементы которые должны быть разобраны на слои(чуть ли не по миниатюрам), они объединены в один слой, и как верстать совершенно непонятно. Я сверстал, но косячно. Ниже еще один скрин обрисованный где какие слои объединены - Обрисованный Красным - обозначен слой, который внутренний. Стрелки показывают что он под колпаком в общем:crazy: Зеленым - обозначен слой главный, типа …

    Asked by Digidie,

    0 votes
    5 answers

  6. Подгрузка контента на AJAX

    Доброго времени суток. Имеется страница <html> <head> <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"> <script> function showContent(link) { var cont = document.getElementById('contentBody'); var loading = document.getElementById('loading'); cont.innerHTML = loading.innerHTML; var http = createRequestObject(); if( http ) { http.open('get', link); http.onreadystatechange = function () { if(http.readyState == 4) { cont.innerHTML = http.responseText; …

    Asked by malsyst,

    0 votes
    1 answer

  7. шаблон для младенца

    подкиньте пожалуйста какой нибудь шаблон для верстки для младенца чтоб не очень сложный

    Asked by William,

    0 votes
    1 answer

  8. Одинаковые имена классов.

    Всем привет. Есть такая штука, как jqueryUI. Требовалось изменить внешность некоторых плагинов под существующий дизайн. Т.к. кое-где нужно было сделать 2-4 варианта одного и того же плагина (причем они должны будут присутствовать на одной странице и стили для них должны лежать в одном файле), то для каждого из них сделал оболочку <div class='myClass'>... plugin ...</div>, соответственно в стилях оно стало выглядеть .myClass .ul-tab { ... }, .myClass1 .ul-tab { ... } и т.д. Заказчика этот вариант не устраивает по непонятным мне причинам, просит эту оболочку убрать. Как быть тогда, если везде названия классов одинаковые, а свойства у них разные ? Или туплю и их …

    Asked by lolka84,

    0 votes
    6 answers

  9. Как расположить фон под страницу сайта.........

    Привет всем...Учусь верстке уже как месяца полтора, многое ни понимаю многое ни знаю. Помогите пожалуйста. Хочу расположить фон так чтоб он был под уже готовой страницей,верхняя часть чтоб выступала достаточно много ну примерно на 40% экрана, и чтоб виднелись боковые стороны заднего фона.. Заранее спасибо за ответ...

    Asked by kalyan,

    0 votes
    1 answer

  10. Помогите найти техники

    В общем интересуют методы и приёмы CSS которые дают возможность ставить блок с контентом на второе или третье место(колонку),при этом в HTML разметке блок контента должен идти первым,как то натыкался в сети а теперь вот не могу найти так как не знаю как такой способ правильно называется,в теме с макетом бросал кто то ссылку с примером но там немного не то.

    Asked by Aleksey19881988,

    0 votes
    5 answers

  11. Центрирование таблицы по вертикали и горизонтали

    Здраствуйте,моя проблема заключается в том , что у меня не удается установить таблицу в центре экрана по горизонтали и вертикали , теги - align="center" valign="middle" ситуацию не исправляют. Отображение страницы в dreamweaver dreamweaver Отображение страницы в браузере браузер http://www.nimax.kz Взгляните на код страницы: <!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>Главная страница » NIMAX.KZ - фотосессии и видеосъемка в г.Кокшетау<…

    Asked by tnj23,

    0 votes
    0 answers

  12. Помогите опознать шрифты

    Вот картинка с фотошопа, как узнать какой шрифт и какой точный размер использовался? Если нет самого макета в формате PSD? Пробовал подбирать в фотошопе в ручную, в итоге получил Verdana 17px, ставлю Verdana 17px при верстке в итоге он оказывается велик, поставил 16px вроде сходится но все равно как будто на 98%, а не на 100%. И в каких еденицах лучше задавать размер шрифта при верстке? спасибо.

    Asked by Hell&Heaven™,

    0 votes
    5 answers

  13. обрезание плавающего элемента

    помогите пожалуйста решить проблему при уменьшении ширины окна на этой странице происходит сначала обрезание элемента списка. ссылка. и только после этого перестройка плавающих элементов.ссылка мне хотелось бы сделать так чтобы элемент списка не обрезался. то есть нужно чтобы перестройка плавающих элементов произошла в момент соприкосновения границы окна и крайнего плавающего элемента

    Asked by cyklop77,

    0 votes
    1 answer

  14. Горизонтальная менюшка

    Здравствуйте! Формирую менюшку следующим образом: <div class="menu"> <ul> <li><a href="#123.cshtml">123</a></li> <li><a href="#124.cshtml">124</a></li> <li><a href="#125.cshtml">125</a></li> <li><a href="Default.cshtml">126</a></li> </ul> </div> Как сделать, что бы она была не вертикальным списком а горизонтально располагалась (как здесь)? в заранее спасибо.

    Asked by Lucifer,

    0 votes
    7 answers

  15. Не работает карусель

    Сайт: http://lejjknakurul-rf.1gb.ru/ Внизу не работает карусель, с чем это может быть связанно?

    Asked by Wahlberg,

    0 votes
    2 answers

  16. Вопрос по JQ

    Доброго времени суток, все. Попробую описать суть проблемы: Имеется страница, на которую, в определенный ДИВ, нужно поместить (подгрузить) содержимое другого ДИВа, но с другой страницы текущего сайта. Первое, что пришло на ум - get и load. <div id="id_1">Загрузка...</div> - 1 страница. <div class="cl_2">Загрузка...</div> - 2 страница. и... <script type="text/javascript"> $('#id_1').load('Страница2 .cl_2');</script> id_1 - будет ID дива, в которые нужно поместить содержимое со сторонней страницы cl_2 - класс элемента, вытаскиваемого с нужной страницы Полученный результат работает локально, но при загрузке в ЦМС - нет( Заметил, что ес…

    Asked by malsyst,

    0 votes
    2 answers

  17. Как селектором адресовать пустой необязательный для заполнения input или textarea?

    Приятного дня. Собственно сабж. Как селектором адресовать пустой необязательный для заполнения input или textarea? Мне нужно что бы представление пустых input и textarea отличалось от тех, в которые пользователь ввел текст и реализовать это хочется pure css. Есть идеи? [value=""] к сожалению не работает. Еще не разобрался почему. :invalid требует required

    Asked by SilentImp,

    0 votes
    12 answers

  18. Метод Лэнгбриджа-Лихи для неоднородного фона

    Прочитал про Метод Лэнгбриджа-Лихи. Однако как быть, если фон неоднородный? Нужно вывести рисунок с текстом так, чтобы область вокруг букв была прозрачной.

    Asked by Feel,

    0 votes
    10 answers

  19. Не откуда border у img

    Сайт: http://lejjknakurul-rf.1gb.ru/ В самом топе, где написано лейк накуру лодж из неоткуда появился бордер в 1 px, хотя для img я написал border: none; Помогите пожалуйста, а то не пойму откуда п.с. там возможно еще css не обновились на #branding , что бы убрать чёрный border вокруг img

    Asked by Wahlberg,

    0 votes
    4 answers

  20. <ul> внутри <div>

    Имеет ли смысл вкладывать списки ul,ol,menu внутрь diva? Если да, то в каких случаях это нужно делать, а в каких - нет?

    Asked by Feel,

    0 votes
    11 answers

  21. горизонтальная полоса прокрутки при уменьшении окна браузера

    Я создала несколько страниц,но когда я уменьшаю окно браузера, все элементы на странице налегают друг на друга в хаотичном порядке. Попробывала в стилях к body задать минимальную ширину (100%,1024 px...),но это не помогло,уменьшаю окно и всё опять накладывается друг на друга. Неужеле минимальную высоту нужно задавать к каждому элементу на странице отдельно? Или всё-таки можно к body? Или есть другой способ? Может я не те размеры задаю?

    Asked by eleonore,

    0 votes
    3 answers

  22. Firefox криво распознает display: table-cell;

    Верстал под Chrome, надо было, чтобы текст в диве выравнивался по вертикали. Настроил, открываю Firefox, а там вот что: Все куда-то уехало за пределы страницы... Гуглеж не дал мне никакого фикса для этого. Вот ссылка на сам сайт, можете посмотреть. Вот. Тут все отображается нормально. Это ужас. Причину не могу выяснить.

    Asked by Mosya,

    0 votes
    14 answers

  23. Прижать текст к правому краю и выровнять по левому

    День добрый, подскажите, как можно в блоке прижать текст к правой границе и выровнять левую границу текста по самой длиной строке. К сожалению, через поиск так и не смог найти решение. Вот пример страницы, блок обвел красной границей пример. Пробывал использовать разные float и text-align для родительского и дочернего div, не получилось. Пока сделал выравнивание по правому краю. На всякий случай, прикрепляю текущие стили. .main { width: 100%; padding: 0; margin: 0; position: relative; z-index: 1; } .main #links { position: absolute; color: white; font-family: Arial; font-weight: bold; font-size: 13pt; z-index: 2; top:30%; …

    Asked by rulevoi,

    0 votes
    2 answers

  24. Как сделать image на все окно браузера?

    Вставил картинку через "<img></img>" на страницу, но она не захотела располагаться от левого верхнего пиксела страницы. Получился зазор. Скрин ниже: Подскажите, как можно это исправить? Дополнительный вопрос: Существует много сайтов, где нет необходимости скроллить - все умещается в рамки одного экрана, причем не видно чтобы фоновый рисунок, который является цельным, а не размноженной текстурой и.т.п., увеличивался при просмотре на большом мониторе. Например: http://www.thewildernessdowntown.com/ Подскажите, каким образом этого можно добиться?

    Asked by Feel,

    0 votes
    12 answers

  25. Не работает 3D тур на Сафари (мобильной версии)

    По какой-то причине флеш-3Д тур не грузится на Сафари 5 версии (мобильная версия) на IPhone. Причем на Сафари 5 для ПК все работает. Никак не могу найти причину. Ошибок не выдает, просто грузится страница без ролика (3Д тура). Не могу также найти эмуляторов, чтобы проверять заработает или нет... Может кто-то может подсказать причину и сталкивались с подобным? hxxp://салон-успех.рф/interier.html

    Asked by dess81,

    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