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. Как правильно использовать Border в 960 Grid System?

    Здравствуйте. Пытаюсь разобраться с CSS фреймворком 960 Grid System. Столкнулся с проблемой заданием границ блокам. Дело в том, что когда я выставляю border равный 1 пикселю блок уезжает под другой т.е два блока получаются больше 940px. Как с этим быть? Вообще, появилась идея задавать для каждого блока, у которого будет padding или border ширину отдельно с помощью ID. Т.е. ширина блока будет пересчитана, так как ID имеет более высокий приоритет по сравнению с сlass. Но является ли такая техника верной при использовании 960 Grid System?

    Asked by TraiDeR,

    0 votes
    2 answers

  2. Простейший макет, проблемы с height

    Т.к. в соседнем разделе не удалось мне решить мой вопрос, решила начать с нуля и посмотреть, где возникает проблема. Начала делать простейший макет, и вот какая странность. Вроде бы уже проще некуда, делала из многочисленных примеров, пробовала разные варианты. Вот собственно оно http://jsfiddle.net/bfTAC/ Интересно, что в Opera все отлично выглядит как надо А вот в Хроме и Firefix'е - что попало Если глянуть для интереса "инспектором" в Firefox, вот что говорит Получается "контейнер" 100%, но почему то всего 220px. Хотя с body там же все нормально - 100% и 720px на весь экран. Что я делаю не так? Уже тупняк какой-то начался, тяжело абстрагироваться

    Asked by m2141,

    0 votes
    7 answers

  3. DIV с динамической высотой

    всем привет, можете подсказать как сделать DIV'футера с динамической высотой. То есть чтобы он прилипал к низу страницы и растягивался до предыдущего блока, если у предыдушего блока высота уменшается высота футера увеличивался.

    Asked by best_master,

    0 votes
    7 answers

  4. Дотянуть div до футера

    Собственно сабж Абсолютное позиционирование не подходит, так как скол не появится, когда разрешения монитора маленькое.

    Asked by Kerny,

    0 votes
    0 answers

  5. Отображение элемента поверх всех других

    Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты …

    Asked by kidar2,

    0 votes
    4 answers

  6. Инструменты тестирования на кроссбраузерность

    Подскажите, пожалуйста, есть ли opensource приложение для тестирования страниц в разных версиях браузеров (Windows и Linux)? Очень нужно. Спасибо.

    Asked by hike,

    0 votes
    13 answers

  7. Текст на одном уровне

    Как сделать чтоб текст под картинками разной высоты находился на одном уровне?

    Asked by AndreyT,

    0 votes
    1 answer

  8. input email

    При использовании <input type="email" />, при некорректном вводе e-mail адреса, выплывает подсказка: У меня все ок, только сама надпись не отображается? в чем может быть ошибка?! чисто розовый фон.

    Asked by Zzz_,

    0 votes
    5 answers

  9. верстка формы?

    http://pixs.ru/showimage/TestRegFor_3853978_4966929.jpg подскажите пожалуйста, как верстать эти формы с работающими табами????нужно верстать отдельно вход и отдельно регистрацию, или как то по другому? И как верстать выступающие элементы Вход и Регистрация?какой html использовать лучше и проще????таблицы или дивы???

    Asked by olechic,

    0 votes
    6 answers

  10. Назначение ещё одного класса не производит эффекта

    Структура: <label id="anystar" class="styled"><input type="radio" name="hotel_cat" value="any" /> </label> CSS: #anystar { background: url('images/anystar.png') no-repeat right 10px; display: inline-block; padding: 10px 15px 8px 0 ; } #anystar .chkd { background: url('images/anystar_chkd.png') no-repeat right 10px; } js: jQuery(document).ready(function(){ jQuery('label.styled').click(function(){ jQuery('label.styled.chkd').removeClass('chkd'); jQuery(this).addClass('chkd'); }); }); JS нормально отрабатывается, класс .chkd к элементу добавляется. Но бэкграунд при этом не меняется, хотя, по-моему, долже…

    Asked by adelante,

    0 votes
    2 answers

  11. Вырпавнивание текста в формах

    <form action="NEWDOC.php" method="POST" name="New"> <p><label>email: <input type="text" name="email" maxlength="35" id="email"/></label></p> <p><input type="submit" value="Отправить"/></p> </form> Как сделать чтобы email находился на одной линии с input'om а не по центру!?

    Asked by Zzz_,

    0 votes
    10 answers

  12. IE как обычно не воспринимает html5

    Есть один сайт, который везде отображается корректно, кроме IE. Пусть даже последней его версиию. Раньше он адекватно воспринимал новые теги, а сейчас какие-то проблемы. Сам сайт vermodje.ru Должно Есть

    Asked by Ge1i0N,

    0 votes
    2 answers

  13. Почему-то не назначают стили для label.class или label#id

    Вот такая структура: <label class="1star"><input type="radio" name="var1" value="1" /></label> CSS: label.1star { background: url('images/1star.png') no-repeat; width: 21px; height: 19px; display: block; } .1star input { position: absolute; left: -999px; } Открываю страницу -- 0 эффекта. Открываю label в firebug -- никаких стилей не назначено. Назначаю вручную элементу в файрбаге -- включаются. если сделать <label style="стили">...</label> -- работает. По логике -- неправильно назначены стили (указаны имена классов/элементов в файле со стилями), но вроде бы всё правильно... Не понимаю. Есть идеи?

    Asked by adelante,

    0 votes
    3 answers

  14. нужна помощь в верстке галереи

    в макете первой страницы (в указанной ссылке) есть галерея (она подписана и картинка, но при разборке макета, там много картинок, похожего размера) вопросс вот в чем, картинки расположенные на сером фоне это отдельный слайт шоу или это взаимосвязано с галереей, буду признательна за любую помощь и совет, так как первый раз верстаю галерею http://www.free-psd.com/white/53-free-white-template-1 (ссылка на макет)

    Asked by maruwa,

    0 votes
    3 answers

  15. Непонятное обтекание а FireFox

    Здравствуйте, такая проблема, в форме инпуты разбиты по группам филдсетами, 2 первых филдсета имеют float: left. Во всех браузерах все отображается корректно, а firefox филдсет образование почему вылазит в сторону сталкивался уже с подобным глюком в мозиле, в тот раз запретил обтекание объекта и все стало на свои места, а в этот раз не получается css body { width: 850px; } fieldset { border-radius: 20px; margin: 7px; } .personal { width: 380px; float: left; } .contact_info{ width: 380px; float: left; clear: right; } a { color: #000; font-weight: bold; text-decoration: none; } a:hover { color:#999999; }

    Asked by Avalon4eg,

    0 votes
    1 answer

  16. Валидатор

    Как вы считаете, стоит ли придерживаться мнения валидатора или послать его к чертям?

    Asked by Andrew_las,

    0 votes
    27 answers

  17. Работа с фреймами

    Здравствуйте) Мне нужно загружать часть страницы во фрейме. Если страница Index, на ней есть фрагмент который должен быть во фрейме, мне его вставлять между тегами iframe? Как вообще это можно реализовать?

    Asked by assd18,

    0 votes
    1 answer

  18. Мусор в коде

    Здраствуйте ,надеюсь кто либо мне поможет.. И так начнем есть сайт http://school648.org/ которому уже 4 года и который я создавал и делал в 14 лет Сейчас я ответственный за сайт ,хоть уже и закончил школу ,но нные $ за него я получаю.. На сайте больше 500 страниц и заполняют его некоторые педагоги в чем и заключается проблема.. Меня лишь иногда просят добавить некоторые новые страницы,пункты в меню ,добавить ссылку. Уже несколько лет мучает проблема от которой было лень избавляться и вот наступил тот момент когда уже пора ее решать ,на сайте когда педагоги добавляют страницу происходит добавления кучи мусора в код сайта ^^ Пример: Вот так выглядит код при изменения цве…

    Asked by Skooter,

    0 votes
    1 answer

  19. Не обтекает рамка

    Не могу понять, почему так происходит. Если ставлю border-collapse:collapse то все нормально - вот, но красивее было бы border-collapse:separate, но тогда рамка справа уходит в сторону - вот. В чем может быть дело, помогите разобраться пожалуйста!

    Asked by Akulina,

    0 votes
    2 answers

  20. Наложение блоков div друг на друга

    Добрый день! Не очень опытна в верстке блоками, поэтому хотела бы обратиться за помощью и подсказкой. Нужно сделать вот в таком виде: Я тупо решила это, позиционируя блоки с relative. Но что-то мне подсказывает, что решение очень неудачное, и все может сползти... Возможно как-то можно решить с помощью margin? Пока в голову не приходит как именно. Плюс желательно, чтобы блок2 и текст2 могли смещаться вправо, допустим до красной линии.

    Asked by m2141,

    0 votes
    6 answers

  21. @font-face для разных начертаний шрифта

    Доброго времени суток! Подскажите, пожалуйста, как правильно подключать разные начертания одного шрифта? Допустим, есть файлы шрифтов Font1-reg.ttf, Font1-mediumitalic.ttf, Font1-lightitalic.ttf, Font1-bold.ttf, Font1-blackitalic.ttf. Конвертирую и подключаю следующим образом: @font-face { font-family: 'Font1'; src: url('../fonts/font1-reg-webfont.eot'); src: url('../fonts/font1-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font1-reg-webfont.woff') format('woff'), url('../fonts/font1-reg-webfont.ttf') format('truetype'), url('../fonts/font1-reg-webfont.svg#Font1') format('svg'); font-weight: normal; font-…

    Asked by Catherine,

    0 votes
    6 answers

  22. почему размеры шрифта на макете и на сайте так различаются?

    Например: 1. В фотошопе смотрю параметры шрифта: 2. пишу в css: span {font: 12pt Arial, sans-serif} 3. текст на макете: отображение в хроме (в других примерно также): Подскажите пожалуйста, почему такие различия?

    Asked by sfc,

    0 votes
    13 answers

  23. HEIGHT не понимает 100%

    Подскажите пожалуйста, такая маленькая проблема: <div style="width: 100%; height: 100%"></div> Почему не хочет он становиться в ширину 100% по размеру окна?

    Asked by AppleMacMy,

    0 votes
    18 answers

  24. Положение элементов в коде.

    Доброго времени суток. Совсем недавно начал изучать вёрстку. Вопрос такой: http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-trekhkolonochnyi-maket Остановился здесь, всё вроде бы понятно, кроме одного. От примера к примеру порядок колонок в коде меняется. Мне только не понятно по какой логике их меняют местами? Или конкретно для каждого приёма свой порядок?

    Asked by disease,

    0 votes
    0 answers

  25. Подскажите как выставить цвет

    Уже два вечера угрохал на эту мелкую проблему - и гуглил и мануалы листал, ну никак не нашел подход. Всё залил сюда, весь код меню в одном файле. http://удалил.ru/ Как сделать, чтобы при наведении курсора на основные пункты - они (пункты) оставались белым цветом. А то при уходе на субменю буквы снова становятся чёрными. Заранее спасибо. P.S. Вёрстка только начата под Лисой, в других броузерах может что-либо слететь при просмотре страницы.

    Asked by Coder_D,

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