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. Проблемка в адаптивном дизайне, гуглил-не нашел.

    Ситуация проста до безобразия... При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было... Есть шапка, ширина 80%, в шапке три колонки например по 33% шириной. в итоге из-за такой шапки добавляется к сайту горизонтальная полоса прокрутки :-) в чем прикол кто может объяснить? Заранее благодарю. код - шапки #header{ position:relative; margin: 0 10%; width:80%; } код колонок - #col_left{ float:left; width:50%; height:auto; } #col_center{ float:left; width:20%; height:auto; } #col_right{ float:left; width:30%; height:auto; } как видите все просто... в чем может быть загвоздка не могу понять) измучался весь)

    Asked by Березовский,

    0 votes
    12 answers

  2. Новая яндекс карта

    Хочу поставить две яндекс карты на одну страницу сайта. Но почему-то не высвечиваются метки с текстом. Раньше получалось, а теперь Яндекс ввел какие-то новые технологии и сижу уже вторые сутки не могу разобраться! Помогите, пожалуйста, вот код: <head> <script src="http://api-maps.yand...ull〈=ru-RU" type="text/javascript"></script> <script type="text/javascript"> ymaps.ready(init); function init () { var myMap_1 = new ymaps.Map('map_1', { center: [51.685695, 39.2642], // Ленинский пр-т zoom: 15 }), myPlacemark = new ymaps.Placemark([51.671104, 39.189274], { iconContent: 'Салон ', balloonContentHeader: 'Салон ', …

    Asked by Y-7,

    0 votes
    1 answer

  3. ui autocomplete

    день добрый прикручиваю к инпуту автозаполнение http://jqueryui.com/autocomplete/ подскажите, плиз, как сделать, чтобы по фокусу инпута выпадающий список открывался со всеми элементами сейчас он открывается при вводе символов, если конечно нашлось такое вхождение

    Asked by Аксинья,

    0 votes
    0 answers

  4. Нужна помощь специалиста

    Здравствуйте, я только начинаю изучать верстку. Есть огромное желание научится. Мне кажется уже довольно не плохо овладел html и css, но ещё далеко от идеала(не изучал кросбраузерность, не всё сразу). В связи с этим мне нужен наставник. Человек, который смог бы оценить мои работы и которому можно задавать вопросы и получать в ответ справедливую критику). Если у кого-нибудь есть желание и время пишите. Буду очень благодарен.

    Asked by Cerfuck,

    0 votes
    11 answers

  5. Почему не смещается текст?

    Здравствуйте. Пытаюсь сдвинуть текст вниз относительно исходной позиции. Значение bottom для vertical-align работает, но слишком занижает, надо некое промежуточное положение по вертикали, Пытаюсь процентами задать вот так: .moduletable_cats>h3{ background:url('../images/cat_header_small.jpg') no-repeat center bottom; height:34px; width:238px; padding-left:7px; color:white; margin-bottom:0; display:table-cell; vertical-align: -30%; } и +30% пробовал. никак. Что не учитываю? Благодарю

    Asked by borus,

    0 votes
    9 answers

  6. [IE8] input + div одной строкой

    Доброго времени суток. Задача: около input'а нарисовать свою кнопку. Кнопка должна находиться справа от input'а. Решение очень простое - http://jsfiddle.net/kZN3r/ Однако, в IE8 кнопка сползает под input. Что странно, так это тот факт, что на странице, которую я верстаю, используется такая структура много раз. И там все отображается как надо. Я подумал, что дело может быть в родительском/соседних элементах, но пример по ссылке на jsfiddle - проще некуда, и в прогрессивных браузерах отображается как надо. Проверял код на validator.w3.org - все валидно. В чем проблема?

    Asked by FRUTALITY,

    0 votes
    7 answers

  7. Чем собирать спрайты

    Коллеги доброго время суток. Попалась работа к которой придется собирать большое кол-во различных спрайтов, ну и собствено сразу возник вопрос ручками собирать или генератором каким-нибудь воспользоваться, не поделитесь опытом кто чем собирает ну и впечатления.

    Asked by Vasdram,

    0 votes
    2 answers

  8. Верстка вертикального меню на основе таблицы

    Помогите устранить проблему при верстке вертикального меню на основе таблицы. Не работает переход с ячейки главного пункта меню на ячейку подпункта. Проблема понятна - курсор попадает на границу таблицы. Если границу таблицы убрать с помощью ( cellspacing="0") все работает, но при этом нарушается эстетика и задумка дизайна. Подскажите возможные варианты решения с сохранением внешнего вида таблицы. <!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&…

    Asked by Tord002,

    0 votes
    3 answers

  9. Выпадающее меню для мобильных устройств

    Всем привет, кого не видел. Сделал себе выпадающее меню на основе css по этому уроку. Но, естественно, на мобильных устройства не работает. Нашел урок с адаптивным меню и под мобильные устройства. Но переделывать всё меню лень, может кто подсказать, с чего начать, чтобы меню всплывало и на мобильных устройствах ?

    Asked by bremned,

    0 votes
    0 answers

  10. Актуально ли использование em для указания размеров шрифтов?

    Приветствую всех. Наткнулся на хабре на несколько статей, в которых обсуждается, какие единицы измерения использовать при указании размеров шрифтов во время верстки. Прочитал статьи и еще больше запутался)) В одних пишут, что em необходимо для нормального масшатбирования, в других пишут, что браузеры уже умею масштабировать px. В общем, то ли статьи старые, то ли я дурак) Конкретно на данный момет, какие преимущества от использования em вместо px ? Поддержка ie ниже 9 версии не планируется.

    Asked by ByKraB,

    0 votes
    6 answers

  11. Помогите сделать кнопку

    Никак не могу понять как сделать кнопку с градиентом. Вот пример. Посмотреть в живую можно на "Rндексе" в картах. Хотел стянуть - не получается.

    Asked by alleclf,

    0 votes
    5 answers

  12. верстка нестандартного меню

    Подскажите как сверстать меню ? http://freepsd.com/colourful-wordpress-free-psd-template/ На ум приходит только через карты.

    Asked by cypler,

    0 votes
    6 answers

  13. Нужна помощь! я испортила все

    Экспериментировала с кодом ( пыталась вставить форму ВК комментариев на сайт ) и доэкспериментировалась теперь статьи не отображаются http://for-women-s.ru/modnye-dzhinsy-2013/'>http://for-women-s.ru/modnye-dzhinsy-2013/ пишет HTTP500 вот сайт http://for-women-s.ru/ главная отображается нормально, какого то кода вылезла вверху class="home blog logged-in admin-bar no-customize-support custom-background"> помогите пожалуйста!!!! меняла код в нескольких местах: zeeNews: Заголовок (header.php) <!DOCTYPE html><!-- HTML 5 --> <html <?php language_attributes(); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_ty…

    Asked by alina9691,

    0 votes
    9 answers

  14. Атрибут data-*

    Есть такое в справочнике или учебнике? Дайте ссылку, пожалуйста. Спасибо

    Asked by skvor,

    0 votes
    2 answers

  15. При наведении на одну ссылку подсветить две

    Всем привет, такая проблема <div class="block"> <div class="block2"> <a href="#"><img src="img.jpg" /></a> </div> <a href="#"><h3>Заголовок</h3></a> </div> Как можно сделать, что бы при наведении на картинку подсвечивалась ссылка с текстом, засунуть весь блок в <a> не вариант, может быть есть на js решение? Помогите, кто чем может

    Asked by galaydas,

    0 votes
    20 answers

  16. Как закруглить углы у ссылки?

    Я считаю что этот вопрос когда-либо появлялся ранее, но, поискав на форумах и погуглив я ничего не нашел. Идея в том, что при наведении на ссылку, у нее появляется фоновый цвет (условно у "блока" <a>) , и этот цветной "прямоугольник" должен иметь скругление углов. Уверен что это часто используется, но инфы я нигде не нашел (может плохо искал, ведь искать как следует я не умею). Было три способа, первый - просто приписать бордер радиус для <а> а при наведении курсора, но не сработало. вторая идея это воспринимание <а> как блока, но в этом случае фон при наведении продолжался слишком далеко у коротких слов, поэтому не подошло. Третья идея - это загружать …

    Asked by ExtremeBurner,

    0 votes
    1 answer

  17. Порядок верстки сайта

    День добрый. Хотел у знающих людей поинтересоваться таким вопросом. Есть ли разница в порядке верстке сайта. Допустим надо сайт из шапки, 3х колонок и подвала. 3 колонки - это (к примеру) меню, контент, новости. Какая верстка будет правильная.. <div id="head"></div> <div id="wrapper"> <div id="left"></div> <div id="content"></div> <div id="right"></div> </div> <div id="footer"></div> При загрузки загружается шапка, левая часть, середина(контент), правая часть, подвал или такая верстка <div id="head"></div> <div id="wrapper"> <div id="subwrapper> <div id="co…

    Asked by behadr,

    0 votes
    2 answers

  18. Картинка вместо градиента

    В этом примере используется гриадиент при скроле. Можно ли использовать картинку вместо граиента, и как это реализовать! Заранее спасибо

    Asked by isamael,

    0 votes
    0 answers

  19. Блок непонятным образом изчезает в Opera

    Здравствуйте, столкнулся с проблемой, которая проявляется только в браузере Opera, последняя версия [12.15] Страница: http://bit.ly/Ynv89G Когда курсор перемещается за границы #wrapper, блок .desc который абсолютно позиционирован просто исчезает. Даже нет догадок, почему так происходит. Обязательное условие: чтобы .desc шел раньше в коде и футер должен быть приклеен к низу окна.

    Asked by Gruberhoff,

    0 votes
    2 answers

  20. Найти сайт по коду

    Здравствуйте Коллеги! Работаю над сайтом-визиткой. Требованием заказчика является отсутствие каких либо данных о разработчике сайта, кроме того заказчик не сообщает ни имя сайта, ни доменное имя. По условиям ТЗ необходима лишь настроенная CMS (свёрстанный шаблон, настроенное меню, слаидбоксы и т.п.) без контента. Вопрос: Что можно вписать в код для того чтобы потом можно было легко найти "свою работу"?

    Asked by Devvega,

    0 votes
    2 answers

  21. Натянуть сайт на движок

    Здравствуйте. Не знал в какую ветку писать, так что модераторы не ругайтесь и перенесите куда следует) Как видно из названия темы решил натянуть сайт на движок. Всё таки хочется автоматизировать процесс, к тому же сейчас мало информации на сайте, что облегчит работу, да и немного в ходе работы подкорректировать дизайн. Я весьма поверхносто знаком с джумлой и wp. По сути cms для меня тёмный лес. Приходится обращаться к добрым и отзывчивым людям с вопросоми: Так какую CMS лучше мне выбрать и с чего начать? Сколько это будет стоить и куда обращаться если отдавать работу в чужие руки? Сколько стоит написать CMS? Я вкурсе всех описаний и, грубо говоря, назначений д…

    Asked by svochek,

    0 votes
    3 answers

  22. Небольшой вопрос по overflow

    Есть контейнер div, в него динамически добавляется инфа. По достижению определенной высоты добавляется полоса прокрутки, но последние добавленные строчки оказываются за пределами видимоски, поскольку полоса прокрутки не прокручивается вниз автоматически, при добавлении новых строк. Можно ли без javascript'а сделать чтоб прокручивалась?

    Asked by bioz00,

    0 votes
    3 answers

  23. Как сделать "прикрепить файл" (file attachment) в форму ОС стандартного контакта?

    Привет! Собственно, я добавила само поле - но не могу заставить его работать - т.е. письмо приходит без прикрепленного файла. Я догадываюсь, что нужно ковырять contact.php, но в PHP я ноль, поэтому если можно максимально подробно

    Asked by im0not,

    0 votes
    19 answers

  24. Полосатая рамка

    Здравствуйте! Мне очень надо сделать посредством css рамку. Во времена СССР были почтовые конверты, а по краям у них была рамка из наклонной полосатой зебры, где чередуются белый, красный и голубой. Пожалуйста, подскажите, как мне сделать такую рамку средствами CSS. Эта рамка будет вокруг блока, содержимое которого может меняться, то есть зависит от наполнения текстом, так что рамка тоже должна изменяться в соответствии с размерами блока.

    Asked by rafaello9,

    0 votes
    4 answers

  25. Фон body из множества изображений

    Сломал голову, есть набор картинок это буквы слова. Надо сделать из них фон сайта и дать фон body. При этом картинки букв это отдельные файлы картинок, по ширине тянутся, следующая буква уходит в низ если не влезает, но предыдущая буква обрезается окном браузера, по высоте соответственно слово повторяется до бесконечности, и соответственно повторяются буквы слова по кругу. Не подскажите как реализовать?

    Asked by okunev2,

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