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. Почему не работает код?

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div class="img"> .img { background: url("images/1.png") no-repeat; height: 100px; width: 100px; } .img:hover { background: url("images/2.png") no-repeat; height: 100px; width: 100px; } </div> </body> </html>

    Asked by tR1umf,

    0 votes
    4 answers

  2. Скажите, карта расплывается, да?

    http://html2css.ru/travel/ Карта внизу расплывчато в хроме выглядит? Вин. 8.1 Или мне мерещится? И ведь мне скажут, да - поправьте, плохо выглядит? Я сделала двойной skew на карте, чтобы реализовать перекос. И придется теперь крутить предпоследний блок - а он скорее всего лесенкой пойдет некрасивой. так? Блин что делать =(

    Asked by Zverushka,

    0 votes
    3 answers

  3. Верстка бесплатно (для моего портфолио)

    Привет, я начинающий верстальщик и ищу верстку для моего портфолио, поэтому бесплатно) Что я умею: HTML 5 валидно верстать;Хорошо знаю css3;Кроссбраузерная верстка (ie8+, все современные браузеры);Люблю js/jquery, смогу найти нужный плагин и кастомизировать его, при необходимости напишу скрипт сам;Знаю, как надо проверять свою работу на качествоСижу на Хабре и форумах по верстке, сверстаю шаблон полностью соответствующий Вашему ТЗ. Знаю bootstrap, если надо сделать по какому-то другому css фреймворку, то разберусь и с ним. Flash не знаю. Верстка сложной титулки займет от 4 до 7 дней. Что нужно, чтобы мы сработались: Вы являетесь веб-сдудией или фрилансером с портфолио;У В…

    Asked by alex.js,

    0 votes
    0 answers

  4. Фокус на инпуте

    Добрый день, при нажатии в поле ввода появляется синяя полоска (показано на картинке), как ее убрать? http://i57.fastpic.ru/big/2014/0419/a4/6b725f97539b63128efd210445cdcba4.png

    Asked by lindim3000,

    0 votes
    3 answers

  5. Вопрос по inframe

    Есть картинка фон, поверх нее надо сделать кнопку плэй, тоже в виде картинки с хавером, после нажатия на которую должен активироваться inframe, который будет находиться поверх этого фона

    Asked by Dobriyvecher,

    0 votes
    3 answers

  6. подскажите плагин для всплывающего окна

    Есть ли стандартные решения вот для такой вещи?. Если не жалко - дайте ссылочки

    Asked by lomchik,

    0 votes
    3 answers

  7. Редактирование файлов на сайте!

    Здравствуйте, нужен совет! Речь идет только о сайте на локальном сервере (использую Denwer)! Мне нужно, чтобы посредством гиперссылки через браузер открывались файлы (.doc, excel и пр.) чтобы была возможность их редактировать и сохранять в тот же каталог из которого они открылись! Подскажите как можно это сделать? Обычно файл через браузер открывается только для загрузки! Заранее благодарю!

    Asked by IskanderC,

    0 votes
    5 answers

  8. Выравнивание по вертикали

    Привет всем. Пятница, вечер, голова не соображает). Прошу помощи. Есть див 300 на 300 пикселов. Внутри него нужно выровнять по вертикали текстовый контент. Три вида текста в трёх спанах. Количество текста в спанах заранее неизвестно. А так как спанов три, то количество комбинаций может быть разным. Несколько вариантов для наглядности набросал. Какие стили нужно задать элементам?

    Asked by ILL-JAH,

    0 votes
    3 answers

  9. Row span наоборот

    Как сверстать такое? Не знаю как сделать ячейку обведённую красным http://clip2net.com/s/7frZCV спс)

    Asked by stardel,

    0 votes
    4 answers

  10. Как сделать появление картинки на картинке при навидении

    Как сделать появление картинки на картинке при навидении. Много раз такое видел на сайтах, а как понадобилось нигде не могу найти. Суть в том, что при наведении на большую картинку, на ней же, в верхнем углу надо показать вторую картинку. Появляющаяся картинка меньше размером и выглядит как кнопка. Посоветуйте где можно посмотреть примеры и почитать. Вот пример, но он не работает http://jsfiddle.net/WMtpL/ Кстати, делаю для сайта _livelyn.net - при наведении на картинку, на ней же в углу должна появится картинка-кнопка добавления в избранное.

    Asked by alleclf,

    0 votes
    2 answers

  11. Button проблема

    во всплывающем окне (по любой кнопке нажать) - button заставляет прыгать окошко на ховере. Как вылечить? В ие8 кстати дополнительных проблем не предвидится? http://svchos.bget.ru/present/

    Asked by Zverushka,

    0 votes
    4 answers

  12. Кроссбраузерность поиска html5

    Здравствуйте. Подскажите как сверстать поиск кроссбраузерным. Нужно чтобы получилось вот так. Желательно обойтись без скриптов (по возможности)

    Asked by psics,

    0 votes
    7 answers

  13. Как сделать прозрачные углы у inframe

    Я в верстке новичок, многих вещей не понимаю, как сделать такие же рамки и такую же прозрачность углов как на картинке, если учесть что это inframe

    Asked by Dobriyvecher,

    0 votes
    7 answers

  14. Положение фона - помогите сделать?

    http://leveler.ru/popukaki/ На втором этаже в правой колонке есть фоновая картинка, которая должна выглядеть как-то так: Прижата к нижней части , выровнена по центру правой колонки, при этом находится за текстом. Как такое возможно сделать? Чтобы при масштабировании окна картинка не наезжала на среднюю часть, а была за ней, и была спозиционирована по центру правой колонки? P.S. Все картинки временные, нормальные еще не отсняли.

    Asked by d0ublezer0,

    0 votes
    8 answers

  15. Неправильно работает :hover в GoogleChrome

    Здравствуйте. Столкнулся с такой проблемой. В сверстаном шаблоне некорректно отображаются стили при наведении в Хроме. Блок "Наши Новости" работает правильно - при наведении на блок меняется цвет фона, при наведении на новость меняется цвет её фона, текста и рамки у img. При наведении на блоки "Новости Alfa" и "Новости дилеров" у меня стили :hover срабатвают ТОЛЬКО при наведении на нижнюю (3-ю) новость. В других браузерах соответственно всё нормально. Первый раз с таким сталкиваюсь, предположил что дело в новой версии хрома? Ссылка Кусок кода CSS:

    Asked by Kirill M,

    0 votes
    2 answers

  16. Проблема с версткой меню

    Доброго времени суток, форумчане. Прошу помощи в решении следующей задачи: нужно сверстать меню по ширине сайта (960px), при этом пукнты меню должны равномерно распределиться по ширине родительского блока (те самые 960px). Итак, html разметка: <div class="wrapper"><ul class="main_menu"> <li><a href="#">Главная</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> <li><a href="#">Пункт меню 4</a></li> <li><a…

    Asked by Dexo,

    0 votes
    3 answers

  17. профиль пользователя

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

    Asked by adminfilm,

    0 votes
    10 answers

  18. Проблема с отображением на Opera Mini

    Есть сайт который нормально отображается на ПК. Но в Opera Mini всё совершенно некорректно. Как можно это исправить? есть ли чтото наподобие Opera Dragonfly для mini? Сайт:http://secretmoon.ru/ На Opera Mini:

    Asked by Kypaku,

    0 votes
    0 answers

  19. проблема с z-index

    Проблема такая, верстаю страницу, все вроде нормально, но в блоке с слайдером .latest-post_wrapp фоновый цвет навигации по слайдеру должен заступать за фото. Но, Если в #photos > li больше z-index чем в #thumbs, то навигация делается неактивной, то есть #photos > li его "закрывает", я решил проблему (смотреть по ссылке), но думаю, что это не лучший вариант. Что можете посоветовать по этой проблеме? Ссылка на страницу : http://mihayliack98.url.ph/duplexProb/

    Asked by Ghost86421,

    0 votes
    1 answer

  20. Проблема с сайтом

    Вот сайт http://diman4ik.mcdir.ru/ как сделать чтобы было именно так? http://s1.ipicture.ru/uploads/20140417/VY25RQ55.png как сделать линии по li ? и как сделать справа стрелочку такую?

    Asked by WEB-best,

    0 votes
    2 answers

  21. Наполнение блока

    Здравствуйте. Есть некий <div><img></img></div> При увеличении изображения внутри дива изображение выходит за его рамки. Как сделать чтобы вместо этого, при увеличении изображения, в блоке появлялись полосы прокрутки?

    Asked by betmakh,

    0 votes
    4 answers

  22. Выравнивание блоков

    Здравствуйте, уважаемые. Такова делема: на странице 3 дива: левый, правы и центр. Возникла проблема их позиционирования. Установив: display: inline-block; дивы выравниваются по нижнему краю. Можно ли сделать чтобы выравнивание было по верхнему краю? Или просто ставить position:absolute и подгонять каждый блок по пикселям? И как вообще рекомендуете позиционировать такие вещи?

    Asked by betmakh,

    0 votes
    2 answers

  23. Описание сайта в поисковиках. Не из description?

    Добрый день! Подскажите пожалуйста, как правильно создать отображение описания сайта в поисковых системах. Дело в том, что есть страница подписки http://moment7.ru/ В описании в дескрипшн написал нормально все. Но я ндекс взял описание из текста на странице. Посмотрел код других сатов, там тэгов дескрипшн и кейвордс нет вообще. У страниц яндекса в том числе и у многих новых сайтов тоже. Подскажите как мне правильно настроить описание сайта. Большое спасибо!

    Asked by painttt199,

    0 votes
    2 answers

  24. добиться эффекта со шрифтом

    День добрый! Начал верстать макет и с самого начала не знаю с чего начать. http://s019.radikal.ru/i605/1404/28/91ca0a8db98b.png подскажите как можно добиться такого результата с текстом!

    Asked by alex.kv,

    0 votes
    3 answers

  25. смешение блоков

    ребят здравствуйте есть макет с 3 колонками с фиксированой шириной на данный момент сверстал 2 но возникла проблема должно быть так но при убирании маргина у второй колонки блок улезает вниз код первой колонки #contaner { width: 320px; height: 750px; float: left; border-radius: 10px; }код 2 колонки изза маргина третья колонка улетает влево если убрать улетает 2 почему у первой не работает флоат лефт никак не пойму #content { width: 390px; height: 800px; background: #fff; margin-left: 320px; border-radius: 5px;}код 3 колонки тут совсем с маргинами ужас но нормально отображаеться только так #news {width: 250px;height: 780px;background: #333;margin: -754px 68…

    Asked by Евгений_SB,

    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