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. css position в absolute

    Есть див определённой высотой и шириной, в нём куча картинок со скролом за счёт overflow-y. Каждая картинка в диве, а на картинке, но в этом же диве див-меню (position: relative;) в этом меню длинные ссылки (с position:absolute) Проблема в том что очень длинные ссылки из за того что их родитель с position: relative; сжимаются и вместо того что бы показываться над окном они пропадают под ним, если же мы меняем местами position, то казалось бы всё нормально НО так как у нас есть скрол и при его прокрутке ссылки не остаются на картинке , а остаются на месте а должны быть привязаны к местоположению картинки. вот http://bm61.16mb.com/test/index.htm ужас этот заменив position …

    Asked by gradus,

    0 votes
    22 answers

  2. Показать / Скрыть текст.

    Скрипт Показать / Скрыть текст. В Google Chrome и Internet Explorer работает нормально, но в Mozilla Firefox не работает. Скрипт взят здесь http://www.sdws.ru/topic.php?t=3&id=10 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Показать-Скрыть</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> a {outline: none;} a img {border: none;} </style> <script type="text/javascript"> function on(n){ eval("document.all.text"+n+".style.display='block';"); eval("document.all.ontext"+n+".style.disp…

    Asked by andrecool,

    0 votes
    22 answers

  3. Подгон под разрешение

    Здравствуйте! Помогите сделать макет, пожалуйста. Лого и меню должны быть всё время в этой точке, а бэкграунд обрезаться примерно в таких пропорциях, в зависимости от разрешения экрана. Я пыталась, но что-то ничего не выходит! Спасибо! http://narod.ru/disk/17438443001/mayakfhd.png.html http://narod.ru/disk/17438494001/mayakhd.png.html

    Asked by htmlbr,

    0 votes
    22 answers

  4. Бесплатные он-лайн курсы

    В середине сентября (предположительно старт будет 20 числа), будем проводить месячный бесплатный он-лайн курс на тему: "создание сайтов с нуля", после прослушивания и непосредственного участия в данном курсе Вы сможете создавать сайты своими руками, более того, вы сможете создать свою web-студию, а также узнаете свои возможности в дальнейшей карьере и ответы на любые вопросы он-лайн. На время обучения все получат необходимое лицензионное программное обеспечение (CMS программу) для занятий. Предположительные темы: 1. Что за такой зверь сайт и с чем его едят. 2. CMS система как лучший станок для создания сайтов 3. Откуда взять дизайн, основы работы в графических редакторах …

    Asked by Viktorius,

    0 votes
    22 answers

  5. Всплывающее меню

    Здравствуйте. Недавно начал осваивать верстку. Сейчас делаю первый макет и столкнулся с проблемной. Не могу сделать горизонтальное всплывающее меню. HTML <!DOCTYPE html> <head> <meta charset="utf-8" > <title>TeaM GreeD</title> <link href="css/common.css" rel="stylesheet" type="text/css"> <!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css"> <![endif]--> </head> <body> <div id="container"> <!--Регулирует размеры по ширине!--> <div id="header"> <ul id="menu"> <li><a href="#"><span>Главная</span></a></li> <li…

    Asked by WHITEMAN23,

    0 votes
    22 answers

  6. CSS или jquery

    Что же css или jquery код? Как сделать такую навигацию по сайту(плавно скользить, и в точное место)?? http://www.carolinakaucher.com/en/#portfolio панелиь навигации (Portfolio About me ...) .

    Asked by penchukov,

    0 votes
    22 answers

  7. Картинка за пределами 1000px

    Здравствйте. Подскажите, как сверстать макет ? Конкретно интересует, как поставить картинку 725*533 как нарисовано в макете и блок шириной 1100px< при ширине сайта 1000px

    Asked by Буллет,

    0 votes
    22 answers

  8. нужен хелп ноунейму

    Кому не жалко немного времени, чтобы помочь новичку, пожалуйста напишите в личку или скиньте номер аси, сам не разберусь. Делать ничего не прошу, просто нужны ответы на интересующие вопросы.

    Asked by necro,

    0 votes
    22 answers

  9. Проблемы с блоком регестрации

    Подскажите пожалуйста,есть несколько вопросов по блоку. Вот картинка. 1.Рамка не до конца формы в чем проблема? 2.Кнопку надо поднять вверх,а так же почему то остались старые стили в другом шаблоне на этой кнопке,хотя шаблон другой,как это устранить?( 3.Когда разрешение экрана 1024 то блок справа уезжает за пределы примерно на 3 пиксиля.Как это устранить? .moduletableloginform { width: 250px; margin: auto 0; background: #FEFEFE; border: 1px solid #CAD8DE; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.08); font: 14px/18px Arial, Tahoma, sans-serif; color: #444;} #loginza-username { margin: 0 0 10px;} p#loginza-username label { disp…

    Asked by AlexNN,

    0 votes
    22 answers

  10. Кнопка submit вне формы

    Здравствуйте! Хотелось бы получить ответ на вопрос, как с помощью стилей или других средств поместить кнопку submit в самом низу страницы по центру (над футером), но так, чтобы при ее нажатии на сервер отправлялись данные, введенные в форму в правой колонке страницы (двухколонный фиксированный макет). Никак не могу сообразить, пожалуйста, подскажите.

    Asked by hike,

    0 votes
    22 answers

  11. Требуется Оценка Вёрстки на HTML5...

    Здравствуйте. Решил переверстать для себя титульную блога с HTML_4.01 на HTML5(впервые)и по ходу дела возникли некоторые вопросы: 1) Существует ли на сегодняшний день идеальная,с точки зрения отображения, реализация {text-shadow} для IE-7,8,9 ? 2) Стоит ли пользоваться Placeholderом(в инпутах)? Если учесть тот факт, что некоторые браузеры этого не понимают... (если кто скинет ссылку на удобный пример того, как именно это необходимо делать(с поддержкой всех браузеров) - буду благодарен.) 3)Также возникли вопросы по семантике, в связи с чем хотел бы выслушать критику(в разумных пределах),относительно следующей страницы: http://webmaster.ayrveda.ru/Ozdorovlenie-Organizma/ind…

    Asked by Yamaradg,

    0 votes
    22 answers

  12. Переменное содержимое (текст)

    Здравствуйте. Мне нужно чтобы в одном из блоков (<div>) на странице менялась текстовая информация при каждом обновлении страницы. Для иллюстрации прилагаю картинку чего хочу добиться. 1. В желтом блоке (<div>) имеется некоторый текст 2. Текст целиком в блок не помещается и последние 1 или 2 слова представляют собой ссылку, которая ведет на страницу, где этот тектст можно прочитать полностью. 3. При каждом обновлении страницы текст рандомно обновляется (например, был про трамваи и ссылка вела на страницу с трамваями, при обновлении или следующем заходе на страницу - про автобусы и ссылка, соответственно, ведет на страницу с автобусами). 4. Каким образом это мо…

    Asked by dmifed,

    0 votes
    22 answers

  13. Выровнять блоки

    Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> &…

    Asked by Toxin_G,

    0 votes
    22 answers

  14. jQuery grayscale

    Использую на сайте данный скрипт https://github.com/josefrichter/jquery-grayscale Картинки у меня jpg. Проблема в том что при загрузке страницы, все равно "моргают" цветным фото, а иногда вообще не видно их. После втрой загрузки страницы более или менее работает. На медленно интернете вообще проблема. Куда копать? Может есть другие решения? Спрайт из картинок не предлагать, это вариант не подходит. Буду очень благодарен за пинок в нужном направлении.

    Asked by okunev2,

    0 votes
    22 answers

  15. Замена картинок углов рамки на спрайт

    Замена картинок углов рамки на спрайт Возникла проблема, по их отображению, во первых у меня код: #wm .amoney_tr { background: url('../images/jc_rb_tr.gif') no-repeat scroll 100% 0% transparent; height: 10px; overflow: hidden; padding-right: 13px; } Четыре угла .sprite { background: url('../images/donate_am.png') no-repeat -297px -202px; width: 13px; height: 13px; } Можно конечно сделать и в процентах, только всё равно отображает картинку Неправильно .sprite { background: url('imgs/donate_am.png') no-repeat 56.713% 43.287%; width: 13px; height: 13px; } В принципе пытался так вставить #wm .amoney_tr { background: url('imgs/donate_am.png') no-repeat 59.519% 40.48…

    Asked by lev99,

    0 votes
    22 answers

  16. Как создать серую с красной полоску с помощью CSS

    Как создать серую с красной полоску с помощью CSS без использования двух картинок? Пробовал получилось с помощью картинок, все результаты с CSS не верно показывает полосу и она не по центру и присутствует наслоение.

    Asked by lev99,

    0 votes
    22 answers

  17. Не могу подключить сторонний шрифт

    Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …

    Asked by froot,

    0 votes
    22 answers

  18. Вёрстка

    Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!

    Asked by Flanidub,

    0 votes
    22 answers

  19. Шрифты, CSS, Google Fonts, Font Squirrel

    Знаю, что была уже куча таких тем, но все же. Опять непонятно кое-что со шрифтами. В общем, скачиваю шрифты с Google Fonts, не через просмотр исходного кода, а через стандартную ссылку для скачивания шрифта. В архиве .tff и лицензия. TFF, естественно, при обычном @font-face {font-family: 'Some Font';src: local('Some Font'), url(fonts/Some-Font.tff) format('tff');}не работает, что предсказуемо. Иду на Font Squirrel, обычные настройки, всякое такое, загружаю, редактируется, скачиваю, опять не работает. Иду снова на Google Fonts, просматриваю исходные коды, подмечаю, что при скачивании - TFF, а при подключении типа <link href='http://fonts.googleapis.com/css?family=…

    Asked by iKNG,

    0 votes
    22 answers

  20. Scroll внутри DIV, в котором таблица больше этого DIV

    Всем привет! Есть DIV, в котором находится таблица. По идее таблица должна выходить за пределы этого DIV, а чтобы увидеть остальную часть таблицы нужно проскроллить. У меня таблица встраивается в пределы DIV и не хочет выходить за его пределы. Пытался менять width у элементов таблицы, ставить overflow: scroll у DIV но ничего не выходит. Таблица все также пытается втиснуться в DIV. Как сделать так, чтобы таблица имела определенную длину, показывала только часть себя и появился скролл для передвижения по этому DIV. как-то так:

    Asked by Bava,

    0 votes
    22 answers

  21. Верстка логотипа

    Здравствуйте! Подскажите, как правильно нужно верстать логотип? Есть логотип и снизу текст. У текста шрифт PTSans Regular. Вопрос: логотип будет правильнее вырезать вместе с текстом (то есть, картинкой) или логотип--картинка, а текст -- кодом? Спасибо. И еще вопрос возник: опять же правильно ли тегу header указывать класс, если он один на странице? А вдруг нужно будет (потом, например) добавить еще header? Этот же тег можно несколько раз применять...

    Asked by Orarifish,

    0 votes
    22 answers

  22. @media screen and (orientation: portrait)

    Насколько хорошо поддерживается браузерами свойство @media screen and (orientation: portrait)В интернете много примеров с шириной или высотой, поэтому я усомнился в широкой поддержке ориентации. Я зря волнуюсь?

    Asked by PavelTkachev,

    0 votes
    22 answers

  23. Как заставить элемент занимать оставшуюся ширину?

    Здравствуйте. Вот пример разметки, вроде правильно воспроизвёл ситуацию. Скажите, пожалуйста, как заставить телефоны занимать оставшуюся часть ширины контейнера, чтобы при сужении области просмотра телефоны на оставшейся для них ширине занимали место по центру?

    Asked by borus,

    0 votes
    22 answers

  24. Непонятная ситуация со шрифтом

    Какая-то непонятная ситуация со шрифтом. В макете используется шрифт PF Square Sans Pro Medium. (скрин: http://savepic.su/4834376.png ) Но файл со шрифтом называется pfsquaresanspro-medium (скрин: http://savepic.su/4837448.png ) Вопрос: Почему разные названия? Какое название писать? PF Square Sans Pro Medium или pfsquaresanspro-medium? Почему спрашиваю: Я написала шрифт по названию файла font-family: 'pfsquaresanspro-medium';Но он не похож на шрифт, который в макете. (скрин: http://savepic.su/4831304.png ) Так тоже указывала шрифт: font-family: PF Square Sans Pro Medium;И так тоже: font-family: PF Square Sans Pro;Ничего не помогает. Правило @font-face указала …

    Asked by Alfa2015,

    0 votes
    22 answers

  25. Почему рекомендуют utf-8

    Решил я проверить сайт на валидаторе W3C. А он мне и говорит: Legacy encoding windows-1251 used. Documents should use UTF-8. И почему так? У меня сайт на русском. Зачем мне лишний трафик? Какие есть причины делать сайт на utf-8?

    Asked by PavelTkachev,

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