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. Проблема с версткой

    Помогите решить проблему в блочной верстке, после того как в левой колонке сделал выпадающее меню не могу вставить центральный див и подвал. Задаю размеры , в результате эти блоки не появляются вообще <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="scripts/cufon-yui.js"></script> <script type="text/javascript" src="scripts/konkord.font.js"></script> <script type="text/j…

    Asked by mistadrumma,

    0 votes
    2 answers

  2. HTML5 Audio и неправильный MIME-Type

    Делаю плеер на HTML5. Возникла проблема: файлы с одного левого сервера (на моём всё работает прекрасно, просто пробую ему файлы с других серверов скармливать) воспроизводить отказывается, выдавая ошибку MEDIA_ERR_SRC_NOT_SUPPORTED. Посмотрев, что отвечает сервер, увидел, что он отдаёт файл с MIME-типом application/x-download. Попробовал вместо атрибута src в теге указывать путь к файлу через тег <source> с указанным типом — воспроизводить всё равно не хочет, хотя выдавать ошибку почему-то перестал. Залил тот же проблемный файл себе на сервер — воспроизводится. Можно ли как-нибудь обмануть браузер и заставить воспроизводить файл независимо от указанного на сервере ти…

    Asked by andreymal,

    0 votes
    2 answers

  3. Создание таблицы

    Добрый день. Нужно сделать табличку: Но у меня не получается создать создать правильно фон для шапки таблицы, получается так: Как видите, фон шапки вылезает за пределы таблицы. z-index не помог. Скажите, как можно исправить проблему?

    Asked by VisedFAQ,

    0 votes
    9 answers

  4. Позиционирование текста в div с помощью line-height

    День добрый! Мне нужно спозиционировать текст внутри div по вертикале, чтобы текст был по середине. Нормально ли для этого использовать line-height со значением высоты контейнера? Пример: <div>текст</div> height div : 20px line-height div : 20px

    Asked by egiko,

    0 votes
    3 answers

  5. Проблемы с бесплатным шаблоном

    Приветствую. На сайте http://foto-uvarovo.ru/ установил бесплатный фотошаблон и столкнулся с проблемой: меню, "лого-текст" и футер мигают при наведении. При этом их изначальный цвет почти сливается с фоном. Не пойму как вообще реализовано всё это "затемнение", перелопатил всю таблицу стилей. Помогите: 1. либо найти, как сменить изначальный цвет на более темный. 2. либо способ совсем убрать это мигание. PS: если что-то непонятно в моей формулировке - уточняйте) Не особо владею языком верстальщиков)

    Asked by mihanka,

    0 votes
    3 answers

  6. Непонятный шаблон

    Всем привет! Не пойму, как сделать вот такой сайт. Чтоб при нажатии на элемент меню страница не менялась а содержимое плавно переливалось в указанное меню. Ну например нажмите на этом сайте Contact us. Как такое реализовать. ЗЫ: Яву и пхп не знаю пока. Если ли готовые скрипты? http://ru.wix.com/website-template/view/html/wedding-01-orly?originUrl=http%3A%2F%2Fru.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fall%2F20&galleryDocIndex=4

    Asked by aqva_spirt,

    0 votes
    1 answer

  7. Не получается вывести меню спрайтами

    Здравствуйте! Я пытаюсь натянуть верстку своего сайта на Drupal. У меня не получается вывести кнопки главного меню спрайтами. Буду признателен, если Вы мне поможете. Это мой сайт в хтмл - http://ygastik.ru/ Это сайт на субдомене - http://s.ygastik.ru

    Asked by slaip,

    0 votes
    4 answers

  8. Центр

    У меня на страничке около 20 картинок как сделать чтобы они все были по центру

    Asked by Артём Скригонюк,

    0 votes
    2 answers

  9. Хитрые колонки. Планшетофобия или поиск идеала

    Доброго времени суток, уважаемые форумчане! Есть у меня проблема, которую, как мне кажется, можно решить легко, но я уже слишком погрузился и не вижу очевидного, поэтому прошу совета у вас. Есть у меня макет, положил в миниатюры. Суть его в том, что материалы в нем бесконечные, будут подгружаться, но это другая песня. Сверстаны они вот так: <div class="section group"> <div class="col span_1_of_3"> <div class="postbox"> Пост номер один </div> <div class="postbox"> Пост номер четыре </div> </div><!-- Closing tag: .col--> <div class="col span_1_of_3"> <div class="postbox"> Пост номер два </div> <div cla…

    Asked by Diasouls,

    0 votes
    8 answers

  10. Исчезает один flash баннер.

    Пожалуйста, подскажите: Есть трехколоночная верстка, в каждой колонке флэш баннер примерно такого вида. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macr...sh.cab#version=" width="250" height="250"> <param name="movie" value="" /> <param name="quality" value="high" /> <param name="flashvars" value="link1=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266&clickTag=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266&clickTAG=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266" /> <embed src="" quality="h…

    Asked by Микель,

    0 votes
    0 answers

  11. Проблемма с иконками от соц сетей

    Добрый день! Помогите пожалуйста не могу вставить иконки от соц сетей для изображений вот сайт http://www.zif.rudo.pro/gal/ хотел сделать таким образом когда открывается изображение в правом нижнем углу должны отображаться иконки от соц сетей но у меня это не получается пробовал ставить от сюда http://account.pluso.ru/ и все равно никак ((( исходник тоже скину http://rghost.ru/46274426

    Asked by argo,

    0 votes
    7 answers

  12. Перемещение блоков вложенных один в другой.

    Всем привет. Нужно немного опустить блок с текстом по отношению к другому блоку с изображением, но почемуто блок опускается вместе с картинкой.Помогите решить проблему. На скрине показано какой блок нужно опустить. Немогу понять в чем беда. html <!DOCTYPE html> <html> <head> <meta crarset="utf-8"> <title>ruslanlizogub</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/960_24_col.css"> </head> <body> <div class="cv-section container_24"> <div class="person"> <img src="img/avatar.jpg" width="122" height="165" alt="ruslan lizogub"> <div class="fio"> <…

    Asked by ruslanlizogub,

    0 votes
    6 answers

  13. как сделать так, чтобы фон тоже мигал?

    http://jsfiddle.net/HPsz4/

    Asked by DivMan,

    0 votes
    20 answers

  14. красивый select

    Наверняка у многих из вас есть любимый способ менять обычный select на красивый. Поделитесь пожалуйста. К примеру нужно сменить стрелочку у select.

    Asked by eleonore,

    0 votes
    4 answers

  15. как задать такую рамку?

    если кому-то не разборчиво видно на рисунке, объясняю: вокруг select 2 рамки,одна темно серая в 1px ,а вторая светло-серая шириной 4px. обе они имеют скругления.как задать? пробовала тонкую задать через border с border-radius , а широкую через outline, все прекрасно,но скругления уголков у outline работает только в мозилле,как тогда быть с остальными браузерами? может есть другое решение?

    Asked by eleonore,

    0 votes
    4 answers

  16. (вырезать!) часть html кода с помощью css

    делаю сайт под несколько экранов. несколько css файлов будут производить редизайн сайта при загрузке. через media="only screen and (max-width:траляля) в html несколько элементов в зависимости от разрешения экрана должны появляться/скрываться. можно сделать это с помощью visible - но тогда элементы как я понимаю все равно будут грузиться - просто визуально их не будет видно. может быть есть свойство css с помощью которого по id можно просто "вырезать" часть кода из html? то есть чтобы браузер игнорировал допустим конкретный div при загрузке страницы (как <!-- --!>) java script не предлагать - а то черт ногу сломит, я и так уже перемудрил

    Asked by deFISH,

    0 votes
    2 answers

  17. Приклеить img в sidebar внизу сайта

    В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.

    Asked by gasyoun,

    0 votes
    12 answers

  18. Условный комментарий в ячейке таблицы?

    Народ помогите нашел такой код [b]<!--td width="250"><img src="dataimg/logo.gif" width="250" height="116"></td-->[/b] в макете старого сайта, не понимаю что это? Прогнал через IE тестер начиная от 5 до 10 версии ничего не происходит. Туплю. Робею может он как ружьё на стене выстрелит в самый непонятный момент. Смущает что нет условий [if условие]и [endif]. Помогите может кто сталкивался с такой фигней?

    Asked by Андрей Прохоров,

    0 votes
    1 answer

  19. Width: 25% в Safary

    Уважаемые, помогите, пожалуйста, решить проблему. Суть: Есть резиновый контейнер. В нем находятся элементы float:left или inline-block с шириной 25% или 50% или 75%. Если изменять размер окна то в Safari (5.1.7 win и 4.0.3 mac и возможно в других) эти элементы иногда не занимают все доступное им пространство. При чем если 4 элемента с шириной 25% могут оставлять пустыми 3px контейнера, то при этом 2 элемента с 25% и 75% оставляют только 1px. И получается как-то не ровно. Вот пример http://jsfiddle.net/vo1daus/7WpY2/ В остальных браузерах вроде бы все норм. Если у кого-то есть решение данной проблемы, или хотя бы знаете как сделать чтобы общая ширина элементов (3 x 25px)…

    Asked by v01d0s,

    0 votes
    7 answers

  20. Лучший способ создать кнопку с input [type='submit']

    Както озадачелся вопросом каким способом лучше создать кнопку из CSS3, c помощью картинки или SVG... В каждом из вариантов есть свои проблемы. Каккой из вариантов, будет более удобней, надёжней в плане отображения и простоы, с недоразветостью браузеров ...? Примеры: .input_submit { background: url("../public/style_images/master/topic_button.png") repeat-x scroll center top #212121; border-color: #212121; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; } .pay-button { -moz-box-sizing: border-box; background: linear-gradient(to bottom, #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent;…

    Asked by lev99,

    0 votes
    5 answers

  21. Перемещение родительского блока через transition

    Здравствуйте. Вопрос. Есть структура вида: <section> <div> блаблабла </div> </section> Как на css записать уменьшение у section css-свойства left на 100 пикселей по клику на дочерний div через transition?

    Asked by sifilis,

    0 votes
    2 answers

  22. Фон для формы входа

    Помогите,нужно позиционировать фон под форму входа. id loginForm отвечает за саму форму,с ней вообще никаких проблем. Класс loginForm2 за фон,его почему-то никак не получается поставить куда надо. Вот скрин: html: <div id="loginForm" class="loginForm2">$LOGIN_FORM$</div> css: #loginForm{width:230px;height:224px;margin-left:1000px;margin-top:-160px;margin-bottom:-63px;} .loginForm2{background:url('http://newzveriki.ucoz.com/entrance_form.png') no-repeat;} Добавление в loginForm2 разных padding и margin либо ничего не изменило,либо изменило не то.

    Asked by mcdude,

    0 votes
    28 answers

  23. Значение размера шрифта

    Столкнулся я с такой проблемой. Дизайнер дал на верстку макет, шрифты в котором указаны в пунктах: На моё требование перевести в пиксели ответил, что я дилетант и он сделал всё правильно. У него, видимо, как графического дизайнера, - шрифт в фотошопе установлен в пунктах и имеет размер одного из текстов 8пт. У меня шрифты в пикселях, и этот же шрифт показывает 33,33 пикс: Меня обвиняют, что я не особо компетентен, если не могу перевести пункты в пиксели сам. Но если 8пт - это 11px (согласно формуле для Windows 8пт * (96/72) = 11px), то шрифт получается мельче гораздо. Впрочем, font-size:8pt - тем более. Гуру css, скажите, прав ли дизайнер? Он утверждает, что он не обяза…

    Asked by olf,

    0 votes
    8 answers

  24. filter (IE6-9) - возможна ли прописать по другому

    У меня есть в CSS такая запись: .pay-button { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 ); /* IE6-9 */ } Возможно ли её записать так: .pay-button { -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 )"; /* IE8 */ } правда я прочёл , что должны быть в месте .pay-button { -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 )"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=…

    Asked by lev99,

    0 votes
    10 answers

  25. Как сделать кнопки переключающие контент?

    Друзья, как сделать так, как реализовано на сайте apple http://www.apple.com/ru/osx/server/ Под картинкой 2 кнопки, "клиент" и "сервер", при нажатии на них меняется картинка. Пробовал сам, получилось вот так http://jsfiddle.net/Ftfhb/9/ . Но как-то коряво

    Asked by Nescafe,

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