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 body

    Всем привет. Я сегодня прочитал рекомендации от гугла по оформлению кода и там написано что эти теги html head body можно и не писать. Вы делаете так? Если их не писать все ли браузеры будут корректно показывать страничку, особенно мобильные? Писать или не писать?

    Asked by abcde,

    0 votes
    3 answers

  2. Верстка VS GoogleTranslate

    Верстаю макет для довольно объемного сайта, куча графических элементов, пачка слайдеров разных мастей. На каждом готовом этапе часть верстки заливаю на хостинг, дабы клиент мог оценить и сразу писать правки. Сейчас, уже практически заканчивая работу, вдруг, откуда не возьмись, клиент объявляет, что ему нужно, дабы сайт отображался полностью корректно при использовании сайта translate.google.com, в режиме перевода всего сайта. Если кто не знает, или не юзает, то это вот такая штука: http://translate.google.com/translate?hl=ru&sl=ru&tl=en&u=http%3A%2F%2Frambler.ru&sandbox=1 Фишка в том, что к каждому переведенному слову гугл добавляет пару оберток и свои…

    Asked by advokatua,

    0 votes
    3 answers

  3. Как выравнять чекбокс с его описанием

    У меня чекбокс получается выше своего текстового описания. Сам квадратик для галочки расположен выше текста. Как можно вертикально центрировать квадратик с текстом? Отступы действуют сразу на весь блок, и вместе с квадратиком двигается и надпись. Вот пример, специально сделал текст меньше - для наглядности. http://jsfiddle.net/r7uQt/

    Asked by alleclf,

    0 votes
    3 answers

  4. Закрепление картинки в правой части страницы по середине

    Добрый день! Помогите, пожалуйста! Нужно закрепить картинку 40*150 px к правому краю страницы, сделать её зафиксированной при прокрутке. Картинка должна быть с ссылкой. Можно ли как-нибудь это сделать? Пример: на многих сайтах висит зафиксировано кнопка "задайте вопрос оператору". Нужен код для аналогичной картинки-ссылки..

    Asked by marianna9201,

    0 votes
    3 answers

  5. Не работают дочерние пункты меню

    Купил премиум шаблон для wordpress. и тут беда, не выпадают дочерние пункты меню в теме. Написал автору шаблона и до сих пор не дождался ответа. Ребята, гляньте - http://new.chocolate-kiss.ru/ , может хоть подскажите в какую сторону капать....

    Asked by LBM,

    0 votes
    3 answers

  6. Главная страница на пол экрана

    Здравствуйте. Помогите разобраться. Главная страница сайта открывается на пол экрана.Сайт сверстал мой приятель,сейчас нет с ним связи. На моем маленьком экране ноута эта страница открывается нормально.Даже немного приходится прокрутить вниз.А вот на большом экране открывается на 2/3 экрана.Точнее она полностью показана но внизу только черная широкая полоса.Видимо она не подогнана под разные экраны.На телефоне она шире чем нужно. Подскажите что нужно исправить.Сайт залит на хост на тест.Вся директория у меня на компе. Заранее благодарю.

    Asked by reshet,

    0 votes
    3 answers

  7. Есть ли на примете похожая программа?

    https://tinypng.com/ Только оффлайн.

    Asked by SKSKSS2013,

    0 votes
    3 answers

  8. Проблема с масштабом меню

    Здравствуйте. Сдвигается меню, когда в браузере включена функция "Переносить текст". В данном случае в опере на телефоне Пример: Как сделать, чтобы меню не подвергалось изменению даже при этой включенной функции? Сайт: http://sunnym.ru Меню - html + css HTML: <div id="menu-block"><ul class="menu"><li><a href="index.html">Главная</a></li><li><a href="online.html">Смотреть онлайн</a></li><li><a href="preview-serial.html">Анонсы</a></li><li><a href="news-serial.html">Новости</a></li><li><a href="actors.html">Актёры</a></li><li>&lt…

    Asked by Alexandrov,

    0 votes
    3 answers

  9. Отображение страниц в мобильных устройствах

    Добрый день, решил разобраться в вопросе создания страниц для мобильных устройств и, почитав статьи и книги, натолкнулся на некоторые вопросы. Вычитал в книге Бена Фрейна, что без тега meta с атрибутом vieport обычная (неадаптированная веб-страница) сжимается в браузере мобильника, но влезает в него целиком (речь в данном случае о iPhone 3gs). Но у меня стоит по Оперу тестировщик для просмотра в разных устройствах и там ничего и без этого тега не сжимается и страница целиком не влезает. В чём здесь дело? Может, современные мобильные устройства не сжимают страницу?

    Asked by webmos,

    0 votes
    3 answers

  10. Как сделать такую рамку?

    http://joxi.ru/UDprU_3JTJA3U4xzJu8 как сделать такую рамку?

    Asked by Zverushka,

    0 votes
    3 answers

  11. Обрезка Div Блока

    Подскажите, не знаю как сделать. Есть Два див блока. <div class="duvet"> </div><div class="sheet"></div>Для них стили .duvet { position: absolute; width: 400px; min-height: 440px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6); border-radius: 100%;}.sheet { border-radius: 100%; position: absolute; z-index: 3; width: 400px; height: 100px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6);}Требуется обрезать .sheet таким образом что бы…

    Asked by CrazyFox,

    0 votes
    3 answers

  12. clearfix

    http://jsfiddle.net/G7X7N/1/ зачем нужен visibility: hidden; ? ведь без него всё также работает

    Asked by DivMan,

    0 votes
    3 answers

  13. Проблема с IE7

    Всем привет!! Помогите пожалуйста разобраться с IE7 Делаю верстку одного макета, код см. ниже, во всех браузерах кроме IE7 все выглядеть вроде нормально а в IE шапка вся на наперекосяк. У меня подозрение на haslayout но где куда не догадываюсь. И ище одна маленькая просьба обратить внимание на код! Что правильно что нет? Прошу сильно не ругать это моя первая работа мой первый макет! <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Натуральный камень в Молдове, купить</title><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" hre…

    Asked by TuTaHuKk,

    0 votes
    3 answers

  14. ширина блока при увеличении масштаба

    Вечер добрый При вёрстке возник такой вопрос - есть footer прилепленный к низу, и вот этот футер, при изменении масштаба в большую сторону, в тот момент, когда появляется горизонтальная полоса прокрутки - обрезается видимой областью монитора. то есть, он как-бы всегда занимает 100% ширины, но когда появляется прокрутка - то справа обрезается кусок фона футера. контент на том месте есть, а вот фон- обрезается шириной экрана. кусок из css footer,.push {height: 100px;} footer {background:#7e7e7e; width:100%; color:#dbdbdb; font-family:'Tahoma', sans-serif; font-size:9pt;}собсн сама страница: https://googledrive.com/host/0B4fl96t3IgZddU55QWtjYl9QNUE/homepage.html ест…

    Asked by orange_juice,

    0 votes
    3 answers

  15. Почему в разных браузерах, изображение находится в разных местах?

    http://jsfiddle.net/DYLtd/ в хроме так а в мозиле так

    Asked by DivMan,

    0 votes
    3 answers

  16. Приведение CSS кода к нормальному виду

    Здравствуйте, взялся за редактирование чужого CSS файла и столкнулся со следующей проблемой. Создатель файла минимизировал код и теперь весь CSS идет в одну строку. Как мне привести его к нормальному виду?

    Asked by kupas,

    0 votes
    3 answers

  17. открыть несколько меток в яндекс картах одновременно

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

    Asked by Zverushka,

    0 votes
    3 answers

  18. С какой целью это делается?

    Всем доброго времени суток! Очень часто вижу вот такого плана код: .profile {margin: 0;padding: 0;}Для чего это делается? Спасибо.

    Asked by Багдыч,

    0 votes
    3 answers

  19. Верстка на div'ax, смещение оных

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Панель администратора</title><link rel="stylesheet" type="text/css" href="style.css" /></head><body> <div id="container"> <div id="header">Ш</div> <div id="navigation"> <a href="#" class="knopka" tabindex="0">кнопка</a> <a href="#" class="knopka" tabindex="0">кнопка</a></div> <div id="menu">М</div> <div id="content"&gt…

    Asked by dotslide,

    0 votes
    3 answers

  20. Не навредят ли стили с этого сайта?

    http://www.phpbb3styles.net/ И могут ли навредить темы для phpbb?!

    Asked by SKSKSS2013,

    0 votes
    3 answers

  21. Проблема верстки

    Есть сайт - mistik.me, у меня на фуллхд мониторе все ок, но когда уменьшить размер окна браузера, то справа есть пустая полоска. Что и где я сделал не так? Также, если открыть сайт на телефоне, то все фоны едут на половину влево. В чем проблема? Спасибо

    Asked by n0_th1nk,

    0 votes
    3 answers

  22. сайт долго грузится

    когда открываю главную страницу сайта все нормально но когда открываю любой фильм сайт все грузится но в окне браузера грузится и грузится не знаю в чем проблема помогите пожалуйста http://lybrook.net/1128-godzilla.html .

    Asked by adminfilm,

    0 votes
    3 answers

  23. выпадающее меню.

    здравствуйте! подскажите, пожалуйста. http://text.check-mate.ru на этой страничке есть меню, при наведении на "Услуги" выпадает менюшка, при наведении на "сервисное обслуживание" с правого нижнего края можно увидеть букву "Д". в сервисном обслуживании вложена еще одна выпадающая менюшка, но ее не видно, он прячется. как ее вытащить, чтобы показывалась с права?) никак не могу решить эту проблему (( помогите, пожалуйста)

    Asked by devid89,

    0 votes
    3 answers

  24. Помогите с оформлением видео

    Привет всем. Помогите с оформлением видео на сайт. Хочу сделать видео как миниатюра 160px на 120px. При нажатии на видео он открывается на средний размер просмотра и весь фон вокруг видео темнеет.. Может есть статьи или видеоуроки. Или пример какой знаете. Вот пример http://storage7.static.itmages.ru/i/14/0526/h_1401113037_6440385_d2d588c83f.jpg Вот при открытии видео http://storage5.static.itmages.ru/i/14/0526/h_1401114325_7394666_92e4426726.jpg

    Asked by Maksim#^&,

    0 votes
    3 answers

  25. Относительные ссылки

    Приветствую. Не могу разобраться с относительными ссылками. В корневом каталоге есть 3 каталога: aqua , css, fonts. В каталоге aqua есть index.html, в css - fontawesome.css, а в fonts - fontawesome-webfont. В файле index.html подключен наш css файл fontawesome.css, в котором прописаны ссылки на шрифты из папки fonts. Когда в коде странички я прописываю класс на иконку шрифта, она не отображается в мозилле, хотя в хроме работает ок. В общем я думаю это связанно с относительными ссылками на файлы которые находятся параллельно в корневом каталоге. Содержимое index.html <link rel="stylesheet" type="text/css" href="../css/font-awesome.css">Содержимое fontawesome.css …

    Asked by edwinkkc,

    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