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. Верстка вертикального меню на основе таблицы

    Помогите устранить проблему при верстке вертикального меню на основе таблицы. Не работает переход с ячейки главного пункта меню на ячейку подпункта. Проблема понятна - курсор попадает на границу таблицы. Если границу таблицы убрать с помощью ( 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

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

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

    Asked by cypler,

    0 votes
    6 answers

  3. Редизайн сайта, проблема с картинками, html5

    Прошу помочь с вёрсткой сайта. Проблема с картинками на сайте. При изменении разрешения к примеру 1920 px, на сайте картинки с логотипами автомобилей съезжают вниз. Полурезина: max-width: 1500px; min-width: 1000px; Как сделать так что бы при изменении разрешения логотипы авто не съезжали http://development.i...ter.co/tuning/#

    Asked by marischka,

    0 votes
    12 answers

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

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

    Asked by ExtremeBurner,

    0 votes
    1 answer

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

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

    Asked by Vasdram,

    0 votes
    2 answers

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

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

    Asked by isamael,

    0 votes
    0 answers

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

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

    Asked by Devvega,

    0 votes
    2 answers

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

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

    Asked by svochek,

    0 votes
    3 answers

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

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

    Asked by rafaello9,

    0 votes
    4 answers

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

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

    Asked by bioz00,

    0 votes
    3 answers

  11. Рушится вёрстка в IE8

    При просмотре сайта из IE9 в режиме IE8 видно, что не работают скрипты (включая html5shiv, поэтому всё плывёт), хотя, вроде, подгружаются. Сайт на Wordpress http://angelo.hes78.com/ Статичная html-версия такой проблемы не испытывает http://webpages.hes78.com/Angelo/ В чём может быть проблема? ___________________________________________________ Сам разобрался. Весь ужас, собственно, был из-за неработающего html5shiv, потому что его необходимо подключать в header. До этого вёрстка, похоже, летела к чертям из-за ошибки js: $('input, textarea').placeholder(); до подключения jquery, который в футере. За компанию с placeholder утащил в футер и html5shiv...

    Asked by xenon_k,

    0 votes
    1 answer

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

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

    Asked by Cerfuck,

    0 votes
    11 answers

  13. Проблемка в адаптивном дизайне, гуглил-не нашел.

    Ситуация проста до безобразия... При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было... Есть шапка, ширина 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

  14. Как растянуть Div на всю высоту экрана?

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

    Asked by Bizon4ik,

    0 votes
    10 answers

  15. Как верстать?

    Здравствуйте! Я новичок. Вот макет http://yadi.sk/d/WBJYc5T344Lmm Как его надо верстать, я имею ввиду резиновая верстка или фиксированая? И как вообще понять где резина а где фиксированая?

    Asked by Костя654,

    0 votes
    5 answers

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

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

    Asked by okunev2,

    0 votes
    3 answers

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

    Экспериментировала с кодом ( пыталась вставить форму ВК комментариев на сайт ) и доэкспериментировалась теперь статьи не отображаются 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

  18. черная рамка jpeg

    Здраствуйте. стоит каптча я не могу понять из за чего может появляться черная полоса? Фон только серый

    Asked by akkota,

    0 votes
    1 answer

  19. Меню

    как сделатть главное меню, как на http://podlodka.info ?

    Asked by vvmupp,

    0 votes
    2 answers

  20. Адаптивная вёрстка под iPhone

    Знаю, что глупый вопрос, но как сделать, чтобы на айфоне\айпаде при масштабировании контента он изменялся по ширине, а не оставался фиксированной ширины. Структура представляет из себя блок с шириной 100%, в нём еще 1 блок с шириной 100%, и в нём еще много блоков с шириной 100%, я так понял, что 100% берётся от размера документа. А нужно от размеров области просмотра. <meta name=”viewport” content=”width=320"> не помогает. Заранее спасибо

    Asked by Briss,

    0 votes
    6 answers

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

    День добрый. Хотел у знающих людей поинтересоваться таким вопросом. Есть ли разница в порядке верстке сайта. Допустим надо сайт из шапки, 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

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

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

    Asked by ByKraB,

    0 votes
    6 answers

  23. Стационарная фоновая картинка

    Всем джамбо друзья! Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru.../2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в том что при изменении размеров окна браузера картинка тоже увеличивается. Дак вот как ее…

    Asked by CatInTheBread,

    0 votes
    7 answers

  24. Склеивание png с прозрачностями

    У меня есть одна прямоугольная png картинка, я разрезаю её на две картинки и надрез ПРОИЗВОЛЬНЫЙ, в итоге я получаю уже 2 картинки, мне очень нужно склеить их так, чтобы между ними не было промежутков, это возможно? P.S. альфа канал я не забыл Сейчас только так получается! Заранее огромное спасибо за ответ

    Asked by Zeka,

    0 votes
    1 answer

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

    Здравствуйте. Пытаюсь сдвинуть текст вниз относительно исходной позиции. Значение 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

  • Обсуждения

    • 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